/* IDOLE menu polish: quiet luxury navigation (desktop mega menu + mobile drawer).
   Loaded after the header section styles. Remove the stylesheet link in layout/theme.liquid to undo. */
:root{--nav-ink:#1f1d1a;--nav-muted:#5f5a50;--nav-line:#e6dfce;--nav-gold:#7a5c1b;--nav-cream:#fbf8f0;--nav-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif}

/* ---------- Desktop ---------- */
@media screen and (min-width:1000px){
:is(#idole-nav,[id^="shopify-section-"]):is(#idole-nav,[id^="shopify-section-"]){
  .header__primary-nav-item > mega-menu-disclosure > details > summary{font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
  .mega-menu{background:var(--nav-cream);border-top:1px solid var(--nav-line);border-bottom:1px solid var(--nav-line);box-shadow:0 26px 40px -28px rgb(31 29 26 / .22);padding-block:36px 42px;gap:56px}
  .mega-menu__heading{border-bottom:1px solid var(--nav-line);margin-bottom:24px;padding-bottom:18px}
  .mega-menu__heading .h5{font-family:var(--nav-serif);font-size:32px;font-weight:500;line-height:1.1;letter-spacing:0;color:var(--nav-ink)}
  .mega-menu__all{font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--nav-gold);border-bottom:1px solid currentColor;padding-bottom:3px}
  .mega-menu__linklist > li > a,.mega-menu__group-list a,.mega-menu__linklist .link-faded{font-size:15px;font-weight:400;letter-spacing:.01em;line-height:1.4;color:var(--nav-ink);transition:color .2s ease}
  .mega-menu__linklist > li > a:hover,.mega-menu__group-list a:hover,.mega-menu__linklist .link-faded:hover{color:var(--nav-gold)}
  .mega-menu__group-title,.mega-menu__linklist > li:has(> ul) > a.h6{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--nav-gold);margin-bottom:12px}
  .mega-menu__linklist > li > ul{gap:2px}
  .mega-menu__promo > .idole-mega-card,.mega-menu__category-card{border:1px solid var(--nav-line);border-radius:2px;box-shadow:none}
  .mega-menu__promo .idole-mega-card__title{font-family:var(--nav-serif);font-size:22px;font-weight:500}

  /* Lebanese Treasures now has 4 groups: Sweets, Abayas, Modern Gifts, Khan Al Saboun */
  .mega-menu:has(.mega-menu__all[href="/collections/lebanese-products-worldwide"]) .mega-menu__main{max-width:1000px}
  .mega-menu:has(.mega-menu__all[href="/collections/lebanese-products-worldwide"]) .mega-menu__linklist{grid-template-columns:1.2fr .8fr 1.1fr 1.1fr;gap:20px 40px}
  .mega-menu:has(.mega-menu__all[href="/collections/lebanese-products-worldwide"]) .mega-menu__linklist > li:last-child{grid-column:auto}
  .mega-menu:has(.mega-menu__all[href="/collections/lebanese-products-worldwide"]) .mega-menu__linklist > li:last-child > ul{display:block;column-count:1}
}
}

/* ---------- Mobile drawer ---------- */
@media screen and (max-width:999px){
  body .header-sidebar::part(content),body .header-sidebar__main-panel,body .header-sidebar__collapsible-panel{background:var(--nav-cream);color:var(--nav-ink)}
  body .header-sidebar__main-panel > .header-sidebar__scroller > .header-sidebar__linklist > li{border-bottom:1px solid var(--nav-line)}
  /* Main items and submenu items share one size and font */
  body .header-sidebar__main-panel .header-sidebar__linklist-button,body .header-sidebar__sub-panel .header-sidebar__linklist-button,body .header-sidebar__nested-linklist > a{font-family:inherit;font-size:17px;font-weight:500;letter-spacing:.01em;line-height:1.3;min-height:56px;padding-block:12px}
  body .header-sidebar__sub-panel .header-sidebar__linklist-button,body .header-sidebar__nested-linklist > a{font-weight:400;min-height:50px;padding-block:10px}
  body .header-sidebar__back-button{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--nav-gold);border-color:var(--nav-line)}
  body .header-sidebar__linklist:has(> li:first-child > a[href="/collections/flowers-flower-delivery-in-lebanon"])::before,
  body .header-sidebar__linklist:has(> li:first-child > a[href="/collections/flowers-flower-delivery-in-lebanon"])::after{color:var(--nav-gold);font-size:11.5px;letter-spacing:.14em;padding-block:18px 8px}
  body .header-sidebar__promo > .idole-mega-card--sidebar{border-radius:2px;border-color:var(--nav-line)}
  body .idole-mega-card--sidebar .idole-mega-card__title{font-family:var(--nav-serif);font-size:20px;font-weight:600}
}
@media (prefers-reduced-motion:reduce){:is(#idole-nav,[id^="shopify-section-"]) .mega-menu a{transition:none}}

/* Phone: the round scroll-down arrow sat on top of the hero button, so hide it there */
@media screen and (max-width:699px){body .slideshow__next-section-button{display:none}}