/* Doplňky nad Luciiným style.css: nové sekce (InBody, ceník, otázky), přístupnost a drobnosti.
   Luciin soubor se needituje, všechno nové je tady. */

/* Přístupnost */
.skip-link{position:absolute;left:16px;top:-60px;z-index:200;padding:10px 16px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;font-size:14px}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.contact-section :focus-visible{outline-color:#fff}
.contact-form :focus-visible{outline-color:var(--mint)}
[id]{scroll-margin-top:96px}

/* Fotky mají width/height kvůli CLS, výšku ale určuje Luciin aspect-ratio */
.person-card img{height:auto}

/* Hero: tři fakta pod tlačítky */
.hero-fakta{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:26px 0 0;padding:0;color:var(--text);font-size:13px;font-weight:600}
.hero-fakta li{display:flex;align-items:center;gap:8px}
.hero-fakta li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(185,223,0,.25)}

/* InBody */
#inbody{position:relative}
.inbody-block{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.inbody-copy>p{color:var(--text);font-size:16px}
.inbody-note{display:inline-block;margin:8px 0 0;padding:10px 16px;border-radius:16px;background:var(--soft);color:var(--ink)!important;font-size:14px!important;font-weight:600}
.inbody-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.inbody-grid li{position:relative;overflow:hidden;padding:26px 24px;border:1px solid rgba(0,169,149,.16);border-top:5px solid var(--mint);border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(23,60,42,.045)}
.inbody-grid li:nth-child(2),.inbody-grid li:nth-child(3){border-top-color:var(--lime)}
.inbody-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--mint),#16bda7)}
.inbody-icon svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.inbody-grid h3{font-size:18px;margin:16px 0 6px}
.inbody-grid p{margin:0;font-size:14px;color:var(--text)}

/* Citát z týmu */
.team-quote{position:relative;z-index:2;margin:28px 0 0;padding:30px 36px;border-radius:26px;background:var(--soft);display:grid;gap:10px}
.team-quote blockquote{margin:0}
.team-quote blockquote p{margin:0;font-size:19px;line-height:1.5;font-weight:500;color:var(--ink)}
.team-quote blockquote p:before{content:"„"}
.team-quote blockquote p:after{content:"“"}
.team-quote figcaption{font-size:13px;font-weight:700;color:#007f71}
.team-quotes{position:relative;z-index:2;margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.team-quotes .team-quote{margin:0;align-content:space-between;padding:26px 28px}
.team-quotes .team-quote blockquote p{font-size:17px}
@media(max-width:1050px){.team-quotes{grid-template-columns:1fr 1fr}.team-quotes .team-quote:last-child{grid-column:1/-1}}
@media(max-width:720px){.team-quotes{grid-template-columns:1fr;gap:14px}.team-quotes .team-quote:last-child{grid-column:auto}}
/* Šest karet S čím pomůžeme (5. 10. 2026, Výživa dětí zvlášť): tři a tři. Pod 1050 px drží Luciiny dva sloupce. */
@media(min-width:1051px){.service-grid{grid-template-columns:repeat(3,1fr)}}

/* Ceník */
#cenik>.section-shell{position:relative}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.price-card{padding:30px 28px 22px;border:1px solid rgba(0,169,149,.16);border-top:5px solid var(--mint);border-radius:26px;background:#fff;box-shadow:0 10px 28px rgba(23,60,42,.045)}
.price-card:nth-child(2){border-top-color:var(--lime)}
.price-card h3{font-size:21px;margin:0 0 10px}
.price-card dl{margin:0}
.price-card dl>div{display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:16px 0;border-top:1px solid var(--line)}
.price-card dl>div:first-child{border-top:0}
.price-card dt{font-weight:700;font-size:15px;line-height:1.4}
.price-card dt small{display:block;margin-top:4px;font-weight:400;font-size:13px;line-height:1.45;color:var(--text)}
.price-card dd{margin:0;font-weight:800;font-size:18px;white-space:nowrap;color:var(--ink)}

/* Blok Zdravého stravování: logo ZS */
.zs-logo{display:block;width:150px;height:auto;margin-top:26px;padding:8px 12px;border-radius:12px;background:#fff;box-sizing:content-box}

/* Otázky */
.faq{position:relative;z-index:2;display:grid;gap:12px;max-width:880px}
.faq details{border:1px solid var(--line);border-radius:20px;background:#fff;transition:.2s box-shadow}
.faq details[open]{box-shadow:0 10px 28px rgba(23,60,42,.06);border-color:rgba(0,169,149,.3)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;font-weight:700;font-size:16px;line-height:1.4}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23173c2a' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat;transition:.2s transform}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{margin:0;padding:0 24px 22px;color:var(--text);font-size:15px}
.faq a,.consent a,.legal a{color:#007f71;text-decoration:underline;text-underline-offset:2px}

/* Kontakt: karta rezervace místo formuláře (5. 10. 2026, objednání přes Medevio) */
.rezervace{background:#fff;color:var(--ink);border-radius:32px;padding:42px;display:grid;gap:14px;align-content:start;align-self:start}
.rezervace h3{font-size:24px;line-height:1.25;letter-spacing:-.03em;margin:0}
.rezervace p{margin:0;color:var(--text);font-size:15px}
.rezervace .button{margin-top:8px}
.rezervace-firmy{font-size:13px}
.rezervace-firmy a{color:#007f71;text-decoration:underline;text-underline-offset:2px}
@media(max-width:720px){.rezervace{padding:27px}.rezervace h3{font-size:20px}}

/* Patička */
.footer-inner>div{align-items:center}
.footer-link{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}
.footer-link:hover,.footer-inner a:hover{text-decoration:underline}
.cookie-banner a{text-decoration:underline}

@media(max-width:1050px){
  .inbody-block{grid-template-columns:1fr;gap:36px}
  .price-grid{grid-template-columns:1fr;max-width:640px;margin-inline:auto}
}

@media(max-width:720px){
  .hero-fakta{display:grid;gap:8px;margin-top:22px;font-size:12px}
  /* Luciin mobil má 10,5 px a 9 px, pod hranicí čitelnosti. Zvednuto na 12 a 11 px. */
  .service-card p{font-size:12px}
  .footer-inner{font-size:11px}
  .inbody-grid{grid-template-columns:1fr 1fr;gap:10px}
  .inbody-grid li{padding:18px 14px;border-radius:18px}
  .inbody-grid h3{font-size:15px;margin-top:12px}
  .inbody-grid p{font-size:12px;line-height:1.45}
  .inbody-icon{width:40px;height:40px;border-radius:12px}
  .inbody-icon svg{width:22px;height:22px}
  .inbody-copy>p{font-size:14px}
  .team-quote{padding:22px 20px}
  .team-quote blockquote p{font-size:16px}
  .price-card{padding:22px 18px 14px;border-radius:20px}
  .price-card dt{font-size:14px}
  .price-card dt small{font-size:12px}
  .price-card dd{font-size:16px}
  .faq summary{padding:16px 18px;font-size:14px}
  .faq details p{padding:0 18px 18px;font-size:13px}
  .zs-logo{width:120px}
}

/* Právní podstránky */
.legal{max-width:820px;margin:0 auto;padding:64px 0 96px}
.legal h1{font-size:clamp(34px,5vw,52px);line-height:1.1;letter-spacing:-.03em;margin:12px 0 24px}
.legal h2{font-size:22px;letter-spacing:-.01em;margin:36px 0 10px}
.legal p,.legal li{color:var(--text);font-size:16px}
.legal table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}
.legal th,.legal td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.legal .button{margin-top:12px}
.legal-back{margin-left:auto}

/* Kontrast (Lighthouse 23. 9.): tyrkysová #00a995 na krémové má 2,86 : 1. Text a aktivní záložka dostávají
   tmavší odstín téže barvy #007a6c (5,1 : 1). Plochy a ikony zůstávají v Luciině tyrkysové. */
.eyebrow{color:#007a6c}
.eyebrow.light{color:var(--lime)}
.tab.active{background:#007a6c}
/* Kontakty terapeutek: dotykový cíl aspoň 24 px */
.person-contact a{display:flex;align-items:center;min-height:24px}

/* Tým (24. 9.): fotky ze zdravestravovani.cz mají výřez 4:5 už hotový, nic dalšího neořezávat.
   Kontakty jako dvě tlačítka s ikonou místo dlouhých adres, které se do karty nevešly. */
.team-grid .person-card img{aspect-ratio:4/5;object-position:50% 50%}
.person-contact{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:16px}
.person-contact a.contact-pill{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid rgba(0,122,108,.28);border-radius:999px;background:#fff;color:#007a6c;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;transition:.2s background,.2s border-color}
.person-contact a.contact-pill:hover{background:var(--soft);border-color:#007a6c;text-decoration:none}
.contact-pill svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:720px){
  .team-grid .person-card img{aspect-ratio:auto;object-position:50% 20%}
  .person-contact{gap:6px;margin-top:10px}
  .person-contact a.contact-pill{min-height:32px;padding:0 10px;font-size:12px}
}
.person-contact{flex-wrap:nowrap}
.person-contact a.contact-pill-icon{width:36px;padding:0;justify-content:center}
@media(min-width:721px){
  .team-grid .person-card{display:flex;flex-direction:column}
  .team-grid .person-card>div:not(.person-contact){flex:1}
}
@media(max-width:720px){.person-contact a.contact-pill-icon{width:32px}}
@media(min-width:721px){
  .team-grid .person-card>div:not(.person-contact){display:flex;flex-direction:column}
  .team-grid .person-contact{margin-top:auto;padding-top:16px!important}
}

/* Hero nadpis (24. 9.): místo pěti řádků po slovech tři řádky, širší textový sloupec. */
.hero{grid-template-columns:540px 1fr}
.hero h1{font-size:60px;line-height:1.06}
.hero h1 br.desktop-br{display:inline}
@media(max-width:1180px){
  .hero{grid-template-columns:470px 1fr}
  .hero h1{font-size:52px}
}
@media(max-width:1050px){
  .hero{grid-template-columns:400px 1fr}
  .hero h1{font-size:46px}
}
@media(max-width:720px){
  .hero h1 br.desktop-br{display:none}
  .hero h1{font-size:38px;text-wrap:balance}
}
@media(min-width:1181px){.hero-copy{max-width:540px}}

/* Nadpisy H2 (24. 9.): méně řádků. Menší stupeň a vyvážené zalomení. */
h2{text-wrap:balance}
.section-heading h2{font-size:clamp(32px,3.4vw,46px)}
.inbody-copy h2{font-size:clamp(32px,3.4vw,46px)}
.food-copy h2{font-size:clamp(30px,2.7vw,38px);line-height:1.12;margin-top:22px}
.contact-copy h2{font-size:clamp(32px,3.2vw,44px);line-height:1.1}
.zs-logo{margin:0;padding:10px 14px;border-radius:14px}
.inbody-note strong{font-weight:700}
.inbody-note{font-weight:500}
@media(max-width:720px){
  .food-copy h2{font-size:30px}
  .contact-copy h2{font-size:32px}
}
@media(min-width:1051px){
  .food-block{grid-template-columns:1fr 1fr}
  .food-copy{padding:52px 48px}
  .food-copy h2{font-size:36px}
  .food-image img{min-height:0}
}