/* =====================================================================
   RONA TAMU — UI 6 layer for the Vendor Directory (/vendors)
   Aligns the vendor header with the main product header (cream band,
   house logo, text navigation). Saved vendors, vendor form and data
   loading are untouched.
   ===================================================================== */
html body nav{position:sticky;top:0;left:auto;right:auto;z-index:900;height:auto;pointer-events:auto;border:0;border-bottom:1px solid rgba(109,8,8,.06);background:rgba(238,234,215,.94);backdrop-filter:saturate(140%) blur(18px);-webkit-backdrop-filter:saturate(140%) blur(18px)}
html body .nav-inner{width:min(calc(100% - 28px),1080px);min-height:72px;margin:0 auto;padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html body .official-logo.rt6-logo{width:auto;height:auto;flex:0 0 auto}
html body .official-logo.rt6-logo img{width:46px;height:auto;object-fit:contain}
html body .nav-links.rt6-nav{display:flex;align-items:center;gap:2px;order:3;width:100%;justify-content:center;overflow-x:auto;scrollbar-width:none}
html body .nav-links.rt6-nav::-webkit-scrollbar{display:none}
html body .nav-links.rt6-nav a{position:relative;flex:0 0 auto;padding:8px 10px;border-radius:100px;color:#6D0808;background:transparent;font-size:13px;font-weight:400;letter-spacing:-.01em;white-space:nowrap}
html body .nav-links.rt6-nav a+a::before{content:"";position:absolute;left:-1px;top:50%;width:1px;height:16px;transform:translateY(-50%);background:rgba(109,8,8,.22)}
html body .nav-links.rt6-nav a:hover{background:rgba(255,255,255,.55)}
html body .nav-links.rt6-nav a.active{color:#6D0808;background:#fff;font-weight:700;box-shadow:0 6px 18px rgba(80,50,30,.08)}
html body .nav-links.rt6-nav a.active::before,html body .nav-links.rt6-nav a.active+a::before{opacity:0}
html body .saved-nav-btn{min-height:40px;border-color:rgba(109,8,8,.12);background:#fff}
html body .list-btn{min-height:40px;padding:0 16px;border-radius:100px;font-size:12px}
html body .hero{padding-top:48px;min-height:0}
@media (min-width:900px){
  html body .nav-inner{min-height:104px;flex-wrap:nowrap}
  html body .official-logo.rt6-logo img{width:66px}
  html body .nav-links.rt6-nav{order:0;width:auto;flex:1;gap:6px}
  html body .nav-links.rt6-nav a{padding:10px 18px;font-size:19px}
  html body .nav-links.rt6-nav a+a::before{left:-3px;height:26px}
  html body .saved-nav-btn,html body .list-btn{min-height:46px}
  html body .hero{padding-top:70px}
}