/* 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)}
/* Mobilon a régi, megszokott nézet marad: alsó sáv (Hírek · Gondozás · + · Üzenetek · Profil), fülsor nélkül. */
@media (max-width:900px){
  .subnav{display:none}
  body:has(.subnav) .page{padding-top:96px}
  .subnav ~ .announce{margin-top:68px}
}
@media (max-width:760px){ body:has(.subnav) .page{padding-top:80px} }
}
@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}
/* hírfolyam: a jobb oldali „Felfedezés és eszközök” menü (a bal oldali gyorsmenü párja) */
.shortcuts .sc-em{flex:0 0 34px;height:34px;display:grid;place-items:center;font-size:23px;font-style:normal;line-height:1;transition:transform .5s var(--ease)}
.shortcuts a:hover .sc-em{transform:rotate(-10deg) scale(1.1)}
.shortcuts .sc-head{margin:0 0 2px!important;padding:12px 10px 8px;border-bottom:1px solid var(--line,rgba(255,248,235,.08));font-size:16px!important}
.shortcuts-tools small{color:var(--muted,#a9b3a4);font-weight:500}

/* Illusztráció (adatbázis-kép, ha a tagnak nincs saját fotója) */
.plant-image{position:relative}
.plant-image .illus-img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.92)}
.illus-tag{position:absolute;top:8px;left:8px;z-index:2;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.3;color:#f3efe4;background:rgba(10,18,13,.72);border:1px solid rgba(255,248,235,.18);cursor:help}
.illus-up{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;padding:5px 8px;border-radius:10px;font-size:11.5px;font-weight:600;text-align:center;color:#1b140a;background:rgba(232,189,104,.92)}
.illus-hero{position:relative;border-radius:inherit;overflow:hidden}
.illus-hero img{display:block;width:100%;height:auto;filter:saturate(.9)}
.illus-hero-up{position:absolute;right:12px;bottom:12px;z-index:2}
.illus-cap{margin-top:8px;font-size:12px;line-height:1.45;color:var(--muted,#a9b3a4)}
.illus-cap a{color:var(--gold2,#e8bd68);text-decoration:underline}

/* Fajlap nagy képe: szerző + licenc; kattintásra a teljes forrásmegjelöléshez ugrik */
.plant-photo a.hero-credit{position:absolute;right:24px;bottom:24px;z-index:3;display:inline-flex;align-items:center;max-width:calc(100% - 48px);padding:7px 12px;border-radius:999px;overflow:hidden;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;color:#f3efe4;background:rgba(10,18,13,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,248,235,.16);cursor:pointer;text-decoration:none}
.plant-photo a.hero-credit:hover{background:rgba(10,18,13,.85);border-color:rgba(232,189,104,.5)}
#kb-img{scroll-margin-top:140px}
@media (max-width:760px){.plant-photo a.hero-credit{right:14px;bottom:14px;font-size:11px}}

/* Fajlap: rövid leírás a cím alatt */
.sp-lead{margin:14px 0 18px;max-width:62ch;font-size:16.5px;line-height:1.6;color:rgba(243,239,228,.86)}
@media (max-width:760px){.sp-lead{font-size:15px;margin:10px 0 14px}}