/* Rycal consolidated header nav (2026-09-29, slate/emerald theme).
   Replaces the left sidebar with one sticky top header.
   Loaded after rycal-utility-home.css so it wins the cascade cleanly. */

/* 1 — retire the sidebar entirely */
.app-sidebar,
aside.sidebar{display:none!important;}

/* 2 — one full-width sticky site header */
.rycal-site-header{
  position:sticky!important;
  top:0!important;
  z-index:400!important;
  left:0!important;
  right:0!important;
  margin-left:0!important;
  height:auto!important;
  min-height:72px!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid var(--rycal-slate-200,#e1e9e4)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.rycal-site-header .header-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:10px 26px!important;
  height:auto!important;
  min-height:72px!important;
  box-sizing:border-box!important;
  position:relative!important;
}

/* content touches the edges now */
main.container{margin-left:0!important;}
footer{margin-left:0!important;}

/* 3 — brand (new slate/emerald wordmark + icon) */
.rycal-site-header .rycal-brand{display:flex!important;align-items:center;cursor:pointer;flex:0 0 auto;}
.rycal-site-header .rycal-brand .rycal-brand-wordmark{width:148px!important;height:34px!important;object-fit:contain;}
.rycal-site-header .mobile-brand{display:none!important;}
.rycal-site-header .mobile-brand .rycal-brand-icon{width:36px!important;height:36px!important;object-fit:contain;}

/* 4 — the consolidated nav row */
.rycal-site-header .header-nav{
  display:flex!important;
  align-items:center;
  gap:2px;
  flex:1 1 auto;
  min-width:0;
  overflow:visible;
}
.rycal-site-header .header-nav::-webkit-scrollbar{display:none;}
.rycal-site-header .sidebar-link{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  padding:9px 13px!important;
  min-height:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.2!important;
  color:var(--rycal-slate-700,#3d4f45)!important;
  cursor:pointer;
  white-space:nowrap;
  text-align:left;
}
.rycal-site-header .sidebar-link .nav-icon{display:inline-flex!important;align-items:center;justify-content:center;width:18px!important;min-width:18px!important;color:var(--rycal-emerald-600,#3c755d)!important;}
.rycal-site-header .sidebar-link .nav-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.rycal-site-header .sidebar-link:hover{background:var(--rycal-slate-100,#f4f8f5)!important;color:var(--rycal-emerald-700,#214d3a)!important;transform:none!important;}
.rycal-site-header .sidebar-link.active{background:var(--rycal-emerald-50,#eaf3ed)!important;color:var(--rycal-emerald-700,#214d3a)!important;}

/* keep the signed-in / signed-out visibility contract */
.rycal-site-header .sidebar-link.guest-nav{display:none!important;}
.guest-mode .rycal-site-header .sidebar-link.member-nav{display:none!important;}
.guest-mode .rycal-site-header .sidebar-link.guest-nav{display:inline-flex!important;}

/* admin cluster lives in the header now */
.rycal-site-header #adminSidebarSection{
  align-items:center;
  gap:2px;
  margin-left:8px;
  padding-left:12px;
  border-left:1px solid var(--rycal-slate-200,#e1e9e4);
}
.rycal-site-header #adminSidebarSection .sidebar-section-label{
  font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--rycal-slate-600,#8aa094);
  margin-right:4px;white-space:nowrap;
}

/* 5 — actions: keep sign-in / user chip, drop the tagline for room */
.rycal-site-header .tagline{display:none!important;}
.rycal-site-header .header-actions{margin-left:auto!important;flex:0 0 auto;}

/* 6 — hamburger (mobile only) */
.rycal-site-header .header-hamburger{
  display:none;
  flex:0 0 auto;
  width:44px;height:44px;
  border:1px solid var(--rycal-slate-200,#e1e9e4);
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
  padding:0;
}
.rycal-site-header .header-hamburger span{display:block;width:20px;height:2px;background:var(--rycal-emerald-700,#214d3a);border-radius:2px;}

/* 7 — mobile: hamburger + dropdown panel */
@media (max-width:960px){
  .rycal-site-header .rycal-brand{display:none!important;}
  .rycal-site-header .mobile-brand{display:flex!important;align-items:center;cursor:pointer;}
  .rycal-site-header .header-hamburger{display:flex!important;}
  .rycal-site-header .header-inner{gap:12px!important;padding:8px 14px!important;}
  .rycal-site-header .header-nav{
    display:none!important;
    position:absolute;
    top:100%;left:0;right:0;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    background:#fff;
    border-bottom:1px solid var(--rycal-slate-200,#e1e9e4);
    box-shadow:0 18px 40px rgba(15,23,42,.10);
    padding:10px 16px 16px;
    overflow:visible;
    z-index:401;
  }
  .rycal-site-header.nav-open .header-nav{display:flex!important;}
  .rycal-site-header .sidebar-link{width:100%!important;justify-content:flex-start;padding:12px 14px!important;font-size:15px!important;}
  .rycal-site-header #adminSidebarSection{border-left:0;padding-left:0;margin-left:0;border-top:1px solid var(--rycal-slate-200,#e1e9e4);padding-top:8px;margin-top:6px;flex-wrap:wrap;}
}

/* 8 — four-tab nav with dropdowns (2026-09-29) */
.rycal-site-header .nav-group{position:relative;display:flex;flex:0 0 auto;}
.rycal-site-header .nav-tab .nav-chevron{font-size:9px;margin-left:2px;color:var(--rycal-slate-400,#9db3a8);line-height:1;}
.rycal-site-header .nav-dropdown{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  min-width:230px;
  background:#fff;
  border:1px solid var(--rycal-slate-200,#e1e9e4);
  border-radius:14px;
  box-shadow:0 18px 40px rgba(15,23,42,.12);
  padding:8px;
  z-index:600;
}
.rycal-site-header .nav-group:hover .nav-dropdown,
.rycal-site-header .nav-group:focus-within .nav-dropdown{display:block;}
.rycal-site-header .nav-group::after{content:'';position:absolute;top:100%;left:0;right:0;height:14px;z-index:599;}
.rycal-site-header .nav-dropdown .sidebar-link{
  width:100%!important;
  justify-content:flex-start!important;
  border-radius:9px!important;
  padding:10px 12px!important;
}
.rycal-site-header .nav-dropdown .sidebar-link .nav-label{font-weight:600!important;}

/* 9 — mobile: groups stack, dropdowns always expanded */
@media (max-width:960px){
  .rycal-site-header .nav-group{flex-direction:column;width:100%;flex:1 1 auto;}
  .rycal-site-header .nav-tab .nav-chevron{display:none;}
  .rycal-site-header .nav-dropdown{
    display:block!important;
    position:static;
    box-shadow:none;
    border:0;
    border-left:2px solid var(--rycal-slate-200,#e1e9e4);
    border-radius:0;
    padding:0 0 0 6px;
    margin:2px 0 6px 14px;
    min-width:0;
    z-index:auto;
  }
  .rycal-site-header .nav-dropdown .sidebar-link{padding:10px 12px!important;font-size:14px!important;}
  .guest-mode .rycal-site-header .nav-dropdown .sidebar-link.guest-nav{display:flex!important;width:100%!important;}
}