/* ============================================================
 * assets/css/public-nav.css
 * Shared styles for templates/public-nav.php + public-footer.php
 * Used across public/interior pages (docs, blog, buy, legal).
 * landing.php keeps its own flagship nav — not affected by this file.
 * Colors are hardcoded (not var()) so this renders identically
 * regardless of which :root token set a given page defines.
 * ============================================================ */
.p-nav{position:sticky;top:0;z-index:200;background:rgba(9,10,17,.88);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.08)}
.p-nav-i{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;gap:16px}
.p-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;flex-shrink:0}
.p-logo-m{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#6c63ff,#a855f7);display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:15px;color:#fff;box-shadow:0 0 18px rgba(108,99,255,.4)}
.p-logo-t{font-family:'Syne',sans-serif;font-weight:800;font-size:16.5px;color:#eef0ff}
.p-links{display:flex;align-items:center;gap:2px}
.p-links a{color:#c7cce3;font-size:13.5px;font-weight:500;text-decoration:none;padding:8px 12px;border-radius:10px;transition:.15s;white-space:nowrap}
.p-links a:hover{color:#fff;background:rgba(108,99,255,.12)}
.p-links a.active{color:#fff;background:rgba(108,99,255,.16)}
.p-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.p-btn{font-size:13px;font-weight:600;text-decoration:none;padding:8px 15px;border-radius:10px;transition:.2s;white-space:nowrap;display:inline-block}
.p-btn-o{color:#eef0ff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.p-btn-o:hover{background:rgba(255,255,255,.08)}
.p-btn-p{color:#fff;background:linear-gradient(135deg,#6c63ff,#a855f7);box-shadow:0 0 16px rgba(108,99,255,.4);border:none}
.p-btn-p:hover{box-shadow:0 0 22px rgba(108,99,255,.55)}
.p-ham{display:none;width:36px;height:36px;align-items:center;justify-content:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:16px;color:#eef0ff;cursor:pointer}
.p-drawer{display:none;position:fixed;inset:0;z-index:500}
.p-drawer.open{display:block}
.p-drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.75)}
.p-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:280px;background:#0c0e17;border-left:1px solid rgba(255,255,255,.08);padding:24px 20px;overflow-y:auto}
.p-drawer-panel a{display:flex;align-items:center;gap:12px;padding:13px 14px;color:#c7cce3;text-decoration:none;border-radius:12px;font-size:15px;font-weight:500;margin-bottom:2px}
.p-drawer-panel a:hover{background:rgba(108,99,255,.1);color:#eef0ff}
@media(max-width:860px){.p-links{display:none}.p-ham{display:flex;width:40px;height:40px}.p-btn-o{display:none}}
/* Below ~480px the logo wordmark + full lang switcher + signup CTA + hamburger
   no longer fit in one row (measured: hamburger clipped off-screen at 390px,
   .p-right right edge landing at x=418 on a 390px viewport). Nothing here is
   hidden without an equivalent still reachable: the wordmark is decorative
   next to the icon mark, the lang switcher keeps its full flag+chevron
   tap target (just drops the 2-letter code text), and Sign Up/Dashboard stays
   visible — only the desktop-only Login button was already hidden above. */
@media(max-width:480px){
  .p-nav-i{padding:12px 14px}
  .p-logo-t{display:none}
  .p-right{gap:6px}
  .p-right .lang-btn{padding:0 10px;min-height:40px;min-width:40px;justify-content:center}
  .p-right .lang-code{display:none}
}

.p-ftr{border-top:1px solid rgba(255,255,255,.08);padding:44px 28px 28px;background:#0c0e17}
.p-ftr-i{max-width:1200px;margin:0 auto}
.p-ftr-t{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}
.p-ftr-desc{font-size:13px;color:#8892b0;line-height:1.7;margin:10px 0 16px;max-width:260px}
.p-ftr-dc{display:inline-flex;align-items:center;gap:7px;background:rgba(88,101,242,.1);border:1px solid rgba(88,101,242,.25);color:#a5b4fc;font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:10px;text-decoration:none}
.p-ftr-ct{font-size:10.5px;font-weight:700;color:#7b84a6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.p-fl{display:block;font-size:13px;color:#8892b0;text-decoration:none;margin-bottom:8px}
.p-fl:hover{color:#eef0ff}
.p-ftr-b{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;font-size:12px;color:#7b84a6;flex-wrap:wrap;gap:10px}
.p-ftr-bl{display:flex;gap:16px}
.p-ftr-bl a{color:#7b84a6;text-decoration:none}
.p-ftr-bl a:hover{color:#8892b0}
@media(max-width:768px){.p-ftr-t{grid-template-columns:1fr 1fr;gap:24px}}