/* ==========================================================================
   Sdílené menu a patička pro podstránky vz.coach
   --------------------------------------------------------------------------
   Zdrojem pravdy je index.html. Když se tam změní menu nebo patička,
   promítni to sem i do markupu podstránek (_nastroje/navfoot.py).

   Načítá se ZÁMĚRNĚ až za inline <style> stránky, aby přebilo její vlastní
   pravidla pro nav a footer (staré štíhlé lišty). Proto se nesmí přesunout
   výš do <head>.
   ========================================================================== */

/* Vlastní kontejner (box-sizing kvůli 404 a /objednano/, které nemají globální reset).
    Stránky mají .wrap různě široký (720–1080 px),
   menu a patička ale musí být všude stejně široké jako na úvodní stránce. */
.vz-wrap{max-width:1080px;margin:0 auto;padding:0 22px;box-sizing:border-box}

/* ---- Menu (1:1 podle index.html) ---- */
/* Stránky bez globálního resetu (404, /objednano/) i stránky, které mají
   nadpisové písmo na .btn, by menu rozházely. Proto se to tady sjednocuje. */
nav,nav *{box-sizing:border-box}
footer,footer *{box-sizing:border-box}
nav{position:sticky;top:0;z-index:50;background:rgba(255,253,247,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line,#eee8da);-webkit-tap-highlight-color:transparent}
nav .nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
nav .logo{display:inline-flex;align-items:baseline;font-family:var(--font-h,'Space Grotesk',system-ui,sans-serif);font-weight:700;font-size:20px;
  text-decoration:none;color:var(--ink,#1d1d1d);white-space:nowrap;letter-spacing:-.01em}
nav .logo .badge{display:inline-flex;align-items:baseline;background:var(--yellow,#FFD43B);border-radius:.4em;
  padding:.1em .35em;margin-right:2px;color:#141414}
nav .logo .seg{display:inline-block;overflow:hidden;max-width:0;opacity:0;
  transition:max-width .55s cubic-bezier(.65,0,.35,1),opacity .55s cubic-bezier(.65,0,.35,1)}
nav .logo .sp{display:inline-block;width:.28em}
html nav .logo.logo-open .seg{max-width:var(--segw,400px);opacity:1;animation:none!important}
/* Po složení. Najetí myší jméno zase rozbalí — to řeší .fits:hover v theme.css. */
html nav .logo.zavreno .seg{animation:none!important;max-width:0;opacity:0}
@media(max-width:420px){nav .logo{font-size:17.5px}}
@media(max-width:370px){nav .logo{font-size:16px}}
@media(max-width:345px){nav .logo{font-size:15px}}

nav .nav-links{display:flex;gap:24px;align-items:center;list-style:none;margin:0;padding:0}
nav .nav-links li{list-style:none;margin:0}
nav .nav-links a{white-space:nowrap;text-decoration:none;font-size:15px;font-weight:500;color:var(--ink,#1d1d1d);
  font-family:var(--font-b,'Inter',system-ui,sans-serif)}
nav .nav-links a:hover{opacity:.65}
nav .nav-links a,nav .nav-links a:link,nav .nav-links a:visited,
nav .nav-links a:hover,nav .nav-links a:active{color:var(--ink,#1d1d1d);-webkit-text-fill-color:currentColor}
nav .nav-links a.btn,nav .nav-links a.btn:link,nav .nav-links a.btn:visited{
  color:var(--black,#141414);-webkit-text-fill-color:var(--black,#141414)}
nav .nav-links a:focus-visible{outline:2px solid var(--ink,#1d1d1d);outline-offset:3px;border-radius:6px}
nav .nav-links a.btn{display:inline-block;background:var(--yellow,#FFD43B);color:var(--black,#141414);font-weight:500;
  padding:10px 20px;border-radius:999px;border:2px solid var(--black,#141414);box-shadow:3px 3px 0 var(--black,#141414);
  font-size:14px;transition:transform .12s,box-shadow .12s}
nav .nav-links a.btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--black,#141414);opacity:1}

nav .burger{display:none;background:none;border:none;cursor:pointer;width:40px;height:36px;padding:8px 6px;
  color:var(--ink,#1d1d1d);-webkit-tap-highlight-color:transparent}
nav .burger span,nav .burger:before,nav .burger:after{display:block;height:2.5px;border-radius:2px;
  background:currentColor;content:"";transition:transform .2s,opacity .2s}
nav .burger span{margin:6px 0}
nav .burger:focus,nav .burger:focus-visible{outline:none}
nav .burger:focus-visible span,nav .burger:focus-visible:before,nav .burger:focus-visible:after{background:var(--ink,#1d1d1d)}

/* Burger pod 1180 px — breakpoint musí sedět s index.html */
@media(max-width:1179px){
  nav .nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper,#FFFDF7);
    flex-direction:column;padding:20px;border-bottom:1px solid var(--line,#eee8da);gap:16px}
  nav .nav-links.open{display:flex}
  nav .burger{display:block}
}
@media(min-width:1180px){
  nav .nav-links{gap:16px}
  nav .nav-links a{font-size:14.5px}
  nav .nav-links a.btn.small{padding:9px 15px;font-size:13.5px;box-shadow:2px 2px 0 var(--black,#141414)}
  nav .logo{font-size:18px}
}
@media(min-width:1180px) and (max-width:1319px){
  nav .nav-links{gap:13px}
  nav .nav-links a{font-size:14px}
  nav .nav-links a.btn.small{padding:8px 13px;font-size:13px}
  nav .logo{font-size:17px}
}

/* ---- Patička (1:1 podle index.html) ---- */
footer{background:var(--black,#141414);color:#bbb;padding:48px 0;font-size:14px;margin-top:0}
footer .foot-grid{display:grid;grid-template-columns:1.15fr 1fr 1.05fr 1.3fr;gap:26px;text-align:left}
@media(max-width:1100px) and (min-width:881px){footer .foot-grid{grid-template-columns:1fr 1fr;gap:22px}}
@media(max-width:880px){footer .foot-grid{grid-template-columns:1fr}}
footer .foot-grid .fg-dalsi{display:block;margin-top:18px}
footer b{color:#fff;display:block;margin-bottom:8px;font-size:15px}
/* Podstránky mají v patičce odkazy tučně (font-weight:600). Na úvodní
   stránce tučné nejsou, tak se to tady dorovnává. */
footer a{color:var(--yellow,#FFD43B);text-decoration:none;font-weight:400}
footer .foot-note{margin-top:34px;padding-top:20px;border-top:1px solid #2c2c2c;font-size:12.5px;color:#777;
  display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}
footer .foot-note i{font-style:normal;color:#555}
footer .foot-note a{color:#777}
footer .foot-note .srdce{color:inherit;font-size:13.5px}
@media(max-width:719px){
  footer .foot-note{flex-direction:column;align-items:center;text-align:center;gap:7px}
  footer .foot-note i{display:none}
}

/* Úklid 12. 8.: nadpisky sekcí (eyebrow) na podstránkách ztišené stejně jako na
   hlavní straně. Nav-foot.css se načítá až za inline stylem podstránek, proto
   tenhle jednořádkový přepis platí všude. Žluté sekce (.method/.booking) mají
   vlastní pravidlo v theme.css s vyšší specificitou, ta se nemění. */
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em}
