/* Perfect Plants Club – navigáció (inc/nav.php): 5 főrész, fülek, mobil alsó sáv + Menü lap. */

/* ---------- fülek (az aktuális rész aloldalai) ---------- */
.subnav{position:sticky;top:60px;z-index:40;margin-top:68px;background:rgba(10,18,13,.82);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border-bottom:1px solid var(--line)}
.subnav-in{display:flex;align-items:center;gap:6px;max-width:1240px;margin:0 auto;padding:8px clamp(14px,4vw,40px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.subnav-in::-webkit-scrollbar{display:none}
.subnav-h{display:inline-flex;align-items:center;gap:6px;margin-right:6px;font:600 13px/1 'Playfair Display',serif;color:var(--gold2,#e8bd68);white-space:nowrap}
.subnav-h .ic{width:16px;height:16px}
.subnav a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:500;color:rgba(243,239,228,.78);border:1px solid transparent;white-space:nowrap;transition:background .25s,color .25s,border-color .25s}
.subnav a:hover{color:#fff;background:rgba(255,248,235,.06)}
.subnav a.is-active{color:#fff;background:rgba(232,189,104,.14);border-color:rgba(232,189,104,.4)}
.subnav .nav-count{position:static;min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;border-radius:9px;font-size:11px;background:var(--terra,#c4683f);color:#fff}
/* a fülek alatt kisebb felső térköz (a fejléc helyét a fülsáv már kitölti) */
body:has(.subnav) .page{padding-top:28px}
.subnav ~ .announce{margin-top:0}

/* ---------- felső főmenü: 5 tétel, kényelmesebb ---------- */
.app-header .nav a .nav-count{margin-left:2px}

/* ---------- mobil alsó sáv ---------- */
.tabbar2 .tab-menu{display:grid;justify-items:center;gap:3px;padding:6px 0;font:inherit;font-size:10.5px;color:rgba(243,239,228,.75);background:none;border:0;cursor:pointer}
.tabbar2 .tab-menu .ic{width:22px;height:22px}
.tabbar2 a.is-active,.tabbar2 a.is-active span{color:#fff}
.tabbar2 a.is-active .ic{color:var(--gold2,#e8bd68)}
.tab-add-dd{justify-self:center;position:relative}
.tab-add-dd>summary{list-style:none;cursor:pointer}
.tab-add-dd>summary::-webkit-details-marker{display:none}
.tab-add-pop{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));display:grid;gap:2px;padding:8px;border-radius:18px;background:rgba(12,20,15,.97);border:1px solid var(--line);box-shadow:0 24px 50px -20px rgba(0,0,0,.9)}
.tab-add-pop a{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border-radius:12px;font-size:15px;color:rgba(243,239,228,.92)}
.tab-add-pop a:hover{background:rgba(255,248,235,.06)}
@media (max-width:900px){
  body.guest{padding-bottom:76px}
  .tabbar2{display:grid}
  body.guest .tabbar2{display:grid}
  .subnav{top:60px}
  .subnav-h{display:none}
  /* üzenetek: az alsó sávból a fejlécbe került */
  .app-header .header-right a[href="messages.php"]{display:inline-grid!important}
  .app-header .header-right .add-dd{display:none}
}
@media (min-width:901px){ .nav-sheet{display:none!important} }

/* ---------- Menü lap (mobil): minden rész egy helyen ---------- */
.nav-sheet{position:fixed;inset:0;z-index:80;background:rgba(5,9,7,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.nav-sheet[hidden]{display:none}
.nav-sheet-card{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow-y:auto;padding:14px 16px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#0f1a13;border-top:1px solid var(--line);box-shadow:0 -20px 50px -20px rgba(0,0,0,.9);overscroll-behavior:contain}
.nav-sheet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.nav-sheet-top strong{font:600 20px 'Playfair Display',serif}
.nav-sheet-search{display:flex;align-items:center;gap:8px;padding:0 12px;margin-bottom:12px;border-radius:14px;background:rgba(255,248,235,.06);border:1px solid var(--line)}
.nav-sheet-search input{flex:1;min-height:46px;background:none;border:0;color:inherit;font-size:16px;outline:none}
.nav-sheet-sec{padding:10px 0;border-top:1px solid rgba(255,248,235,.07)}
.nav-sheet-sec h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:600 15px 'Playfair Display',serif;color:var(--gold2,#e8bd68)}
.nav-sheet-sec h3 .ic{width:18px;height:18px}
.nav-sheet-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.nav-sheet-links a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:12px;font-size:14.5px;color:rgba(243,239,228,.9);background:rgba(255,248,235,.04)}
.nav-sheet-links a.is-active{background:rgba(232,189,104,.14);color:#fff}
.nav-sheet-auth{display:flex;gap:10px;justify-content:center;padding-top:12px}
body.sheet-open{overflow:hidden}
@media (max-width:900px){ body.guest .to-top{bottom:90px} }