/* =========================================================
   GWM White Menu + Dark Active Parent + Dark Child Border
   Purpose:
   - Keep main menu background white
   - Use dark text for normal menu links
   - Use dark background + white text for active/hover parent
   - Use dark left border for active child and child hover
   ========================================================= */

:root {
    --gwm-menu-white-bg: inherit !important;
    --gwm-menu-text-dark: #13231d;
    --gwm-menu-dark: #062d1d;
    --gwm-menu-dark-2: #0f3d2e;
    --gwm-menu-dark-soft: rgba(6, 45, 29, 0.08);
    --gwm-menu-dark-soft-2: rgba(6, 45, 29, 0.12);
    --gwm-menu-gold: #c8a24a;
    --gwm-menu-border: rgba(15, 23, 42, 0.10);
    --gwm-menu-shadow: 0 20px 60px rgba(15, 23, 42, 0.14);
}

/* ---------------------------------------------------------
   Primary navigation shell: white background
   --------------------------------------------------------- */

.gwm-primary-navigation,
#gwm-primary-navigation,
nav[data-gwm-primary-navigation] {
    background: var(--gwm-menu-white-bg) !important;
    
    border-radius: 2px !important;
    padding: 6px !important;
   
    overflow: visible !important;
}

/* Keep menu list transparent */
.gwm-primary-navigation > ul,
#gwm-primary-navigation > ul,
nav[data-gwm-primary-navigation] > ul,
.gwm-primary-menu,
.gwm-dropdown-menu {
    background: transparent !important;
}

/* ---------------------------------------------------------
   Parent menu normal state
   --------------------------------------------------------- */

.gwm-primary-navigation > ul > li > a,
#gwm-primary-navigation > ul > li > a,
nav[data-gwm-primary-navigation] > ul > li > a,
.gwm-dropdown-menu > li > a {
    color: var(--gwm-menu-text-dark) !important;
    background: transparent !important;
    border-radius: 2px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition:
        background-color 0.22s ease,
        color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease !important;
}

/* ---------------------------------------------------------
   Parent menu hover state:
   dark background + white text
   --------------------------------------------------------- */

.gwm-primary-navigation > ul > li:hover > a,
.gwm-primary-navigation > ul > li > a:hover,
.gwm-primary-navigation > ul > li > a:focus,
#gwm-primary-navigation > ul > li:hover > a,
#gwm-primary-navigation > ul > li > a:hover,
#gwm-primary-navigation > ul > li > a:focus,
nav[data-gwm-primary-navigation] > ul > li:hover > a,
nav[data-gwm-primary-navigation] > ul > li > a:hover,
nav[data-gwm-primary-navigation] > ul > li > a:focus,
.gwm-dropdown-menu > li:hover > a,
.gwm-dropdown-menu > li > a:hover,
.gwm-dropdown-menu > li > a:focus {
    color: #ffffff !important;
    background: var(--gwm-menu-dark) !important;
    box-shadow: 0 10px 24px rgba(6, 45, 29, 0.18) !important;
}

/* ---------------------------------------------------------
   Active/current parent menu:
   dark background + white text
   Parent remains dark when a child page is active
   --------------------------------------------------------- */

.gwm-primary-navigation > ul > li.current-menu-item > a,
.gwm-primary-navigation > ul > li.current_page_item > a,
.gwm-primary-navigation > ul > li.current-menu-parent > a,
.gwm-primary-navigation > ul > li.current-menu-ancestor > a,
.gwm-primary-navigation > ul > li.current_page_parent > a,
.gwm-primary-navigation > ul > li.current_page_ancestor > a,
#gwm-primary-navigation > ul > li.current-menu-item > a,
#gwm-primary-navigation > ul > li.current_page_item > a,
#gwm-primary-navigation > ul > li.current-menu-parent > a,
#gwm-primary-navigation > ul > li.current-menu-ancestor > a,
#gwm-primary-navigation > ul > li.current_page_parent > a,
#gwm-primary-navigation > ul > li.current_page_ancestor > a,
nav[data-gwm-primary-navigation] > ul > li.current-menu-item > a,
nav[data-gwm-primary-navigation] > ul > li.current_page_item > a,
nav[data-gwm-primary-navigation] > ul > li.current-menu-parent > a,
nav[data-gwm-primary-navigation] > ul > li.current-menu-ancestor > a,
nav[data-gwm-primary-navigation] > ul > li.current_page_parent > a,
nav[data-gwm-primary-navigation] > ul > li.current_page_ancestor > a,
.gwm-dropdown-menu > li.current-menu-item > a,
.gwm-dropdown-menu > li.current_page_item > a,
.gwm-dropdown-menu > li.current-menu-parent > a,
.gwm-dropdown-menu > li.current-menu-ancestor > a,
.gwm-dropdown-menu > li.current_page_parent > a,
.gwm-dropdown-menu > li.current_page_ancestor > a {
    color: #ffffff !important;
    background: var(--gwm-menu-dark) !important;
    border-radius: 2px !important;
    box-shadow: 0 10px 24px rgba(6, 45, 29, 0.18) !important;
}

/* Active parent remains dark when dropdown is hovered */
.gwm-primary-navigation > ul > li.current-menu-parent:hover > a,
.gwm-primary-navigation > ul > li.current-menu-ancestor:hover > a,
.gwm-primary-navigation > ul > li.current_page_parent:hover > a,
.gwm-primary-navigation > ul > li.current_page_ancestor:hover > a,
#gwm-primary-navigation > ul > li.current-menu-parent:hover > a,
#gwm-primary-navigation > ul > li.current-menu-ancestor:hover > a,
#gwm-primary-navigation > ul > li.current_page_parent:hover > a,
#gwm-primary-navigation > ul > li.current_page_ancestor:hover > a,
.gwm-dropdown-menu > li.current-menu-parent:hover > a,
.gwm-dropdown-menu > li.current-menu-ancestor:hover > a {
    color: #ffffff !important;
    background: var(--gwm-menu-dark) !important;
}

/* ---------------------------------------------------------
   Child dropdown shell: white background
   --------------------------------------------------------- */

.gwm-primary-navigation ul.sub-menu,
#gwm-primary-navigation ul.sub-menu,
nav[data-gwm-primary-navigation] ul.sub-menu,
.gwm-dropdown-menu ul.sub-menu {
    background: #ffffff !important;
    border: 1px solid var(--gwm-menu-border) !important;
    border-radius: 2px !important;
    padding: 10px !important;
    box-shadow: var(--gwm-menu-shadow) !important;
}

/* ---------------------------------------------------------
   Child normal state
   --------------------------------------------------------- */

.gwm-primary-navigation ul.sub-menu li a,
#gwm-primary-navigation ul.sub-menu li a,
nav[data-gwm-primary-navigation] ul.sub-menu li a,
.gwm-dropdown-menu ul.sub-menu li a {
    color: var(--gwm-menu-text-dark) !important;
    background: transparent !important;
    border-left: 4px solid transparent !important;
    border-radius: 2px !important;
    font-weight: 350 !important;
    text-decoration: none !important;
    transition:
        background-color 0.22s ease,
        color 0.22s ease,
        border-color 0.22s ease,
        padding-left 0.22s ease !important;
}

/* ---------------------------------------------------------
   Child hover:
   soft background + dark left border
   --------------------------------------------------------- */

.gwm-primary-navigation ul.sub-menu li:hover > a,
.gwm-primary-navigation ul.sub-menu li a:hover,
.gwm-primary-navigation ul.sub-menu li a:focus,
#gwm-primary-navigation ul.sub-menu li:hover > a,
#gwm-primary-navigation ul.sub-menu li a:hover,
#gwm-primary-navigation ul.sub-menu li a:focus,
nav[data-gwm-primary-navigation] ul.sub-menu li:hover > a,
nav[data-gwm-primary-navigation] ul.sub-menu li a:hover,
nav[data-gwm-primary-navigation] ul.sub-menu li a:focus,
.gwm-dropdown-menu ul.sub-menu li:hover > a,
.gwm-dropdown-menu ul.sub-menu li a:hover,
.gwm-dropdown-menu ul.sub-menu li a:focus {
    color: var(--gwm-menu-dark) !important;
    background: var(--gwm-menu-dark-soft) !important;
    border-left-color: var(--gwm-menu-dark) !important;
    padding-left: 6px !important;
}

/* ---------------------------------------------------------
   Active/current child:
   stronger dark left border + bolder text
   --------------------------------------------------------- */

.gwm-primary-navigation ul.sub-menu .current-menu-item > a,
.gwm-primary-navigation ul.sub-menu .current_page_item > a,
.gwm-primary-navigation ul.sub-menu .current-menu-ancestor > a,
.gwm-primary-navigation ul.sub-menu .current_page_ancestor > a,
#gwm-primary-navigation ul.sub-menu .current-menu-item > a,
#gwm-primary-navigation ul.sub-menu .current_page_item > a,
#gwm-primary-navigation ul.sub-menu .current-menu-ancestor > a,
#gwm-primary-navigation ul.sub-menu .current_page_ancestor > a,
nav[data-gwm-primary-navigation] ul.sub-menu .current-menu-item > a,
nav[data-gwm-primary-navigation] ul.sub-menu .current_page_item > a,
nav[data-gwm-primary-navigation] ul.sub-menu .current-menu-ancestor > a,
nav[data-gwm-primary-navigation] ul.sub-menu .current_page_ancestor > a,
.gwm-dropdown-menu ul.sub-menu .current-menu-item > a,
.gwm-dropdown-menu ul.sub-menu .current_page_item > a,
.gwm-dropdown-menu ul.sub-menu .current-menu-ancestor > a,
.gwm-dropdown-menu ul.sub-menu .current_page_ancestor > a {
    color: var(--gwm-menu-dark) !important;
    background: var(--gwm-menu-dark-soft-2) !important;
    border-left-color: var(--gwm-menu-dark) !important;
    font-weight: 350 !important;
    padding-left: 6px !important;
}

/* Active child remains stable during parent hover */
.gwm-primary-navigation li.menu-item-has-children:hover ul.sub-menu .current-menu-item > a,
#gwm-primary-navigation li.menu-item-has-children:hover ul.sub-menu .current-menu-item > a,
nav[data-gwm-primary-navigation] li.menu-item-has-children:hover ul.sub-menu .current-menu-item > a,
.gwm-dropdown-menu li.menu-item-has-children:hover ul.sub-menu .current-menu-item > a {
    color: var(--gwm-menu-dark) !important;
    background: var(--gwm-menu-dark-soft-2) !important;
    border-left-color: var(--gwm-menu-dark) !important;
}

/* ---------------------------------------------------------
   Menu descriptions if walker outputs descriptions
   --------------------------------------------------------- */

.gwm-primary-navigation .menu-item-description,
#gwm-primary-navigation .menu-item-description,
.gwm-dropdown-menu .menu-item-description {
    color: #64748b !important;
}

/* ---------------------------------------------------------
   Mobile adaptation:
   white menu remains, parent active still dark
   --------------------------------------------------------- */

@media (max-width: 1023px) {
    .gwm-primary-navigation,
    #gwm-primary-navigation,
    nav[data-gwm-primary-navigation] {
        background: #ffffff !important;
        border: 1px solid rgba(15, 23, 42, 0.10) !important;
        border-radius: 2px !important;
        padding: 4px !important;
        box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22) !important;
    }

    .gwm-primary-navigation > ul > li > a,
    #gwm-primary-navigation > ul > li > a,
    nav[data-gwm-primary-navigation] > ul > li > a,
    .gwm-dropdown-menu > li > a {
        color: var(--gwm-menu-text-dark) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .gwm-primary-navigation > ul > li:hover > a,
    .gwm-primary-navigation > ul > li > a:hover,
    .gwm-primary-navigation > ul > li > a:focus,
    .gwm-primary-navigation > ul > li.current-menu-item > a,
    .gwm-primary-navigation > ul > li.current_page_item > a,
    .gwm-primary-navigation > ul > li.current-menu-parent > a,
    .gwm-primary-navigation > ul > li.current-menu-ancestor > a,
    .gwm-primary-navigation > ul > li.current_page_parent > a,
    .gwm-primary-navigation > ul > li.current_page_ancestor > a,
    #gwm-primary-navigation > ul > li:hover > a,
    #gwm-primary-navigation > ul > li > a:hover,
    #gwm-primary-navigation > ul > li > a:focus,
    #gwm-primary-navigation > ul > li.current-menu-item > a,
    #gwm-primary-navigation > ul > li.current_page_item > a,
    #gwm-primary-navigation > ul > li.current-menu-parent > a,
    #gwm-primary-navigation > ul > li.current-menu-ancestor > a,
    #gwm-primary-navigation > ul > li.current_page_parent > a,
    #gwm-primary-navigation > ul > li.current_page_ancestor > a,
    .gwm-dropdown-menu > li:hover > a,
    .gwm-dropdown-menu > li > a:hover,
    .gwm-dropdown-menu > li > a:focus,
    .gwm-dropdown-menu > li.current-menu-item > a,
    .gwm-dropdown-menu > li.current_page_item > a,
    .gwm-dropdown-menu > li.current-menu-parent > a,
    .gwm-dropdown-menu > li.current-menu-ancestor > a {
        color: #ffffff !important;
        background: var(--gwm-menu-dark) !important;
    }

    .gwm-primary-navigation ul.sub-menu,
    #gwm-primary-navigation ul.sub-menu,
    nav[data-gwm-primary-navigation] ul.sub-menu,
    .gwm-dropdown-menu ul.sub-menu {
        background: #fffaf0 !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 2px !important;
        margin-top: 6px !important;
        padding: 4px !important;
    }

    .gwm-primary-navigation ul.sub-menu li a,
    #gwm-primary-navigation ul.sub-menu li a,
    nav[data-gwm-primary-navigation] ul.sub-menu li a,
    .gwm-dropdown-menu ul.sub-menu li a {
        color: var(--gwm-menu-text-dark) !important;
        border-left: 4px solid transparent !important;
    }

    .gwm-primary-navigation ul.sub-menu li:hover > a,
    .gwm-primary-navigation ul.sub-menu li a:hover,
    .gwm-primary-navigation ul.sub-menu li a:focus,
    .gwm-primary-navigation ul.sub-menu .current-menu-item > a,
    .gwm-primary-navigation ul.sub-menu .current_page_item > a,
    #gwm-primary-navigation ul.sub-menu li:hover > a,
    #gwm-primary-navigation ul.sub-menu li a:hover,
    #gwm-primary-navigation ul.sub-menu li a:focus,
    #gwm-primary-navigation ul.sub-menu .current-menu-item > a,
    #gwm-primary-navigation ul.sub-menu .current_page_item > a,
    .gwm-dropdown-menu ul.sub-menu li:hover > a,
    .gwm-dropdown-menu ul.sub-menu li a:hover,
    .gwm-dropdown-menu ul.sub-menu li a:focus,
    .gwm-dropdown-menu ul.sub-menu .current-menu-item > a,
    .gwm-dropdown-menu ul.sub-menu .current_page_item > a {
        color: var(--gwm-menu-dark) !important;
        background: rgba(6, 45, 29, 0.08) !important;
        border-left-color: var(--gwm-menu-dark) !important;
    }
}
/* Primary menu item spacing */
.gwm-primary-navigation > ul,
#gwm-primary-navigation > ul,
nav[data-gwm-primary-navigation] > ul,
.gwm-dropdown-menu {
  gap: 6px !important;
  column-gap: 16px !important;
}