/* Meniu Desktop 2026 v3.3 — Organic Luxury Nav
   Centrare verticala + hover animat + submeniu fix pozitionat sub nav */

@media (min-width: 993px) {

    /* Ascunde meniul mobil duplicat pe desktop */
    .menu-primary-menu-container.shoptimizer-mobile-menu { display: none !important; }

    /* NAV BAR 60px */
    .col-full-nav { height: 60px !important; overflow: visible !important; transition: height 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important; }
    .shoptimizer-primary-navigation.col-full { display: flex !important; align-items: center !important; height: 60px !important; }
    nav.main-navigation.hover-intent { display: flex !important; align-items: center !important; height: 60px !important; }
    nav.main-navigation > .primary-navigation { display: flex !important; align-items: center !important; height: 60px !important; }
    .primary-navigation > .menu-primary-menu-container:not(.shoptimizer-mobile-menu) { display: flex !important; align-items: center !important; height: 60px !important; }

    /* UL top-level */
    ul#menu-main-menu { display: flex !important; flex-direction: row !important; align-items: center !important; height: 60px !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; list-style: none !important; }

    /* LI top-level */
    ul#menu-main-menu > li { display: flex !important; align-items: center !important; height: 60px !important; }

    /* LINK-uri top-level centrate */
    ul#menu-main-menu > li > a,
    ul#menu-main-menu > li > a.cg-menu-link { display: flex !important; align-items: center !important; height: 60px !important; padding: 0 15px !important; font-size: 13.5px !important; font-weight: 500 !important; letter-spacing: 0.3px !important; color: #fff !important; text-decoration: none !important; position: relative !important; transition: color 0.2s ease-out, text-shadow 0.2s ease-out !important; white-space: nowrap !important; line-height: 1 !important; }

    /* Elimina linia portocalie a temei */
    ul#menu-main-menu > li > a span::before,
    ul#menu-main-menu > li > a span::after { display: none !important; content: none !important; }

    /* Underline ALB animat de la centru */
    ul#menu-main-menu > li > a::after { content: '' !important; position: absolute !important; bottom: 10px !important; left: 15px !important; right: 15px !important; height: 2px !important; background: rgba(255,255,255,0.9) !important; border-radius: 1px !important; transform: scaleX(0) !important; transform-origin: center !important; transition: transform 0.25s cubic-bezier(0.4,0,0.2,1) !important; pointer-events: none !important; }

    /* Hover: glow + underline */
    ul#menu-main-menu > li > a:hover { text-shadow: 0 0 8px rgba(255,255,255,0.3) !important; }
    ul#menu-main-menu > li > a:hover::after { transform: scaleX(1) !important; }

    /* Item activ */
    ul#menu-main-menu > li.current-menu-item > a,
    ul#menu-main-menu > li.current-menu-ancestor > a,
    ul#menu-main-menu > li.current-menu-parent > a { font-weight: 600 !important; }
    ul#menu-main-menu > li.current-menu-item > a::after,
    ul#menu-main-menu > li.current-menu-ancestor > a::after,
    ul#menu-main-menu > li.current-menu-parent > a::after { transform: scaleX(1) !important; background: #fff !important; }

    /* === MEGA MENU WRAPPER: pozitionat IMEDIAT sub nav bar === */
    ul#menu-main-menu > li.full-width > .sub-menu-wrapper { top: 60px !important; }

    /* Sticky: wrapper mai sus */
    .col-full-nav.sticking ul#menu-main-menu > li.full-width > .sub-menu-wrapper,
    .col-full-nav.is-sticky ul#menu-main-menu > li.full-width > .sub-menu-wrapper { top: 50px !important; }

    /* === SUB-MENIURI: RESET === */
    ul#menu-main-menu .sub-menu li a::after,
    ul#menu-main-menu .sub-menu-wrapper li a::after { content: none !important; display: none !important; }

    ul#menu-main-menu .sub-menu li a span::before,
    ul#menu-main-menu .sub-menu li a span::after,
    ul#menu-main-menu .sub-menu-wrapper li a span::before,
    ul#menu-main-menu .sub-menu-wrapper li a span::after { display: none !important; content: none !important; }

    ul#menu-main-menu .sub-menu li a,
    ul#menu-main-menu .sub-menu-wrapper li a { height: auto !important; white-space: normal !important; letter-spacing: normal !important; text-shadow: none !important; font-weight: 400 !important; font-size: 14px !important; line-height: 1.4 !important; }

    /* Dropdown stil 2026 */
    ul#menu-main-menu > li > .sub-menu { border-top: 2px solid #15803d !important; box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important; border-radius: 0 0 8px 8px !important; }
    ul#menu-main-menu > li.full-width > .sub-menu-wrapper { box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important; border-radius: 0 0 8px 8px !important; }

    /* Cart area centrat */
    .shoptimizer-primary-navigation .site-header-cart { display: flex !important; align-items: center !important; height: 60px !important; margin-left: auto !important; }

    /* STICKY NAV */
    .col-full-nav.sticking, .col-full-nav.is-sticky { height: 50px !important; box-shadow: 0 2px 12px rgba(0,0,0,0.1) !important; background-color: #137035 !important; }
    .col-full-nav.sticking .shoptimizer-primary-navigation.col-full, .col-full-nav.is-sticky .shoptimizer-primary-navigation.col-full { height: 50px !important; }
    .col-full-nav.sticking nav.main-navigation, .col-full-nav.is-sticky nav.main-navigation,
    .col-full-nav.sticking .primary-navigation, .col-full-nav.is-sticky .primary-navigation,
    .col-full-nav.sticking .menu-primary-menu-container:not(.shoptimizer-mobile-menu), .col-full-nav.is-sticky .menu-primary-menu-container:not(.shoptimizer-mobile-menu),
    .col-full-nav.sticking ul#menu-main-menu, .col-full-nav.is-sticky ul#menu-main-menu,
    .col-full-nav.sticking ul#menu-main-menu > li, .col-full-nav.is-sticky ul#menu-main-menu > li,
    .col-full-nav.sticking ul#menu-main-menu > li > a, .col-full-nav.is-sticky ul#menu-main-menu > li > a { height: 50px !important; }
    .col-full-nav.sticking .site-header-cart, .col-full-nav.is-sticky .site-header-cart { height: 50px !important; }
}