/* =========================================================================
   ToRo – doplňky: cookie lišta, kontaktní formulář, legal patička, admin
   (samostatný soubor, ať nezasahujeme do style.css / admin.css)
   ========================================================================= */

/* ---------- Cookie lišta (Consent Mode v2) ---------- */
.cc-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;color:#2a2724;
  border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -8px 30px rgba(40,30,20,.14);
  padding:1rem clamp(1rem,4vw,2.5rem);animation:ccUp .3s ease}
@keyframes ccUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
.cc-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.cc-text{flex:1 1 320px;min-width:260px}
.cc-text strong{display:block;font-size:1rem;margin-bottom:.15rem}
.cc-text p{margin:0;font-size:.86rem;line-height:1.5;color:#5c554d}
.cc-text a{color:var(--primary,#4f7d5a);text-decoration:underline}
.cc-options{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;padding:.35rem 0 .1rem}
.cc-opt{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:#3a352f}
.cc-opt em{color:#8a827a;font-style:normal;font-size:.78rem}
.cc-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}
.cc-btn{border:1px solid transparent;border-radius:9px;padding:.6rem 1.1rem;font:inherit;font-weight:600;
  font-size:.85rem;cursor:pointer;transition:.15s}
.cc-ghost{background:transparent;border-color:rgba(0,0,0,.15);color:#4a443d}
.cc-ghost:hover{background:rgba(0,0,0,.04)}
.cc-save{background:#efe9e1;color:#3a352f}
.cc-accept{background:var(--primary,#4f7d5a);color:#fff}
.cc-accept:hover{filter:brightness(1.05)}

/* ---------- Kontaktní formulář ---------- */
.kontakt-form-wrap{margin-top:2.4rem;background:var(--card,#fff);border:1px solid rgba(0,0,0,.07);
  border-radius:18px;padding:clamp(1.3rem,3vw,2rem);box-shadow:0 10px 34px rgba(40,30,20,.06)}
.kontakt-form-wrap>h3{margin:0 0 1.1rem;font-size:1.3rem}
.kontakt-form .fld{margin-bottom:1rem;display:flex;flex-direction:column}
.kontakt-form .fld-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.kontakt-form label{font-size:.85rem;font-weight:600;color:#4a443d;margin-bottom:.35rem}
.kontakt-form input,.kontakt-form textarea{width:100%;border:1px solid rgba(0,0,0,.16);border-radius:10px;
  padding:.7rem .85rem;font:inherit;font-size:.95rem;background:#fff;color:#2a2724;transition:.15s}
.kontakt-form input:focus,.kontakt-form textarea:focus{outline:none;border-color:var(--primary,#4f7d5a);
  box-shadow:0 0 0 3px rgba(79,125,90,.15)}
.kontakt-form textarea{resize:vertical;min-height:120px}
.fld-consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.83rem;font-weight:400;color:#5c554d;margin:.4rem 0 1.2rem}
.fld-consent input{margin-top:.2rem;flex:0 0 auto;width:auto}
.fld-consent a{color:var(--primary,#4f7d5a);text-decoration:underline}
.form-submit{border:none;cursor:pointer}
.fld-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{border-radius:12px;padding:.9rem 1.1rem;margin-bottom:1.1rem;font-size:.9rem;display:flex;flex-direction:column;gap:.3rem}
.form-note.form-ok{background:#e8f3ea;color:#2f5d3c;border:1px solid #bfe0c8}
.form-note.form-ok{flex-direction:row;align-items:center;gap:.5rem}
.form-note.form-bad{background:#fbeaea;color:#8a2d2d;border:1px solid #f0c7c7}
.form-note.form-bad span{display:flex;align-items:center;gap:.4rem}

/* <picture> obal se nemá chovat jako box (aby nerozbil layout kolem <img>) */
picture{display:contents;}
/* about foto: aspect-ratio 4/5 řídí výšku – width/height atributy (CLS) nesmí přebít */
.kdojsem-photo img{height:auto;}
/* galerie: <picture> musí být grid item (ne display:contents), aby fungovalo
   grid-row spanning velkého 1. obrázku + roztažení do buňky */
.gallery-grid picture{display:block;min-width:0;height:100%;}
.gallery-grid picture:first-child{grid-row:1 / 3;}
.gallery-grid picture img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius);}

/* ---------- Mapa na klik (perf + cookies) ---------- */
.map-lazy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;
  min-height:320px;text-align:center;padding:2rem;background:#efe8db;border:1px dashed rgba(0,0,0,.18);border-radius:14px;}
.map-load{cursor:pointer;border:none;background:var(--primary,#c99a5b);color:#fff;font:inherit;font-weight:600;
  font-size:1rem;padding:.8rem 1.4rem;border-radius:10px;display:inline-flex;align-items:center;gap:.5rem;transition:filter .15s;}
.map-load:hover{filter:brightness(1.05);}
.map-note{font-size:.82rem;color:#7a7264;margin:0;max-width:26rem;}

/* ---------- Hero: SEO H1 (kicker) + slide titulky (H2) ---------- */
.hero .hero-kicker{position:relative;z-index:15;margin:0 0 .5rem;font-family:var(--font-display,serif);
  font-size:clamp(1.05rem,2vw,1.35rem);font-weight:600;line-height:1.2;color:var(--secondary,#4f7d5a);letter-spacing:.01em;}
.hero .hero-slide-title{font-family:var(--font-display,serif);font-size:clamp(2.6rem,6vw,4.5rem);
  line-height:1.08;color:var(--foreground,#2a2724);margin:0;}
.hero .hero-slide-title em{color:var(--secondary,#4f7d5a);font-style:normal;}
@media(max-width:767px){.hero .hero-slide-title{font-size:clamp(2.2rem,9vw,2.9rem);}}

/* Hero přechod: plynulý cross-fade bez svislého poskočení odcházejícího slajdu.
   Příčina bugu: .hero-slide přepínal position relative<->absolute (inset:0). position
   se nedá animovat, takže deaktivovaný slajd okamžitě skočil nahoru k okraji stage a
   TEPRVE POTOM proběhl .7s fade. Řešení: slajdy skládáme přes CSS grid do jedné buňky –
   všechny position:static, překrývají se, výška stage se řídí nejvyšším slajdem, přepíná
   se jen opacity. Žádné přepínání position => žádný skok. */
.hero-slides{display:grid;}
.hero-slides > .hero-slide{grid-area:1 / 1;position:static;visibility:visible;opacity:0;
  transform:none;transition:opacity .7s ease;pointer-events:none;will-change:opacity;}
.hero-slides > .hero-slide.is-active{position:static;opacity:1;transform:none;pointer-events:auto;}

/* rezervace: přebalancovaný grid – širší levý sloupec (foto+text), užší widget */
@media(min-width:1024px){.rezervace-grid{grid-template-columns:1fr 0.9fr;align-items:start;}}
/* fotka pod cenou v sekci Rezervace (levý sloupec) – plná šířka sloupce */
.rezervace-photo{margin-top:2rem;max-width:100%}
.rezervace-photo img{width:100%;height:auto;border-radius:var(--radius,14px);display:block}
/* docplanner (ZnamyLekar) iframe si rezervuje ~276px prázdného místa pod kartou –
   ořízneme, ať zelený pruh nemá pod widgetem/fotkou zbytečné mrtvé místo.
   Bezpečné: nic se v iframu inline nerozbaluje – „Ukázat více termínů" je odkaz na
   externí profil a šipka jen přepíná dny kalendáře ve stejné výšce. */
.rezervace-widget iframe{max-height:760px;}

/* ---------- FAQ sekce (GEO) ---------- */
.faq-head{max-width:720px;margin:0 auto 2rem;text-align:center}
.faq-head .eyebrow{justify-content:center}
.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:.7rem}
.faq-item{border:1px solid rgba(0,0,0,.09);border-radius:14px;background:var(--card,#fff);overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.05rem 1.3rem;font-weight:600;font-size:1.02rem;color:#2a2724}
.faq-item summary::-webkit-details-marker{display:none}
.faq-chev{transition:transform .2s;flex:0 0 auto;color:var(--primary,#4f7d5a)}
.faq-item[open] .faq-chev{transform:rotate(90deg)}
.faq-answer{padding:0 1.3rem 1.15rem;color:#5c554d;line-height:1.65}

/* ---------- Legal patička + zámeček ---------- */
.footer-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;
  margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.14);font-size:.82rem}
.footer-secured{display:inline-flex;align-items:center;gap:.4rem;color:var(--footer-fg,rgba(255,255,255,.72));opacity:.9}
.footer-secured svg{color:#8fd0a1}
.footer-legal-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.3rem}
.footer-legal-nav a,.footer-cookie-settings{color:var(--footer-fg,rgba(255,255,255,.72));text-decoration:none;
  background:none;border:none;padding:0;font:inherit;font-size:.82rem;cursor:pointer;transition:.15s}
.footer-legal-nav a:hover,.footer-cookie-settings:hover{color:#fff;text-decoration:underline}
.footer-credit{text-align:center;padding:1rem 0 .2rem;font-size:.8rem;color:var(--footer-fg,rgba(255,255,255,.6));opacity:.9}
.footer-credit a{color:var(--footer-fg,rgba(255,255,255,.85));text-decoration:underline}
.footer-credit a:hover{color:#fff}

@media (max-width:600px){
  .kontakt-form .fld-grid{grid-template-columns:1fr}
  .cc-actions{margin-left:0;width:100%}
  .cc-btn{flex:1 1 auto;text-align:center}
  .footer-legal{flex-direction:column;align-items:flex-start}
}

/* ---------- Admin: tabulka zpráv, badge ---------- */
.nav-badge{display:inline-block;min-width:18px;height:18px;line-height:18px;text-align:center;
  background:#d9534f;color:#fff;border-radius:9px;font-size:.7rem;font-weight:700;padding:0 5px;margin-left:6px}
.tbl{width:100%;border-collapse:collapse;font-size:.9rem}
.tbl th{text-align:left;padding:.7rem 1rem;background:#faf7f2;color:#7a7168;font-weight:600;font-size:.78rem;
  text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid rgba(0,0,0,.06)}
.tbl td{padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.05);vertical-align:top}
.tbl tr:last-child td{border-bottom:none}
.tbl tr.row-unread{background:#fdf6ec}
.tbl tr.row-unread strong{font-weight:800}
.tbl .td-clip{color:#5c554d;max-width:340px}
.tbl .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d9534f;margin-right:6px;vertical-align:middle}
.btn-danger{background:#f6e4e4;color:#a33;border:1px solid #eccaca}
.btn-danger:hover{background:#efd4d4}
.btn-sm{padding:.35rem .7rem;font-size:.8rem}
/* přeřazení pořadí položek (menu) – tlačítka ↑/↓ vlevo od křížku */
.rrow.rrow-sortable{position:relative}
.rrow .mv-up,.rrow .mv-down{position:absolute;top:8px;width:26px;height:26px;background:#fff;
  border:1px solid var(--line,#dcdcdc);border-radius:6px;cursor:pointer;line-height:1;font-size:14px;color:#555;padding:0}
.rrow .mv-down{right:40px}
.rrow .mv-up{right:72px}
.rrow .mv-up:hover,.rrow .mv-down:hover{background:#f2ece2}

/* upload obrázku v opakovatelném řádku (hero/galerie) */
.imgcell{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.imgcell input[type=text]{flex:1 1 180px;min-width:120px}
.imgcell .imgcell-prev{width:44px;height:44px;flex:0 0 auto;border-radius:8px;background:#eee7dc center/cover no-repeat;border:1px solid rgba(0,0,0,.1)}
.anchor-list{margin:.3rem 0 0;padding-left:1.1rem;font-size:.9rem;color:#5c554d;columns:2;column-gap:2rem}
.anchor-list li{margin:.15rem 0}
.anchor-list code{background:#f2ece2;padding:.05rem .4rem;border-radius:5px;color:#3a352f}
.form-row label.chk{display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer}
.form-row label.chk input{width:auto}
.js-rows .rrow.rrow-grid-1{display:grid;grid-template-columns:1fr;gap:.5rem}
.msg-detail .msg-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem;
  padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.07)}
.msg-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem 1.5rem;margin:0 0 1.3rem}
.msg-meta dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:#8a827a;margin-bottom:.15rem}
.msg-meta dd{margin:0;font-size:.92rem}
.msg-body{white-space:pre-wrap;line-height:1.65;font-size:.98rem;background:#faf7f2;border-radius:12px;padding:1.1rem 1.2rem}

/* ---------- Admin: doplňky (shop) ---------- */
.addon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.addon-card{position:relative;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:1.1rem;background:#fff;display:flex;flex-direction:column}
.addon-badge{position:absolute;top:.8rem;right:.8rem;background:#e8f3ea;color:#2f5d3c;font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}
.addon-card h3{margin:.1rem 0 .4rem;font-size:1.02rem;padding-right:3.5rem}
.addon-desc{margin:0 0 .7rem;font-size:.85rem;color:#5c554d;line-height:1.5;flex:1}
.addon-price{margin:0 0 .8rem;font-weight:700;color:#2a2724}
.addon-order summary{list-style:none;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}
.addon-order summary::-webkit-details-marker{display:none}
.addon-order[open] summary{margin-bottom:.6rem}
.addon-order textarea{width:100%;border:1px solid rgba(0,0,0,.16);border-radius:9px;padding:.55rem .7rem;font:inherit;font-size:.85rem;margin-bottom:.55rem;resize:vertical}
.pill{display:inline-block;background:#eef2f6;color:#456;border-radius:20px;padding:.15rem .6rem;font-size:.75rem;font-weight:600}

/* ---------- Admin: systém & aktualizace ---------- */
.sys-ver{display:flex;align-items:center;gap:1rem}
.sys-badge{background:var(--primary,#4f7d5a);color:#fff;font-weight:800;font-size:1.05rem;padding:.6rem 1rem;border-radius:12px}
.sys-note{border-radius:12px;padding:1rem 1.2rem;background:#faf7f2;font-size:.92rem;line-height:1.55}
.sys-note.ok{background:#e8f3ea;color:#2f5d3c;display:flex;align-items:center;gap:.5rem}
.sys-note.info{background:#eef4fb;color:#2c4a63;border:1px solid #cfe0f0}
.sys-note.warn{background:#fdf3e3;color:#7a5320;border:1px solid #f0dcbb}
.sys-note.bad{background:#fbeaea;color:#8a2d2d;border:1px solid #f0c7c7}
.sys-note .sys-h{margin:0 0 .35rem;font-size:1rem}
.sys-notes{margin-top:.5rem;font-size:.86rem;color:#5c554d}
.sys-note .sys-cta{margin:.7rem 0 0}

/* ---------- Admin: checklist ---------- */
.cl-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.cl-score{font-size:1.6rem;font-weight:800;color:#b08a2a}
.cl-score.is-full{color:#2f7d47}
.cl-bar{margin-top:1rem;height:10px;border-radius:6px;background:#eee7dc;overflow:hidden}
.cl-bar span{display:block;height:100%;background:linear-gradient(90deg,#7bb98d,#4f7d5a);transition:width .4s}
.cl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}
.cl-list li{display:flex;align-items:center;gap:.7rem;padding:.6rem .2rem;border-bottom:1px solid rgba(0,0,0,.05);font-size:.92rem}
.cl-list li:last-child{border-bottom:none}
.cl-ico{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;flex:0 0 auto}
.cl-list li.ok .cl-ico{background:#e2f0e6;color:#2f7d47}
.cl-list li.bad .cl-ico{background:#fbe7e7;color:#c0392b}
.cl-state{margin-left:auto;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#8a827a}
.cl-list li.ok .cl-state{color:#2f7d47}
.cl-list li.bad .cl-state{color:#c0392b}
.cl-check{display:flex;align-items:center;gap:.6rem;cursor:pointer;width:100%}
.cl-check input{width:auto}