:root {
        /* Palette */
        --gwp-surface-0: #000000;
        --gwp-surface-1: rgba(255, 255, 255, 0.05);
        --gwp-surface-2: rgba(255, 255, 255, 0.1);
        --gwp-text-primary: #ffffff;
        --gwp-text-secondary: rgba(255, 255, 255, 0.7);
        --gwp-border-color: rgba(255, 255, 255, 0.15);
        --gwp-accent: #ffffff;

        /* Spacing */
        --gwp-spacing-sm: 0.5rem;
        --gwp-spacing-md: 1rem;

        /* Layout */
        --gwp-navbar-height: 80px;
        --gwp-drawer-width: 300px;
    }

    /* --- 1. LAYOUT & CONTAINER --- */
    .gwp-navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: var(--gwp-surface-0);
        border-bottom: 1px solid var(--gwp-border-color);
        padding: var(--gwp-spacing-sm) 0;
        z-index: 1030;
        transition: transform 0.3s ease, background 0.3s ease;
    }

    .gwp-navbar-container {
        width: 100%;
        padding-right: var(--bs-gutter-x, 0.75rem);
        padding-left: var(--bs-gutter-x, 0.75rem);
        margin-right: auto;
        margin-left: auto;
    }

    /* DUAL LAYOUT CONTROLLERS */
    .gwp-navbar-layout-desktop {
        display: none;
        /* Mobile First: Hidden */
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .gwp-navbar-layout-mobile {
        display: flex;
        /* Mobile First: Visible */
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    /* Responsive Switch */
    @media (min-width: 992px) {
        .gwp-navbar-layout-desktop {
            display: flex;
        }

        .gwp-navbar-layout-mobile {
            display: none;
        }
    }

    /* Override Modes */
    /* Force Desktop */
    .gwp-navbar.gwp-mode-desktop .gwp-navbar-layout-desktop {
        display: flex !important;
    }

    .gwp-navbar.gwp-mode-desktop .gwp-navbar-layout-mobile {
        display: none !important;
    }

    /* Force Mobile */
    .gwp-navbar.gwp-mode-mobile .gwp-navbar-layout-desktop {
        display: none !important;
    }

    .gwp-navbar.gwp-mode-mobile .gwp-navbar-layout-mobile {
        display: flex !important;
    }


    /* Zone Definitions (Shared) */
    .gwp-navbar-start {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex: 1;
    }

    .gwp-navbar-center {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 1 auto;
    }

    .gwp-navbar-end {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 1;
        gap: 2rem;
    }

    /* Responsive Breakpoints */
    @media (min-width: 576px) {
        .gwp-navbar-container {
            max-width: 540px;
        }
    }

    @media (min-width: 768px) {
        .gwp-navbar-container {
            max-width: 720px;
        }
    }

    @media (min-width: 992px) {
        .gwp-navbar-container {
            max-width: 960px;
        }
    }

    @media (min-width: 1200px) {
        .gwp-navbar-container {
            max-width: 1140px;
        }
    }

    @media (min-width: 1400px) {
        .gwp-navbar-container {
            max-width: 1320px;
        }
    }

    /* Scroll behaviors */
    .gwp-navbar.navbar-hidden {
        transform: translateY(-100%) !important;
    }

    .gwp-navbar.navbar-scrolled {
        background: rgba(0, 0, 0, 0.95);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    /* --- 2. COMPONENT: BRAND --- */
    .gwp-brand-wrapper {
        display: flex;
        align-items: center;
    }

    .gwp-navbar-brand {
        margin-right: 0;
        padding: 0;
    }

    .gwp-brand-text {
        font-weight: 700;
        color: var(--gwp-text-primary);
        text-decoration: none;
        font-size: 1.25rem;
    }

    .gwp-brand-text:hover {
        color: var(--gwp-text-primary);
    }

    /* --- 3. COMPONENT: MENU --- */
    /* Only desktop menu wrapper needs handling. Mobile menu is in drawer. */
    .gwp-desktop-menu-wrapper {
        display: flex;
        align-items: center;
    }

    /* If the menu is placed in Mobile Layout, we might want to hide it or handle it? 
       For now, gwp-menu style is fine. */

    .gwp-menu {
        display: flex;
        flex-direction: row;
        gap: 2rem;
        /* Increased and equal spacing */
        align-items: center;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .gwp-menu li {
        display: flex;
        /* Flex on LI to align link + arrow */
        align-items: center;
    }

    .gwp-menu a {
        text-decoration: none;
        color: var(--gwp-text-secondary);
        transition: all 0.3s ease;
        font-weight: 500;
        font-size: 1.05rem;
        display: block;
        padding: 8px 0;
        display: flex;
        /* Flex inside A */
        align-items: center;
    }

    .gwp-menu a:hover,
    .gwp-menu .current-menu-item>a {
        color: var(--gwp-text-primary);
    }

    /* Dropdowns */
    .gwp-menu>.menu-item-has-children {
        position: relative;
    }

    .gwp-menu .dropdown-menu,
    .gwp-menu .sub-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        transform: translateY(10px);
        position: absolute;
        top: 100%;
        left: 0;
        background: var(--gwp-surface-0);
        /* Solid Black */
        border: 1px solid var(--gwp-border-color);
        min-width: 260px;
        /* Minimum width */
        width: max-content;
        /* Grow with content */
        max-width: 350px;
        /* Limit max width */
        padding: 0;
        border-radius: 6px;
        overflow: hidden;
        /* Fixes corner bleeding */
        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        list-style: none;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
        z-index: 1100;
    }

    /* Hover Effect - REMOVED for Click Interaction 
    .gwp-menu .menu-item-has-children:hover > .dropdown-menu,
    .gwp-menu .menu-item-has-children:hover > .sub-menu {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }
    */

    /* Click Effect (Class based) */
    .gwp-menu .menu-item-has-children.gwp-submenu-open>.dropdown-menu,
    .gwp-menu .menu-item-has-children.gwp-submenu-open>.sub-menu {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    /* REMOVED OLD NESTED FLYOUT RULES */

    .gwp-menu .dropdown-menu li,
    .gwp-menu .sub-menu li {
        display: grid !important;
        /* Force Grid for robust layout */
        grid-template-columns: 1fr auto !important;
        /* Link | Arrow */
        align-items: center !important;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /* NESTED SUBMENU GRID PLACEMENT */
    .gwp-menu .dropdown-menu li>.dropdown-menu,
    .gwp-menu .sub-menu li>.sub-menu {
        grid-column: 1 / -1 !important;
        /* Span full width */
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        /* Start with 0 padding */
    }

    .gwp-menu .dropdown-menu li a,
    .gwp-menu .sub-menu li a {
        padding: 0.8rem 1.2rem !important;
        color: rgba(255, 255, 255, 0.7) !important;
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.95rem !important;
        display: block !important;
        width: auto !important;
        /* Let Grid handle width */
        min-width: 0;
        /* Allow truncation */
        transition: all 0.2s ease;
        border-left: 2px solid transparent !important;
    }

    /* Ensure Arrow Sticks Right */
    .gwp-menu .dropdown-menu li .submenu-toggle,
    .gwp-menu .sub-menu li .submenu-toggle {
        margin-right: 1rem !important;
        /* Space from right edge */
        margin-left: 0.5rem !important;
        /* Space from text */
        flex-shrink: 0;
    }

    /* UNIFIED ROW HOVER (Split Button Effect) */
    .gwp-menu .dropdown-menu li:hover,
    .gwp-menu .sub-menu li:hover {
        background: rgba(255, 255, 255, 0.05) !important;
        /* Entire row lights up */
    }

    /* Active Strip on Link Hover Only? Or Row Hover? usually Row. Let's do Row */
    /* Ensure this targets ALL levels of nested links */
    /* Active Strip on Link Hover Only? Or Row Hover? usually Row. Let's do Row */
    /* Level 1 Hover */
    .gwp-menu .dropdown-menu li:hover>a,
    .gwp-menu .sub-menu li:hover>a {
        color: #fff !important;
        padding-left: 1.5rem !important;
        /* Base 1.2rem + 0.3rem */
        border-left-color: var(--gwp-text-primary) !important;
    }

    /* Level 2 Hover (Base: 2.5rem) */
    .gwp-menu .dropdown-menu .dropdown-menu li:hover>a,
    .gwp-menu .sub-menu .sub-menu li:hover>a {
        padding-left: 2.8rem !important;
        /* 2.5rem + 0.3rem */
    }

    /* Level 3 Hover (Base: 3.5rem) */
    .gwp-menu .dropdown-menu .dropdown-menu .dropdown-menu li:hover>a,
    .gwp-menu .sub-menu .sub-menu .sub-menu li:hover>a {
        padding-left: 3.8rem !important;
        /* 3.5rem + 0.3rem */
    }

    /* SPECIFIC ARROW HOVER (Layers on top) */
    .gwp-menu .submenu-toggle:hover {
        background: var(--gwp-surface-2) !important;
        /* Circle bg on top of row bg */
        color: var(--gwp-text-primary) !important;
        transform: scale(1.1);
        /* Subtle grow for feedback */
    }

    /* NESTED SUBMENUS - Accordion Style */
    .gwp-menu .dropdown-menu .dropdown-menu,
    .gwp-menu .sub-menu .sub-menu {
        position: static !important;
        /* No more flyout */
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        visibility: visible;
        /* Always visible for transition */
        transform: none !important;
        box-shadow: none !important;
        background: rgba(255, 255, 255, 0.03) !important;
        /* Slightly lighter inner bg */
        margin-left: 0 !important;
        padding-left: 0 !important;
        /* Remove horizontal indent from UL */
        padding-top: 0 !important;
        /* No loose padding */
        padding-bottom: 0 !important;
        transition: all 0.3s ease;
        min-width: 100%;
        border: none !important;
        border-radius: 0 !important;
        /* No rounded corners for nested */
    }

    /* LEVEL 2 INDENTATION */
    .gwp-menu .dropdown-menu .dropdown-menu li a,
    .gwp-menu .sub-menu .sub-menu li a {
        padding-left: 2.5rem !important;
        /* Indent L2 Links */
    }

    /* LEVEL 3 INDENTATION */
    .gwp-menu .dropdown-menu .dropdown-menu .dropdown-menu li a,
    .gwp-menu .sub-menu .sub-menu .sub-menu li a {
        padding-left: 3.5rem !important;
        /* Indent L3 Links */
    }

    /* Open State for Nested */
    .gwp-menu .dropdown-menu .menu-item-has-children.gwp-submenu-open>.dropdown-menu,
    .gwp-menu .sub-menu .menu-item-has-children.gwp-submenu-open>.sub-menu {
        opacity: 1;
        max-height: 1000px;
        /* Approximate max height for transition */
        padding-top: 0 !important;
        /* Add padding when open */
        padding-bottom: 0 !important;
    }

    /* Toggle Style in Desktop - Inline */
    .gwp-menu .submenu-toggle {
        margin-left: 0.2rem;
        margin-right: -10px;
        /* Compensate for circle visual width */
        display: inline-flex;
        align-items: center;
        justify-content: center;
        /* Center icon */
        height: 32px;
        /* Fixed height for circle */
        width: 32px;
        /* Fixed width for circle */
        border-radius: 50%;
        /* Circle shape */
        color: var(--gwp-text-secondary);
        /* Default color */
        pointer-events: auto;
        /* Enable click */
        cursor: pointer;
        transition: all 0.3s ease;
        /* Smooth transition */
        background: transparent;
        /* Default bg */
    }

    .gwp-menu .submenu-toggle:hover {
        background: var(--gwp-surface-1);
        /* Light bg on hover */
        color: var(--gwp-text-primary);
        /* White text on hover */
    }

    /* Rotate Arrow when Open */
    .gwp-menu .menu-item-has-children.gwp-submenu-open>.submenu-toggle {
        transform: rotate(180deg);
        background: var(--gwp-surface-1);
        /* Keep active state */
        color: var(--gwp-text-primary);
    }

    /* --- 4. COMPONENT: ACTIONS --- */
    .gwp-actions-wrapper {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    /* --- 5. COMPONENT: TOGGLE --- */
    .gwp-mobile-toggle {
        display: block;
        background: transparent;
        border: none;
        padding: 0.5rem;
        color: var(--gwp-text-primary);
        cursor: pointer;
    }

    /* NOTE: We removed the media query hiding logic for mobile toggle 
       because now it's controlled by placement in $navbar_layout_desktop/mobile 
       If it's in Desktop layout, it shows. If not, it doesn't. */

    .gwp-toggler-icon {
        display: block;
        width: 1.5em;
        height: 1.5em;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    /* --- 6. MOBILE DRAWER --- */
    .gwp-mobile-drawer {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: var(--gwp-drawer-width);
        background: rgba(0, 0, 0, 0.95);
        backdrop-filter: blur(15px);
        z-index: 10000;
        transform: translateX(100%);
        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        box-shadow: -5px 0 30px rgba(0, 0, 0, 0.5);
        display: flex;
        flex-direction: column;
    }

    .gwp-mobile-drawer.open {
        transform: translateX(0);
    }

    .gwp-drawer-header {
        border-bottom: 1px solid var(--gwp-border-color);
        padding: 1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .gwp-drawer-title {
        font-weight: 700;
        margin: 0;
        color: var(--gwp-text-primary);
        font-size: 1.25rem;
    }

    .gwp-btn-close {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
        border: 0;
        border-radius: 0.25rem;
        opacity: 0.8;
        padding: 0.5em;
        width: 1em;
        height: 1em;
        cursor: pointer;
    }

    .gwp-btn-close:hover {
        opacity: 1;
    }

    .gwp-drawer-body {
        padding: 1.5rem;
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow-y: auto;
    }

    .gwp-drawer-footer {
        margin-top: auto;
        padding-top: 1.5rem;
        border-top: 1px solid var(--gwp-border-color);
        text-align: center;
    }

    .gwp-text-muted {
        font-size: 0.875rem;
        color: var(--gwp-text-secondary);
        margin-bottom: 0.5rem;
    }

    /* Mobile Accordion */
    .gwp-canvas-menu {
        padding: 0;
        margin: 0;
        margin-bottom: auto;
        list-style: none;
        display: flex;
        flex-direction: column;
    }

    .gwp-canvas-menu li {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        /* Default Closed: Header Auto Height, Submenu 0fr */
        grid-template-rows: auto 0fr !important;
        align-items: center !important;
        width: 100%;
        border-bottom: 1px solid var(--gwp-surface-1);
        padding: 0;
        margin: 0;
        transition: background 0.2s ease, grid-template-rows 0.4s ease-out;
        /* Grid Row Transition */
    }

    /* Open State: Submenu expands to 1fr (Full Content Height) */
    .gwp-canvas-menu li.gwp-submenu-open {
        grid-template-rows: auto 1fr !important;
    }

    /* UNIFIED ROW HOVER (Mobile) */
    /* Ensure li:hover affects the nested 'a' immediately */
    .gwp-canvas-menu li:hover>a {
        color: #ffffff !important;
        border-left-color: var(--gwp-text-primary) !important;
    }

    .gwp-canvas-menu li:hover {
        background: rgba(255, 255, 255, 0.05);
    }

    .gwp-canvas-menu li>a {
        color: var(--gwp-text-secondary);
        text-decoration: none;
        padding: 12px 0 12px 0;
        /* Vertical padding */
        display: block;
        width: auto;
        min-width: 0;
        font-size: 1.1rem;
        transition: color 0.2s ease, border-left-color 0.2s ease;
        grid-column: 1 !important;
        position: relative;
        z-index: 1;
        /* Default Left Border (Transparent) - 2px width */
        border-left: 2px solid transparent;
        /* Base Padding for L1: 1.5rem (24px) */
        padding-left: 1.5rem !important;
        margin-left: 0;
    }

    /* Active Link Text on Hover */
    .gwp-canvas-menu li:hover>a {
        color: #fff;
        border-left-color: var(--gwp-text-primary) !important;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
    }

    /* ACTIVE STATE (Highlight current page) */
    .gwp-canvas-menu .current-menu-item>a,
    .gwp-canvas-menu .current_page_item>a,
    .gwp-canvas-menu .current-menu-ancestor>a {
        color: #fff !important;
        font-weight: 500;
        border-left-color: var(--gwp-text-primary) !important;
        /* Note: We do NOT override padding here, allowing nested rules to work */
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
    }

    /* ARROW STYLING (Match Desktop) */
    .gwp-canvas-menu .submenu-toggle {
        width: 32px;
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        /* Match desktop default */
        border-radius: 50%;
        margin-left: 0.2rem;
        margin-right: 8px;
        /* Added space to prevent circle cutoff */
        /* Flush right in mobile usually fine, or -8px if we want tight */
        color: var(--gwp-text-secondary);
        transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
        cursor: pointer;
        grid-column: 2 !important;
        position: relative;
        z-index: 10;
        pointer-events: auto !important;
    }

    /* ARROW HOVER (Specific) */
    .gwp-canvas-menu .submenu-toggle:hover {
        background: var(--gwp-surface-2) !important;
        color: var(--gwp-text-primary) !important;
        transform: scale(1.1);
    }

    /* OPEN ARROW STATE */
    .gwp-canvas-menu .menu-item-has-children.gwp-submenu-open>.submenu-toggle {
        transform: rotate(180deg);
        background: var(--gwp-surface-2);
        color: var(--gwp-text-primary);
    }

    /* SUBMENU CONTAINER (Nested) */
    .gwp-canvas-menu .sub-menu,
    .gwp-canvas-menu .dropdown-menu {
        grid-column: 1 / -1 !important;
        /* Span full width on Row 2 */
        /* Remove Height Logic - Handled by Grid Rows */
        min-height: 0;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        /* Prevent clicks when closed */
        pointer-events: none;

        /* TRANSITION: 
           - Opacity: 0.4s
           - Visibility: Delay 0.4s to hide after fade out
        */
        transition: opacity 0.4s ease-in-out, visibility 0s linear 0.4s;

        background: rgba(255, 255, 255, 0.02);
        list-style: none;
        padding: 0 !important;
        margin: 0 !important;
        border: none;
        box-shadow: none;
        position: static;
        transform: none;
        display: block;
        width: 100%;
    }

    .gwp-canvas-menu .menu-item-has-children.gwp-submenu-open>.sub-menu,
    .gwp-canvas-menu .menu-item-has-children.gwp-submenu-open>.dropdown-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        /* TRANSITION:
           - Opacity: 0.4s
           - Visibility: Immediate show (0s delay)
        */
        transition: opacity 0.4s ease-in-out, visibility 0s linear 0s;

        /* No padding transition here to avoid jumpiness */
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* NESTED INDENTATION (Hierarchy) */
    /* Level 1 (Top) - Standard padding? usually 0 or small? */
    /* Level 2 */
    .gwp-canvas-menu .sub-menu li>a,
    .gwp-canvas-menu .dropdown-menu li>a {
        padding-left: 2.5rem !important;
        /* increased indent */
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.6);
    }

    /* Level 3 */
    .gwp-canvas-menu .sub-menu .sub-menu li>a,
    .gwp-canvas-menu .dropdown-menu .dropdown-menu li>a {
        padding-left: 3.5rem !important;
        /* increased indent */
    }

    /* --- LANGUAGE SWITCHER SPECIFIC (Actions Area) --- */
    /* Mobile Drawer: Inherit .gwp-canvas-menu style for Actions Menu by using the same class in the shortcode.
       No extra CSS needed here!
    */

    /* (Previously Desktop Dropdown for Actions Menu) */
    /* --- LANGUAGE SWITCHER SPECIFIC (Desktop Only) --- */
    /* Ensure it sits nicely in the Actions area */
    .gwp-desktop-menu-wrapper .gwp-actions-menu,
    .gwp-actions-wrapper .gwp-actions-menu {
        display: flex;
        align-items: center;
    }

    .gwp-navbar-layout-desktop .gwp-actions-menu>li,
    .gwp-actions-wrapper .gwp-actions-menu>li {
        display: flex;
        align-items: center;
        position: relative;
    }

    /* 1. Fix Hover Effect on Current Language Item */
    /* Target the A tag hover state directly so it DOESN'T highlight when hovering the submenu (LI) */
    .gwp-navbar-layout-desktop .gwp-actions-menu>li>a:hover,
    .gwp-actions-wrapper .gwp-actions-menu>li>a:hover {
        color: var(--gwp-text-primary);
        /* White on hover */
    }

    /* 2. Fix Submenu Position (Right Aligned) */
    /* This overrides the default .gwp-menu .sub-menu left:0 rule */
    .gwp-navbar-layout-desktop .gwp-actions-menu .sub-menu,
    .gwp-actions-wrapper .gwp-actions-menu .sub-menu {
        left: auto;
        /* Reset left */
        right: 0;
        /* Align to right edge */
        transform-origin: top right;
        /* Animate from top right */
        min-width: 260px;
        /* Force minimum width to match main menu (for consistency) */
    }

    .gwp-actions-wrapper .gwp-actions-menu>li {
        position: relative;
        display: flex;
        align-items: center;
    }

    .gwp-actions-wrapper .gwp-actions-menu a {
        text-decoration: none;
        color: var(--gwp-text-secondary);
        transition: all 0.3s ease;
        font-weight: 500;
        font-size: 1.05rem;
        display: flex;
        align-items: center;
        padding: 8px 0;
    }

    .gwp-actions-wrapper .gwp-actions-menu .submenu-toggle {
        cursor: pointer;
        margin-left: 4px;
        display: flex;
        align-items: center;
    }

    /* SUBMENU OVERRIDES for Actions wrapper */
    /* Ensure consistency with main menu */
    .gwp-actions-wrapper .gwp-actions-menu .sub-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        transform: translateY(10px);
        position: absolute;
        top: 100%;
        right: 0;
        /* Align right */
        background: var(--gwp-surface-0);
        /* Solid Black */
        border: 1px solid var(--gwp-border-color);
        min-width: 260px;
        /* MATCHES MAIN MENU */
        padding: 0;
        border-radius: 6px;
        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        list-style: none;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
        z-index: 1100;
        left: auto !important;
        /* Force right alignment override */
    }

    .gwp-actions-wrapper .gwp-actions-menu .menu-item-has-children.gwp-submenu-open>.sub-menu {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    /* CENTER ALIGNMENT OVERRIDE */
    /* If the language switcher is placed in the center zone, center the dropdown */
    .gwp-navbar-center .gwp-actions-wrapper .gwp-actions-menu .sub-menu {
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%, 10px);
        /* Start slightly down */
        transform-origin: top center;
    }

    .gwp-navbar-center .gwp-actions-wrapper .gwp-actions-menu .menu-item-has-children.gwp-submenu-open>.sub-menu {
        transform: translate(-50%, 0);
        /* End position */
    }

    .gwp-mobile-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(4px);
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
    }

    .gwp-mobile-backdrop.open {
        opacity: 1;
        visibility: visible;
    }