/* ==========================================================================
           1. HEADER RIGHT SECTION ALIGNMENT & SYMMETRY (Desktop & Tablet)
           ========================================================================== */
        .site-header-main-section-right {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            flex-wrap: nowrap !important;
            gap: 0 !important;
        }
        .site-header-main-section-right > .site-header-item {
            margin: 0 !important;
            display: inline-flex !important;
            align-items: center !important;
        }

        /* Phone Contact Item (568 11 06 06) */
        .site-header-main-section-right .header-contact-wrap,
        .site-header-main-section-right .header-contact-inner-wrap,
        .site-header-main-section-right .element-contact-inner-wrap {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin: 0 !important;
            padding: 0 !important;
            gap: 0 !important;
            height: auto !important;
        }
        .site-header-main-section-right .header-contact-wrap .header-contact-item,
        .site-header-main-section-right .element-contact-inner-wrap .header-contact-item {
            margin: 0 !important;
            padding: 0 9px !important;
            height: 32px !important;
            min-height: 32px !important;
            border-radius: 8px !important;
            border: 1px solid transparent !important;
            background-color: transparent !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-wrap: nowrap !important;
            gap: 7px !important;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
            font-size: 14.5px !important;
            font-weight: 600 !important;
            line-height: 1 !important;
            color: #1e293b !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            box-sizing: border-box !important;
            transition: background-color 0.18s ease, color 0.18s ease !important;
        }
        .site-header-main-section-right .header-contact-wrap a.header-contact-item:hover,
        .site-header-main-section-right .element-contact-inner-wrap a.header-contact-item:hover {
            background-color: rgba(15, 23, 42, 0.06) !important;
            color: #0f172a !important;
        }
        .site-header-main-section-right .header-contact-wrap .header-contact-item .kadence-svg-iconset,
        .site-header-main-section-right .element-contact-inner-wrap .header-contact-item .kadence-svg-iconset {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 17px !important;
            height: 17px !important;
            min-width: 17px !important;
            background: transparent !important;
            color: #1e293b !important;
            transform: none !important;
            font-size: 17px !important;
            line-height: 1 !important;
            margin: 0 !important;
            padding: 0 !important;
            flex-shrink: 0 !important;
        }
        .site-header-main-section-right .header-contact-wrap .header-contact-item .kadence-svg-iconset svg,
        .site-header-main-section-right .element-contact-inner-wrap .header-contact-item .kadence-svg-iconset svg {
            width: 17px !important;
            height: 17px !important;
            display: block !important;
            margin: 0 !important;
        }
        .site-header-main-section-right .header-contact-wrap .header-contact-item .contact-label,
        .site-header-main-section-right .element-contact-inner-wrap .header-contact-item .contact-label {
            margin: 0 !important;
            padding: 0 !important;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            line-height: 1 !important;
            letter-spacing: 0.015em !important;
            font-variant-numeric: tabular-nums !important;
            display: inline-flex !important;
            align-items: center !important;
        }

        /* Uniform Vertical Dividers */
        .site-header-main-section-right .header-divider,
        .site-header-main-section-right .header-divider2,
        .site-header-main-section-right .header-divider3 {
            height: 18px !important;
            border-right: 1px solid rgba(15, 23, 42, 0.15) !important;
            margin: 0 10px !important;
            align-self: center !important;
            flex-shrink: 0 !important;
        }

        /* Header Cart Button & Expandable Count Pill (Supports 0, 3, 500+) */
        .site-header-main-section-right .header-cart-wrap,
        .site-header-main-section-right .header-cart-inner-wrap {
            display: inline-flex !important;
            align-items: center !important;
            height: auto !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        .site-header-main-section-right .header-cart-wrap .header-cart-button {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 6px !important;
            height: 32px !important;
            min-height: 32px !important;
            margin: 0 !important;
            padding: 0 8px !important;
            border-radius: 8px !important;
            border: none !important;
            background-color: transparent !important;
            position: relative !important;
            line-height: 1 !important;
            color: #1e293b !important;
            text-decoration: none !important;
            box-sizing: border-box !important;
            transition: background-color 0.18s ease, color 0.18s ease !important;
        }
        .site-header-main-section-right .header-cart-wrap .header-cart-button:hover {
            background-color: rgba(15, 23, 42, 0.06) !important;
            color: #0f172a !important;
        }
        .site-header-main-section-right .header-cart-wrap .header-cart-button .kadence-svg-iconset {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            font-size: 20px !important;
            transform: none !important;
        }
        .site-header-main-section-right .header-cart-wrap .header-cart-button .header-cart-total {
            position: static !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 22px !important;
            width: auto !important;
            height: 22px !important;
            padding: 0 6px !important;
            margin: 0 !important;
            border-radius: 999px !important;
            background-color: #248aba !important;
            color: #ffffff !important;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
            font-size: 11.5px !important;
            font-weight: 700 !important;
            line-height: 1 !important;
            font-variant-numeric: tabular-nums !important;
            box-sizing: border-box !important;
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.14) !important;
            transition: background-color 0.18s ease, transform 0.18s ease !important;
        }

        /* ==========================================================================
           2. WPML LANGUAGE SWITCHER TRIGGER & FLOATING DROPDOWN (#secondary-navigation)
           ========================================================================== */
        #secondary-navigation,
        #secondary-navigation .secondary-menu-container,
        #secondary-menu {
            display: inline-flex !important;
            align-items: center !important;
            height: auto !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        #secondary-menu > li.menu-item {
            position: relative !important;
            display: inline-flex !important;
            align-items: center !important;
            height: auto !important;
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
        }

        /* Language Switcher Pill Trigger Button */
        #secondary-menu > li.menu-item > a {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 6px !important;
            padding: 0 10px !important;
            height: 32px !important;
            min-height: 32px !important;
            margin: 0 !important;
            width: auto !important;
            border-radius: 8px !important;
            border: 1px solid rgba(15, 23, 42, 0.13) !important;
            background-color: rgba(255, 255, 255, 0.55) !important;
            color: #1e293b !important;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            line-height: 1 !important;
            letter-spacing: 0.02em !important;
            text-decoration: none !important;
            box-sizing: border-box !important;
            transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease !important;
        }
        #secondary-menu > li.menu-item:hover > a,
        #secondary-menu > li.menu-item:focus-within > a,
        #secondary-menu > li.menu-item.menu-item--toggled-on > a {
            background-color: #ffffff !important;
            border-color: rgba(15, 23, 42, 0.24) !important;
            color: #0f172a !important;
            box-shadow: 0 2px 6px rgba(15, 23, 42, 0.07) !important;
        }

        /* Flag + Language Code + Chevron inside Trigger */
        #secondary-menu .nav-drop-title-wrap {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 6px !important;
            padding: 0 !important;
            margin: 0 !important;
            position: static !important;
            line-height: 1 !important;
        }
        #secondary-menu img.wpml-ls-flag {
            display: block !important;
            width: 18px !important;
            height: 12px !important;
            min-width: 18px !important;
            max-width: 18px !important;
            object-fit: cover !important;
            border-radius: 2px !important;
            margin: 0 !important;
            padding: 0 !important;
            vertical-align: middle !important;
            box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12) !important;
            flex-shrink: 0 !important;
        }
        #secondary-menu .wpml-ls-native,
        #secondary-menu .wpml-ls-display {
            display: inline-block !important;
            position: static !important;
            top: auto !important;
            margin: 0 !important;
            padding: 0 !important;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            line-height: 1 !important;
            color: inherit !important;
            letter-spacing: 0.03em !important;
        }
        #secondary-menu .dropdown-nav-toggle {
            position: static !important;
            transform: none !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 12px !important;
            height: 12px !important;
            margin: 0 0 0 1px !important;
            padding: 0 !important;
            color: inherit !important;
            opacity: 0.72 !important;
            transition: transform 0.2s ease, opacity 0.2s ease !important;
        }
        #secondary-menu > li.menu-item:hover > a .dropdown-nav-toggle,
        #secondary-menu > li.menu-item:focus-within > a .dropdown-nav-toggle,
        #secondary-menu > li.menu-item.menu-item--toggled-on > a .dropdown-nav-toggle {
            transform: rotate(180deg) !important;
            opacity: 1 !important;
        }
        #secondary-menu .dropdown-nav-toggle .kadence-svg-iconset {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            transform: none !important;
            font-size: 11px !important;
        }

        /* Language Switcher Floating Dropdown Sub-Menu (Replaces 250px wide unstyled box) */
        #secondary-menu ul.sub-menu {
            position: absolute !important;
            top: calc(100% + 7px) !important;
            left: 50% !important;
            right: auto !important;
            transform: translateX(-50%) translateY(6px) !important;
            min-width: 100% !important;
            width: max-content !important;
            padding: 4px !important;
            margin: 0 !important;
            background-color: #ffffff !important;
            border: 1px solid rgba(15, 23, 42, 0.11) !important;
            border-radius: 10px !important;
            box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.15), 0 4px 10px -4px rgba(15, 23, 42, 0.08) !important;
            z-index: 99999 !important;
            list-style: none !important;
            box-sizing: border-box !important;
            opacity: 0 !important;
            visibility: hidden !important;
            pointer-events: none !important;
            transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease !important;
        }
        /* Hover bridge so cursor never loses hover between trigger and dropdown */
        #secondary-menu ul.sub-menu::before {
            content: "" !important;
            position: absolute !important;
            top: -10px !important;
            left: 0 !important;
            right: 0 !important;
            height: 10px !important;
            background: transparent !important;
        }
        #secondary-menu > li.menu-item:hover > ul.sub-menu,
        #secondary-menu > li.menu-item:focus-within > ul.sub-menu,
        #secondary-menu > li.menu-item.menu-item--toggled-on > ul.sub-menu {
            left: 50% !important;
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateX(-50%) translateY(0) !important;
            pointer-events: auto !important;
        }
        #secondary-menu ul.sub-menu li.menu-item {
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
            border: none !important;
            list-style: none !important;
        }
        #secondary-menu ul.sub-menu li.menu-item > a {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
            gap: 8px !important;
            width: 100% !important;
            min-width: 76px !important;
            padding: 7px 11px !important;
            margin: 0 !important;
            border: none !important;
            border-radius: 7px !important;
            background-color: transparent !important;
            color: #1e293b !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            line-height: 1 !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            box-sizing: border-box !important;
            transition: background-color 0.15s ease, color 0.15s ease !important;
        }
        #secondary-menu ul.sub-menu li.menu-item > a:hover,
        #secondary-menu ul.sub-menu li.menu-item > a:focus {
            background-color: #eef6f7 !important;
            color: #1e5c5a !important;
        }

        /* ==========================================================================
           3. ACCOUNT NAVIGATION TRIGGER & DROPDOWN (#account-navigation & .header-account-wrap)
           ========================================================================== */
        .site-header-main-section-right .header-account-wrap,
        .site-header-main-section-right .header-account-in-wrap,
        #account-navigation,
        #account-navigation .header-menu-container,
        #account-navigation ul.menu {
            display: inline-flex !important;
            align-items: center !important;
            height: auto !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        #account-navigation > .header-menu-container > ul.menu > li.menu-item {
            position: relative !important;
            display: inline-flex !important;
            align-items: center !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        .site-header-main-section-right .header-account-wrap > .header-account-button,
        .site-header-main-section-right .header-account-in-wrap > .header-account-button,
        #account-navigation > .header-menu-container > ul.menu > li.menu-item > a {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 5px !important;
            padding: 0 8px !important;
            height: 32px !important;
            min-height: 32px !important;
            margin: 0 !important;
            width: auto !important;
            border-radius: 8px !important;
            border: 1px solid transparent !important;
            background-color: transparent !important;
            color: #1e293b !important;
            font-size: 13.5px !important;
            font-weight: 600 !important;
            line-height: 1 !important;
            text-decoration: none !important;
            box-sizing: border-box !important;
            transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease !important;
        }
        .site-header-main-section-right .header-account-wrap > .header-account-button:hover,
        .site-header-main-section-right .header-account-in-wrap > .header-account-button:hover,
        #account-navigation > .header-menu-container > ul.menu > li.menu-item > a:hover,
        #account-navigation > .header-menu-container > ul.menu > li.menu-item.menu-item--toggled-on > a {
            background-color: rgba(255, 255, 255, 0.52) !important;
            border-color: rgba(15, 23, 42, 0.1) !important;
            color: #0f172a !important;
            box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
        }
        #account-navigation > .header-menu-container > ul.menu > li.menu-item > a .nav-drop-title-wrap {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 5px !important;
            padding: 0 !important;
            margin: 0 !important;
            position: static !important;
            line-height: 1 !important;
        }
        .site-header-main-section-right .header-account-wrap > .header-account-button > .kadence-svg-iconset,
        .site-header-main-section-right .header-account-in-wrap > .header-account-button > .kadence-svg-iconset,
        #account-navigation > .header-menu-container > ul.menu > li.menu-item > a .nav-drop-title-wrap > .kadence-svg-iconset {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            font-size: 19px !important;
            transform: none !important;
        }
        #account-navigation > .header-menu-container > ul.menu > li.menu-item > a .dropdown-nav-toggle {
            position: static !important;
            transform: none !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 12px !important;
            height: 12px !important;
            margin: 0 !important;
            padding: 0 !important;
            color: inherit !important;
            opacity: 0.72 !important;
            transition: transform 0.2s ease, opacity 0.2s ease !important;
        }
        #account-navigation > .header-menu-container > ul.menu > li.menu-item > a .dropdown-nav-toggle .kadence-svg-iconset {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            transform: none !important;
            font-size: 11px !important;
        }
        #account-navigation > .header-menu-container > ul.menu > li.menu-item:hover > a .dropdown-nav-toggle,
        #account-navigation > .header-menu-container > ul.menu > li.menu-item.menu-item--toggled-on > a .dropdown-nav-toggle {
            transform: rotate(180deg) !important;
            opacity: 1 !important;
        }
        #account-navigation ul.sub-menu {
            position: absolute !important;
            top: calc(100% + 7px) !important;
            right: 0 !important;
            left: auto !important;
            transform: translateY(6px) !important;
            min-width: 190px !important;
            width: max-content !important;
            padding: 5px !important;
            margin: 0 !important;
            background-color: #ffffff !important;
            border: 1px solid rgba(15, 23, 42, 0.11) !important;
            border-radius: 10px !important;
            box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.15), 0 4px 10px -4px rgba(15, 23, 42, 0.08) !important;
            z-index: 99999 !important;
            list-style: none !important;
            opacity: 0 !important;
            visibility: hidden !important;
            pointer-events: none !important;
            transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease !important;
        }
        #account-navigation ul.sub-menu::before {
            content: "" !important;
            position: absolute !important;
            top: -10px !important;
            left: 0 !important;
            right: 0 !important;
            height: 10px !important;
            background: transparent !important;
        }
        #account-navigation > .header-menu-container > ul.menu > li.menu-item:hover > ul.sub-menu,
        #account-navigation > .header-menu-container > ul.menu > li.menu-item:focus-within > ul.sub-menu,
        #account-navigation > .header-menu-container > ul.menu > li.menu-item.menu-item--toggled-on > ul.sub-menu {
            right: 0 !important;
            left: auto !important;
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateY(0) !important;
            pointer-events: auto !important;
        }
        #account-navigation ul.sub-menu li.menu-item {
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
            border: none !important;
        }
        #account-navigation ul.sub-menu li.menu-item > a {
            display: flex !important;
            align-items: center !important;
            width: 100% !important;
            padding: 8px 12px !important;
            border: none !important;
            border-radius: 7px !important;
            background-color: transparent !important;
            color: #1e293b !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            line-height: 1.3 !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            box-sizing: border-box !important;
            transition: background-color 0.15s ease, color 0.15s ease !important;
        }
        #account-navigation ul.sub-menu li.menu-item > a:hover,
        #account-navigation ul.sub-menu li.menu-item > a:focus {
            background-color: #eef6f7 !important;
            color: #1e5c5a !important;
        }

        /* Mobile Drawer Language Switcher Alignment */
        #mobile-secondary-menu li.wpml-ls-menu-item a,
        #mobile-secondary-menu .drawer-nav-drop-wrap > a {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
        }
        #mobile-secondary-menu img.wpml-ls-flag {
            display: inline-block !important;
            width: 18px !important;
            height: 12px !important;
            object-fit: cover !important;
            border-radius: 2px !important;
            margin: 0 !important;
            vertical-align: middle !important;
            box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12) !important;
        }
