/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child Theme
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* === HIDE LANG-SWITCHER FROM MENU === */
.lang-switcher {
    display: none !important;
}

/* === STANDALONE LANG-SWITCHER === */
.lang-switcher-standalone {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    background: rgba(212, 175, 55, 0.15) !important;
    border: 1px solid #D4AF37 !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #D4AF37 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}
.lang-switcher-standalone:hover {
    background: #D4AF37 !important;
    color: #090218 !important;
}

/* Position standalone widget in header - right side */
.elementor-element-a1b2c3d,
.elementor-element-b2c3d4e {
    margin-left: auto !important;
    z-index: 99 !important;
}

@media (max-width: 768px) {
    .elementor-element-a1b2c3d,
    .elementor-element-b2c3d4e {
        position: fixed !important;
        top: 12px !important;
        right: 50px !important;
        margin-left: 0 !important;
    }
}

/* === MOBILE MENU FIX === */
.elementor-nav-menu--dropdown {
    background-color: #36013F !important;
    border: none !important;
}
.elementor-nav-menu--dropdown a.elementor-item {
    color: #FFFFFF !important;
    background-color: transparent !important;
}
.elementor-nav-menu--dropdown a.elementor-item:hover,
.elementor-nav-menu--dropdown a.elementor-item.highlighted {
    color: #D4AF37 !important;
    background-color: rgba(212, 175, 55, 0.15) !important;
}
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
    color: #D4AF37 !important;
    background-color: rgba(212, 175, 55, 0.1) !important;
}

.elementor-menu-toggle {
    background-color: #36013F !important;
    color: #FFFFFF !important;
    border: none !important;
}
.elementor-menu-toggle:hover {
    background-color: #D4AF37 !important;
    color: #090218 !important;
}

/* === DESPRE MARIA - NEW DESIGN SYSTEM === */
/* Gold Glass button effect */
.elementor-widget-button .elementor-button {
    transition: all 0.3s ease !important;
}
.elementor-widget-button .elementor-button:hover {
    box-shadow: 0 0 25px rgba(195, 151, 38, 0.4) !important;
}

/* === BENEFIT CARDS SVG ICON CENTERING === */
.elementor-widget-html {
    text-align: center !important;
}
.elementor-widget-html svg {
    display: inline-block;
    vertical-align: middle;
}

/* Smooth scroll reveal animation base */
.elementor-element {
    transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Spacing between sections */
.elementor-section,
.elementor-top-section {
    position: relative;
}

/* Gold gradient separator */
.elementor-element-glow-separator {
    height: 4px;
    background: linear-gradient(90deg, #5E0567, #C8A45A, #5E0567);
}

/* === LOGO CENTERED ON MOBILE === */
@media (max-width: 768px) {
    .elementor-widget-theme-site-logo {
        text-align: center !important;
    }
    .elementor-widget-theme-site-logo img {
        margin: 0 auto !important;
    }
}

/* === CONTACT PAGE BENEFIT CARDS - 2 COLUMNS === */
.elementor-element-6natswu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}
.elementor-element-6natswu > .elementor-element {
    width: 50% !important;
    flex: 0 0 50% !important;
}
@media (max-width: 768px) {
    .elementor-element-6natswu > .elementor-element {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* === CONTACT FORM BUTTON === */
.elementor-field-type-submit .elementor-button[type="submit"] {
    background-color: #800080 !important;
    color: #ffffff !important;
    border: 2px solid #800080 !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
}
.elementor-field-type-submit .elementor-button[type="submit"]:hover {
    background-color: #9B30FF !important;
    border-color: #9B30FF !important;
    color: #ffffff !important;
    box-shadow: 0 0 25px rgba(128, 0, 128, 0.4) !important;
}
/* === HOME MOBILE TEXT OVERFLOW FIX === */
/* Elementor responsive font-sizes are set per-widget in the content.
   This rule only guards against long words breaking the layout. */
.elementor-widget-heading .elementor-heading-title {
    overflow-wrap: break-word;
    word-break: break-word;
}