/* Arabic Aura header (2 Nov 2026): two-row desktop header with a full-width row of large, clear nav buttons.
   Desktop only (>=1181px). Tablet/mobile keep the existing compact header and drawer.
   Row 1: logo left, search / account / basket right. Row 2: the menu, centred, with room to be big.
   Revert: delete this file (or disable novamira-sandbox/aa-header-xl.php). */
@media (min-width: 1181px) {
  /* ---- layout: search left, logo centred, account + basket right; menu on its own full-width row ---- */
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .site-primary-header-wrap { min-height: 0 !important; padding-top: 14px !important; padding-bottom: 0 !important; }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .site-primary-header-wrap .ast-builder-grid-row {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    grid-template-areas: "lead brand tools" "nav nav nav" !important;
    column-gap: 24px !important; row-gap: 0 !important; align-items: center !important;
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .site-header-primary-section-left { grid-area: brand !important; justify-self: center !important; }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .site-header-primary-section-right { display: contents !important; }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .ast-header-search { grid-area: lead !important; justify-self: start !important; }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .ast-header-account { grid-area: tools !important; justify-self: end !important; margin-right: 78px !important; }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .ast-header-woo-cart { grid-area: tools !important; justify-self: end !important; width: 64px !important; }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .ast-header-woo-cart .ast-woo-header-cart-info-wrap { display: none !important; }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .site-header-primary-section-center {
    grid-area: nav !important; justify-self: stretch !important; width: 100% !important;
    margin-top: 8px; padding: 8px 0 12px; border-top: 1px solid rgba(192, 144, 48, .3);
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .site-branding .site-title a { font-size: clamp(26px, 2.3vw, 34px) !important; padding: 12px 30px !important; letter-spacing: .2em !important; }

  /* ---- top-level nav: large, bold, button-like ---- */
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu {
    justify-content: center !important;
    gap: clamp(4px, .6vw, 12px) !important;
    flex-wrap: nowrap !important;
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .menu-item > .menu-link {
    min-height: 54px !important;
    padding: 0 clamp(12px, 1.1vw, 22px) !important;
    gap: 8px;
    font: 700 clamp(15px, 1.1vw, 18px) / 1 'Work Sans', system-ui, sans-serif !important;
    letter-spacing: .035em !important;
    color: #FFFFFF !important;
    border-radius: 2px;
    transition: background .25s ease, color .25s ease, border-color .25s ease;
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .menu-item > .menu-link::after {
    left: clamp(12px, 1.1vw, 22px) !important;
    right: clamp(12px, 1.1vw, 22px) !important;
    bottom: 9px !important;
    height: 2px;
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .menu-item:hover > .menu-link,
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .menu-item > .menu-link:focus-visible,
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .current-menu-item > .menu-link,
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .current-menu-ancestor > .menu-link {
    background: rgba(232, 196, 104, .12);
    color: #F4E4A1 !important;
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .menu-item > .menu-link .dropdown-menu-toggle .ast-icon,
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .menu-item > .menu-link .dropdown-menu-toggle svg {
    width: 12px !important;
    height: 12px !important;
  }

  /* ---- the two key buttons: Perfume Finder (solid gold) and Perfume Sets (gold outline) ---- */
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .menu-item > a.menu-link[href*='find-my-perfume'] {
    min-height: 46px !important;
    padding: 0 22px !important;
    margin: 0 6px !important;
    background: linear-gradient(135deg, #B08D57 0%, #E8C468 55%, #C6A15B 100%) !important;
    color: #14120F !important;
    border: 1px solid #E8C468 !important;
    border-radius: 2px !important;
    box-shadow: 0 8px 20px -10px rgba(232, 196, 104, .7);
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .menu-item > a.menu-link[href*='find-my-perfume']::before {
    content: '\2726'; font-size: 13px; margin-right: 2px;
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .menu-item > a.menu-link[href*='find-my-perfume']::after { display: none !important; }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .menu-item:hover > a.menu-link[href*='find-my-perfume'],
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .current-menu-item > a.menu-link[href*='find-my-perfume'] {
    background: #FFF1C2 !important;
    color: #14120F !important;
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .menu-item > a.menu-link[href*='/perfume-sets/'] {
    min-height: 46px !important;
    padding: 0 20px !important;
    border: 1px solid rgba(232, 196, 104, .75) !important;
    color: #E8C468 !important;
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .menu-item > a.menu-link[href*='/perfume-sets/']::after { display: none !important; }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .menu-item:hover > a.menu-link[href*='/perfume-sets/'],
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu > .current-menu-item > a.menu-link[href*='/perfume-sets/'] {
    background: #E8C468 !important;
    color: #14120F !important;
  }

  /* ---- dropdowns: wider panels, bigger rows, clear gold hover ---- */
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu .sub-menu {
    min-width: 290px !important;
    padding: 8px 0 !important;
    border: 1px solid rgba(192, 144, 48, .4) !important;
    border-top: 2px solid #E8C468 !important;
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu .sub-menu .menu-item + .menu-item { border-top: 1px solid rgba(255, 255, 255, .06); }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu .sub-menu .menu-link {
    font: 600 15.5px / 1.3 'Work Sans', system-ui, sans-serif !important;
    letter-spacing: .015em !important;
    padding: 14px 26px !important;
    border-left: 3px solid transparent;
    transition: background .2s ease, color .2s ease, border-color .2s ease, padding .2s ease;
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu .sub-menu .menu-item > .menu-link:hover,
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .main-header-menu .sub-menu .menu-item > .menu-link:focus-visible {
    border-left-color: #E8C468;
    background: rgba(232, 196, 104, .14) !important;
    color: #F4E4A1 !important;
    padding-left: 30px !important;
  }

  /* ---- tools: bigger, easier targets ---- */
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .ast-header-search .dgwt-wcas-search-icon,
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .ast-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon,
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .ast-header-account .ast-header-account-link {
    width: 48px !important;
    height: 48px !important;
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .ast-header-search .dgwt-wcas-search-icon svg,
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .ast-header-search .dgwt-wcas-ico-magnifier,
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .ast-header-account .ast-header-account-link svg {
    width: 23px !important;
    height: 23px !important;
  }
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .ast-site-header-cart .ast-cart-menu-wrap,
  html body:not(.ast-header-break-point) #masthead #ast-desktop-header .ast-site-header-cart .ast-addon-cart-wrap {
    min-height: 48px !important;
    padding: 0 18px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #masthead .main-header-menu .menu-link { transition: none !important; }
}

/* ---- tablet and phone (<=1180px): same structure, logo centred ---- */
@media (max-width: 1180.99px) {
  html body #masthead #ast-mobile-header .site-primary-header-wrap { padding-top: 6px !important; padding-bottom: 6px !important; min-height: 0 !important; }
  html body #masthead #ast-mobile-header .site-primary-header-wrap .ast-builder-grid-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important; column-gap: 8px !important;
  }
  html body #masthead #ast-mobile-header .site-header-primary-section-left { justify-self: start !important; justify-content: flex-start !important; display: flex !important; align-items: center; gap: 2px; }
  html body #masthead #ast-mobile-header .site-header-primary-section-center { justify-self: center !important; justify-content: center !important; display: flex !important; }
  html body #masthead #ast-mobile-header .site-header-primary-section-right { justify-self: end !important; justify-content: flex-end !important; display: flex !important; align-items: center; }
  html body #masthead #ast-mobile-header .site-branding .site-title a {
    font-size: clamp(16px, 4.8vw, 28px) !important; padding: 8px 10px !important; letter-spacing: .16em !important; white-space: nowrap;
  }
  html body #masthead #ast-mobile-header .menu-toggle,
  html body #masthead #ast-mobile-header .ast-header-search .dgwt-wcas-search-icon,
  html body #masthead #ast-mobile-header .ast-header-search .astra-search-icon { min-width: 44px; min-height: 44px; }
  html body #masthead #ast-mobile-header .ast-header-woo-cart .ast-site-header-cart .ast-addon-cart-wrap { min-height: 44px; min-width: 44px; }
  html body #masthead #ast-mobile-header .ast-header-woo-cart .ast-woo-header-cart-info-wrap { display: none !important; }
}