/*
 * LuxeLoom signature navigation / 04 Nov 2026
 * Editorial Cormorant headings, refined Inter supporting labels.
 * No motion effects; classic scroll preserved.
 */
:root{
  --llnav-paper:#faf6ef;
  --llnav-ivory:#fffaf3;
  --llnav-ink:#38241d;
  --llnav-copper:#9c7455;
  --llnav-muted:#806858;
  --llnav-stroke:#e2d4c5;
  --llnav-serif:"Cormorant Garamond","Luxe DM Serif",Georgia,serif;
  --llnav-sans:Inter,"Luxe DM Sans",Arial,sans-serif;
}
@media(min-width:1101px){
  .main-nav.ll-discovery-nav.ll-premium-nav{
    position:sticky;
    top:0;
    z-index:150;
    width:100%;
    min-height:89px;
    margin:0;
    padding:0 clamp(28px,3.1vw,56px);
    display:flex!important;
    justify-content:center;
    align-items:stretch;
    flex-wrap:nowrap;
    column-gap:clamp(24px,2.35vw,41px);
    border-top:1px solid #e8dfd5;
    border-bottom:1px solid #d9c8b7;
    background:var(--llnav-paper);
    box-shadow:0 6px 20px rgba(56,36,29,.045);
    color:var(--llnav-ink);
    letter-spacing:normal;
  }
  .admin-bar .main-nav.ll-premium-nav{top:32px}
  .main-nav.ll-premium-nav > a,
  .main-nav.ll-premium-nav > .ll-nav-group > summary{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-height:88px;
    padding:0 1px 2px;
    margin:0;
    border:0;
    color:var(--llnav-ink);
    font-family:var(--llnav-serif);
    font-size:clamp(20px,1.65vw,24px);
    font-weight:500;
    line-height:1.08;
    letter-spacing:-.008em;
    white-space:nowrap;
    text-transform:none;
    text-decoration:none;
    cursor:pointer;
    opacity:1;
  }
  .main-nav.ll-premium-nav > .ll-nav-group{
    display:flex;
    align-items:stretch;
    position:relative;
    flex:0 0 auto;
  }
  .main-nav.ll-premium-nav > .ll-nav-group > summary{
    list-style:none;
    gap:10px;
  }
  .main-nav.ll-premium-nav > .ll-nav-group > summary::-webkit-details-marker{display:none}
  .main-nav.ll-premium-nav > .ll-nav-group > summary:after{
    content:"";
    display:block;
    width:7px;height:7px;
    margin:0 1px 5px 0;
    border-right:1.4px solid currentColor;
    border-bottom:1.4px solid currentColor;
    transform:rotate(45deg);
    transform-origin:50% 50%;
    background:none;
    opacity:.85;
    transition:none;
    flex:0 0 7px;
    position:static;
    pointer-events:none;
  }
  .main-nav.ll-premium-nav > .ll-nav-group[open] > summary:after{
    transform:rotate(225deg);
    margin-bottom:-3px;
    opacity:1;
  }
  .main-nav.ll-premium-nav > a:after,
  .main-nav.ll-premium-nav > .ll-nav-group > summary:before{
    content:"";
    position:absolute;
    left:0;right:0;bottom:16px;
    height:2px;
    background:var(--llnav-copper);
    transform:none;
    opacity:0;
    transition:none;
    pointer-events:none;
  }
  .main-nav.ll-premium-nav > a:hover,
  .main-nav.ll-premium-nav > a:focus-visible,
  .main-nav.ll-premium-nav > .ll-nav-group > summary:hover,
  .main-nav.ll-premium-nav > .ll-nav-group > summary:focus-visible,
  .main-nav.ll-premium-nav > .ll-nav-group[open] > summary,
  .main-nav.ll-premium-nav > a[aria-current="page"],
  .main-nav.ll-premium-nav > .ll-nav-group.ll-current-parent > summary{
    color:#8a5938;
    opacity:1;
  }
  .main-nav.ll-premium-nav > a:is(:hover,:focus-visible,[aria-current="page"]):after,
  .main-nav.ll-premium-nav > .ll-nav-group:is([open],.ll-current-parent) > summary:before,
  .main-nav.ll-premium-nav > .ll-nav-group > summary:is(:hover,:focus-visible):before{
    opacity:1;
  }
  .main-nav.ll-premium-nav :focus-visible{
    outline:2px solid #9a7356;
    outline-offset:4px;
  }
  /* Dropdown surfaces begin exactly at the bar edge: no unclickable hover gap. */
  .main-nav.ll-premium-nav .ll-nav-panel{
    position:absolute;
    top:100%!important;
    left:-38px;
    right:auto;
    z-index:190;
    min-width:300px;
    display:grid;
    gap:1px;
    padding:25px 30px 27px;
    margin:0;
    border:1px solid var(--llnav-stroke);
    border-top:2px solid #b38e70;
    border-radius:0;
    background:var(--llnav-ivory);
    color:var(--llnav-ink);
    box-shadow:0 22px 46px rgba(48,31,22,.16);
    white-space:normal;
    text-align:left;
    opacity:1;
  }
  .main-nav.ll-premium-nav .ll-nav-panel > span,
  .main-nav.ll-premium-nav .llx-mega-column > span{
    display:block;
    padding:0 0 15px;
    color:#8e6d54;
    font-family:var(--llnav-sans);
    font-size:10px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:.17em;
    text-transform:uppercase;
  }
  .main-nav.ll-premium-nav .ll-nav-panel a{
    color:var(--llnav-ink);
    font-family:var(--llnav-sans);
    font-weight:400;
    font-size:14px;
    line-height:1.38;
    letter-spacing:.005em;
    white-space:normal;
    text-decoration:none;
    opacity:1;
  }
  .main-nav.ll-premium-nav .ll-nav-panel a:after{content:none!important}
  .main-nav.ll-premium-nav .ll-nav-panel a:hover,
  .main-nav.ll-premium-nav .ll-nav-panel a:focus-visible,
  .main-nav.ll-premium-nav .ll-nav-panel a[aria-current="page"]{
    color:#946847;
    opacity:1;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:5px;
  }
  .main-nav.ll-premium-nav .ll-nav-panel:not(.llx-mega-panel) > a{
    display:block;
    padding:10px 0;
    border-bottom:1px solid #f0e7dd;
  }
  .main-nav.ll-premium-nav .ll-nav-panel:not(.llx-mega-panel) > a:last-child{
    border:0;
  }
  .main-nav.ll-premium-nav .llx-mega-panel{
    top:100%!important;
    left:-115px!important;
    width:min(920px,calc(100vw - 68px))!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.1fr) minmax(0,1.05fr) minmax(190px,.95fr);
    column-gap:39px;
    padding:36px 39px 32px!important;
    align-items:start;
    white-space:normal;
    border-top:2px solid #b38e70;
    background:var(--llnav-ivory);
    box-shadow:0 22px 46px rgba(48,31,22,.16);
  }
  .main-nav.ll-premium-nav .llx-mega-column{
    display:grid;
    align-content:start;
    gap:0;
    min-width:0;
  }
  .main-nav.ll-premium-nav .llx-mega-column > a{
    display:block;
    padding:9px 0!important;
    font-size:14px;
    line-height:1.35;
  }
  .main-nav.ll-premium-nav .llx-mega-column .llx-mega-all{
    font-weight:600;
    margin-top:12px;
    padding-top:17px!important;
    border-top:1px solid var(--llnav-stroke);
  }
  .main-nav.ll-premium-nav .llx-mega-feature{
    display:block;
    min-width:0;
    font-family:var(--llnav-serif);
    text-decoration:none!important;
  }
  .main-nav.ll-premium-nav .llx-mega-feature img{
    display:block;
    width:100%;
    height:194px;
    object-fit:cover;
    object-position:center;
    background:#e9ded0;
  }
  .main-nav.ll-premium-nav .llx-mega-feature strong{
    display:block;
    font:500 24px/1.1 var(--llnav-serif);
    letter-spacing:-.01em;
    color:var(--llnav-ink);
    margin:15px 0 5px;
  }
  .main-nav.ll-premium-nav .llx-mega-feature small{
    display:block;
    font:500 11px/1.5 var(--llnav-sans);
    color:#91755c;
    letter-spacing:.04em;
  }
}
@media(min-width:1101px) and (max-width:1280px){
  .main-nav.ll-premium-nav{column-gap:clamp(14px,1.7vw,25px);padding-inline:23px;min-height:78px}
  .main-nav.ll-premium-nav > a,
  .main-nav.ll-premium-nav > .ll-nav-group > summary{
    min-height:77px;
    font-size:clamp(18px,1.63vw,21px);
  }
  .main-nav.ll-premium-nav .llx-mega-panel{
    left:-75px!important;
    width:min(850px,calc(100vw - 56px))!important;
    gap:25px;
    padding:30px!important;
  }
}
/* No 8-item miniature nav on tablet: use the organized navigation drawer. */
@media(max-width:1100px){
  .main-nav.ll-premium-nav{display:none!important}
  .site-header{position:relative}
  .site-header .header-main{display:flex;align-items:center;gap:12px}
  .site-header .ll-premium-mobile{
    display:block!important;
    order:-1;
    flex:0 0 44px;
    align-self:center;
    position:static;
    color:#f8eadb;
  }
  .site-header .ll-premium-mobile > summary{
    width:44px;
    min-width:44px;
    height:44px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:9px;
    cursor:pointer;
    list-style:none;
    border:1px solid #ba9e85a6;
    color:#f7eadd;
    border-radius:0;
    background:transparent;
  }
  .site-header .ll-premium-mobile > summary::-webkit-details-marker{display:none}
  .site-header .ll-premium-mobile > summary span{
    display:block;
    width:22px;height:1.5px;margin:0;
    border:0;
    background:#f5e8d9;
    transform:none;
  }
  .site-header .ll-premium-mobile[open] > summary span:first-child{transform:translateY(3.25px) rotate(45deg)}
  .site-header .ll-premium-mobile[open] > summary span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
  .site-header .ll-premium-mobile > summary:focus-visible{outline:2px solid #e0b889;outline-offset:3px}
  .site-header .ll-premium-mobile nav{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:995;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 30px;
    max-height:calc(100dvh - 135px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:23px clamp(22px,5vw,58px) 36px;
    background:var(--llnav-ivory);
    border-top:2px solid #a77f5d;
    border-bottom:1px solid #dfcfc0;
    box-shadow:0 20px 50px rgba(41,26,19,.23);
    color:var(--llnav-ink);
  }
  .site-header .ll-premium-mobile nav .ll-mobile-heading{
    grid-column:1/-1;
    display:block;
    padding:24px 0 7px;
    margin:0;
    border-bottom:1px solid var(--llnav-stroke);
    font:600 11px/1.4 var(--llnav-sans);
    letter-spacing:.15em;
    color:#99785e;
  }
  .site-header .ll-premium-mobile nav > a{
    display:flex;
    align-items:center;
    min-height:51px;
    padding:11px 2px;
    margin:0;
    border-bottom:1px solid #eee4d9;
    font:500 24px/1.07 var(--llnav-serif);
    color:var(--llnav-ink);
    letter-spacing:-.008em;
    text-decoration:none;
    opacity:1;
    white-space:normal;
  }
  .site-header .ll-premium-mobile nav > a:hover,
  .site-header .ll-premium-mobile nav > a:focus-visible,
  .site-header .ll-premium-mobile nav > a[aria-current="page"]{
    color:#966d4f;
    opacity:1;
  }
  .site-header .ll-premium-mobile nav > a:focus-visible{outline:2px solid #997359;outline-offset:2px}
  .site-header .logo{margin-right:auto}
}
@media(max-width:680px){
  .site-header .ll-premium-mobile nav{grid-template-columns:1fr;max-height:calc(100dvh - 156px);padding:10px 7% 25px}
  .site-header .ll-premium-mobile nav .ll-mobile-heading{padding-top:17px}
  .site-header .ll-premium-mobile nav > a{min-height:49px;font-size:22px}
  .site-header .header-main{flex-wrap:wrap;column-gap:10px}
  .site-header .header-tools{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .main-nav.ll-premium-nav *,
 .site-header .ll-premium-mobile *{animation:none!important;transition:none!important}
}

/* Final interaction and compact-header polish */
@media(min-width:1101px){
 .main-nav.ll-premium-nav > a,
 .main-nav.ll-premium-nav > .ll-nav-group > summary{
   transition:none;
 }
}
@media(max-width:1100px){
 body.ll-premium-menu-open{overflow:hidden}
}
@media(max-width:680px){
 .notice{
   font-size:9px;
   letter-spacing:.06em;
   line-height:1.3;
   padding:9px 4px;
   white-space:nowrap;
 }
}