/* Lišta „Nevieš, ako začať?“ (assets/js/navod.js), návrh 5. Nenápadná: zdola na mobile, v ľavom
   dolnom rohu na počítači, stránka ostáva vidieť a nič sa nezamyká. Funguje na A (style.css) aj B (b.css). */
.navod{position:fixed;left:0;right:0;bottom:0;z-index:450;background:#fff;color:#3a332b;border-radius:18px 18px 0 0;
  padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 30px rgba(38,32,25,.22);
  font-family:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14.5px;line-height:1.45;max-height:85vh;overflow-y:auto;
  transform:translateY(110%);transition:transform .25s ease;box-sizing:border-box}
.navod.vidno{transform:none}
.navod[hidden],.navod [hidden],.navod-znova[hidden]{display:none !important}
@media (min-width:640px){.navod{left:20px;right:auto;bottom:20px;width:380px;border-radius:16px;box-shadow:0 18px 50px rgba(38,32,25,.28)}}
@media (prefers-reduced-motion:reduce){.navod{transition:none}}
.navod-x{position:absolute;right:8px;top:6px;width:36px;height:36px;border:0;background:transparent;font-size:24px;line-height:1;color:#6F6557;cursor:pointer;border-radius:50%}
.navod-hlava{display:flex;gap:12px;align-items:center;margin:0 34px 10px 0}
.navod-obal{width:44px;height:auto;flex:0 0 44px;border-radius:3px;box-shadow:0 4px 12px rgba(38,32,25,.25);transform:rotate(-3deg)}
.navod-hlava b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:21px;line-height:1.1;color:#262019}
.navod-hlava p{margin:2px 0 0;color:#4C453B}
.navod-riadok{display:grid;grid-template-columns:1fr auto;gap:6px}
.navod-riadok input{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:16px;padding:12px;border-radius:11px;border:1.5px solid #E4D9C6;background:#fff;color:#262019}
.navod-riadok input:focus{outline:0;border-color:#A9885E;box-shadow:0 0 0 3px rgba(169,136,94,.2)}
.navod-riadok input.zle{border-color:#b3261e}
.navod-btn{border:0;border-radius:11px;background:#262019;color:#fff;font:inherit;font-weight:700;padding:0 18px;cursor:pointer;min-height:46px}
.navod-btn[disabled]{opacity:.6;cursor:default}
.navod .chyba{display:none;color:#b3261e;font-size:13.5px;margin:6px 0 0}
.navod .chyba.vidno{display:block}
.navod-pozn{font-size:11.5px;color:#6F6557;margin:7px 0 0}
.navod-pozn a{color:#7E6441}
.navod-hotovo{background:#F8F4EE;border-radius:11px;padding:10px 12px;margin:0}
.navod-pribeh-tl{display:block;margin:10px 0 0;padding:0;border:0;background:transparent;font:inherit;font-weight:600;color:#7E6441;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.navod-pribeh{margin-top:8px}
.navod-pribeh p{margin:6px 0 0;color:#4C453B;font-size:13.5px}
.navod-pribeh q{display:block;margin-top:6px;font-style:italic;color:#262019;font-size:13.5px;quotes:"„" "“"}
.navod-pribeh cite{display:block;margin-top:3px;font-style:normal;font-weight:600;font-size:12.5px;color:#7E6441}
.navod-pp{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.navod-pp span{position:relative;display:block;border-radius:9px;overflow:hidden;aspect-ratio:3/2;background:#F8F4EE}
.navod-pp img{display:block;width:100%;height:100%;object-fit:cover}
.navod-pp b{position:absolute;left:5px;top:5px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.92);color:#262019;padding:1px 6px;border-radius:999px}
.navod-pp b.po{background:#262019;color:#fff}
.navod-stretnut{display:block;margin-top:10px;text-align:center;color:#262019;font-weight:700;text-decoration:none;padding:6px}
.navod-stretnut:hover{text-decoration:underline}
.navod-x:focus-visible,.navod-btn:focus-visible,.navod-stretnut:focus-visible,.navod-pribeh-tl:focus-visible,.navod-znova:focus-visible{outline:2px solid #A9885E;outline-offset:2px}
.navod-pasca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.navod-skryte{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* tlačidlo na opätovné otvorenie: vľavo dole, bublina chatu GHL je vpravo dole */
.navod-znova{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:440;display:flex;align-items:center;gap:8px;
  border:1.5px solid #E4D9C6;background:#fff;color:#262019;border-radius:999px;padding:6px 14px 6px 8px;font:600 13.5px 'Inter',system-ui,sans-serif;
  box-shadow:0 6px 18px rgba(38,32,25,.18);cursor:pointer}
.navod-znova img{width:22px;height:auto;border-radius:2px}
/* 🔴 na mobile ukazuje chat GHL bublinu „Kliknite sem pre konzultáciu“ cez celý spodok a tá
   tlačidlo prekryla (overené 5. 10. 2026), preto je tu vyššie, ako ľavý okraj nad bublinou */
@media (max-width:639px){.navod-znova{left:0;bottom:calc(190px + env(safe-area-inset-bottom,0px));border-left:0;border-radius:0 999px 999px 0;padding-left:10px}}
/* na mobile by bublina chatu GHL prekryla tlačidlo Pošli */
@media (max-width:639px){html.navod-otvorene chat-widget{display:none !important}}