/* #1441 (ADR 0028) — sdílené lp-* styly profesních landing stránek.
   #1452 — jediný sdílený soubor pro všech 10 stránek (nahradil per-page kopie
   rezervacni-system-pro-*-inline.css a landing-widget-demo.css); přidána hlavička
   shodná s homepage, komponenty section-title/karty a širší centrovaný widget. */
/* #1585 — nativní plynulý scroll místo smazaného smoothscroll.js; odsazení pod sticky
   navbar drží scroll-padding-top. */
html { scroll-padding-top: 150px; }
/* Plynulý scroll až po načtení — viz komentář v index-inline.css (#1585). */
html.smooth-scroll { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html.smooth-scroll { scroll-behavior: auto; } }
a { color: #C2410C; }
a:hover { color: #9A3412; }
/* #1541 — hero s podkladovou fotkou: světlá průhledná vrstva (::before) přes obrázek, obsah nad ní.
   Stránka bez modifikátoru lp-hero--* zůstává jednobarevná (#FFF7ED). */
.lp-hero { position: relative; background: #FFF7ED center / cover no-repeat; color: #1F2937; padding: 90px 0 80px; }
.lp-hero::before { content: ""; position: absolute; inset: 0; background: rgba(255, 247, 237, .78); }
.lp-hero > .container { position: relative; }
.lp-hero--kadernictvi { background-image: url(/images/hero/hero-kadernictvi.jpg); background-image: image-set(url(/images/hero/hero-kadernictvi.webp) type("image/webp"), url(/images/hero/hero-kadernictvi.jpg) type("image/jpeg")); }
.lp-hero--ordinace { background-image: url(/images/hero/hero-ordinace.jpg); background-image: image-set(url(/images/hero/hero-ordinace.webp) type("image/webp"), url(/images/hero/hero-ordinace.jpg) type("image/jpeg")); background-position: center 85%; } /* stetoskop je ve spodní třetině fotky */
.lp-hero--masaze { background-image: url(/images/hero/hero-masaze.jpg); background-image: image-set(url(/images/hero/hero-masaze.webp) type("image/webp"), url(/images/hero/hero-masaze.jpg) type("image/jpeg")); } /* #1542 */
.lp-hero--osobni-trenink { background-image: url(/images/hero/hero-osobni-trenink.jpg); background-image: image-set(url(/images/hero/hero-osobni-trenink.webp) type("image/webp"), url(/images/hero/hero-osobni-trenink.jpg) type("image/jpeg")); background-position: center 60%; } /* #1542 */
.lp-hero--sportoviste { background-image: url(/images/hero/hero-sportoviste.jpg); background-image: image-set(url(/images/hero/hero-sportoviste.webp) type("image/webp"), url(/images/hero/hero-sportoviste.jpg) type("image/jpeg")); } /* #1542 */
.lp-hero--ubytovani { background-image: url(/images/hero/hero-ubytovani.jpg); background-image: image-set(url(/images/hero/hero-ubytovani.webp) type("image/webp"), url(/images/hero/hero-ubytovani.jpg) type("image/jpeg")); background-position: center 60%; } /* #1542 */
.lp-hero--casova-rezervace { background-image: url(/images/hero/hero-casova-rezervace.jpg); background-image: image-set(url(/images/hero/hero-casova-rezervace.webp) type("image/webp"), url(/images/hero/hero-casova-rezervace.jpg) type("image/jpeg")); background-position: center 75%; } /* #1544 */
.lp-hero--pujcovny { background-image: url(/images/hero/hero-pujcovny.jpg); background-image: image-set(url(/images/hero/hero-pujcovny.webp) type("image/webp"), url(/images/hero/hero-pujcovny.jpg) type("image/jpeg")); background-position: center 65%; } /* #1544 */
.lp-hero--urad { background-image: url(/images/hero/hero-urad.jpg); background-image: image-set(url(/images/hero/hero-urad.webp) type("image/webp"), url(/images/hero/hero-urad.jpg) type("image/jpeg")); } /* #1544 */
.lp-hero--vstupenky { background-image: url(/images/hero/hero-vstupenky.jpg); background-image: image-set(url(/images/hero/hero-vstupenky.webp) type("image/webp"), url(/images/hero/hero-vstupenky.jpg) type("image/jpeg")); } /* #1544 */
.lp-hero--registrace { background-image: url(/images/hero/hero-registrace.jpg); background-image: image-set(url(/images/hero/hero-registrace.webp) type("image/webp"), url(/images/hero/hero-registrace.jpg) type("image/jpeg")); background-position: center 75%; } /* #1544 */
.lp-hero--telocvicna { background-image: url(/images/hero/hero-telocvicna.jpg); background-image: image-set(url(/images/hero/hero-telocvicna.webp) type("image/webp"), url(/images/hero/hero-telocvicna.jpg) type("image/jpeg")); } /* #1683 */
.lp-hero--lyzarske-skoly { background-image: url(/images/pripadove-studie/lyzarska-skola-hero.jpg); background-image: image-set(url(/images/pripadove-studie/lyzarska-skola-hero.webp) type("image/webp"), url(/images/pripadove-studie/lyzarska-skola-hero.jpg) type("image/jpeg")); } /* #1721, hero z #1719 */
.lp-hero .eyebrow { font-size: 15px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: #A83D00; margin-bottom: 10px; } /* #1541: #D94F00 mělo na světlém podkladu jen 3,9:1; #A83D00 ≥ 5:1 i nad fotkou */
.lp-hero h1 { font-size: 40px; font-weight: 800; margin: 0 0 18px; line-height: 1.15; color: #1F2937; }
.lp-hero .lead { font-size: 19px; font-weight: 400; line-height: 1.55; max-width: 680px; margin: 0 auto 26px; color: #374151; }
.lp-btn { display: inline-block; background: #C2410C; color: #fff; font-weight: 700; padding: 13px 32px; border-radius: 6px; text-decoration: none; }
.lp-btn:hover { background: #9A3412; color: #fff; text-decoration: none; }
.lp-section { padding: 64px 0; }
.lp-section.alt { background: #F9FAFB; }
.lp-section h2 { font-size: 28px; font-weight: 700; color: #1F2937; margin-bottom: 18px; }
.lp-section p { color: #374151; font-size: 16px; line-height: 1.65; }
.lp-steps { list-style: none; padding: 0; margin: 20px 0 0; }
.lp-steps li { padding: 10px 0 10px 34px; position: relative; color: #374151; font-size: 16px; }
.lp-steps li:before { content: "→"; position: absolute; left: 0; color: #F56500; font-weight: 700; }
.lp-features { list-style: none; padding: 0; margin: 20px 0 0; }
.lp-features li { padding: 8px 0 8px 30px; position: relative; color: #374151; font-size: 16px; }
.lp-features li:before { content: "\f00c"; font-family: FontAwesome; position: absolute; left: 0; color: #F56500; }
.faq-item { margin-bottom: 24px; }
.faq-item h3 { font-size: 19px; font-weight: 700; color: #1F2937; margin-bottom: 8px; }
/* Rozcestník kategorie — karty profesí */
.lp-cat-grid { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 28px; justify-content: center; }
.lp-cat-card { flex: 1 1 280px; max-width: 340px; background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 10px; padding: 24px; box-shadow: 0 4px 12px rgba(0,0,0,.05); }
.lp-cat-card h3 { font-size: 20px; font-weight: 700; color: #1F2937; margin: 0 0 10px; }
.lp-cat-card h3 a { color: #1F2937; text-decoration: none; }
.lp-cat-card h3 a:hover { color: #9A3412; }
.lp-cat-card p { font-size: 15px; color: #374151; line-height: 1.55; margin-bottom: 14px; }
.lp-cat-card .lp-cat-more { font-weight: 600; }

/* Horní pruh, menu a logo — sdílené css/marketing-header.css (#1723, ADR 0055) */

/* #1452 — sekční nadpisy ve stylu homepage (section-title), vycentrované */
.lp-section .section-title { text-align: center; max-width: 760px; margin: 0 auto; padding-bottom: 8px; }
.lp-section .section-title h2 { margin-top: 0; }
.lp-section .section-title p { color: #6B7280; }

/* #1452 — kroky „Jak to funguje" jako karty (komponenty team-thumb/feature-icon z homepage) */
.lp-step-card { background: #fff; border: 1px solid #E5E7EB; border-radius: 10px; padding: 28px 22px; text-align: center; height: 100%; box-sizing: border-box; box-shadow: 0 4px 12px rgba(0,0,0,.05); }
.lp-step-row { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 24px; margin-top: 12px; }
.lp-step-row > [class*="col-"] { display: flex; }
.feature-icon { width: 60px; height: 60px; background: #FFF3E8; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }
.feature-icon i { font-size: 24px; color: #F56500; }
.lp-step-card h3 { font-size: 17px; font-weight: 700; color: #1F2937; margin: 0 0 8px; }
.lp-step-num { font-size: 22px; font-weight: 800; color: #C2410C; }
.lp-step-card p { font-size: 14px; color: #6B7280; margin: 0; }

/* #1452 — odrážky „Co umí" ve dvou sloupcích (rytmus místo dlouhého sloupce textu) */
.lp-features-cols { display: flex; flex-wrap: wrap; }
.lp-features-cols .lp-features { flex: 1 1 320px; margin-top: 8px; padding-right: 16px; }

/* #1452 — živý widget na plnou šířku obsahu (max 720 px, centrovaný);
   doprovodný blok „Co v demu uvidíte" POD widgetem, ne v bočním sloupci */
.lp-widget-wrap { display: block; margin-top: 24px; }
.lp-widget-box { max-width: 720px; margin: 0 auto; background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 10px; padding: 18px; box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.lp-widget-side { max-width: 720px; margin: 28px auto 0; }
.lp-widget-side h3 { font-size: 19px; font-weight: 700; color: #1F2937; margin: 0 0 10px; }
.lp-widget-note { font-size: 13px; color: #6B7280; margin-top: 14px; }
.lp-category-link { display: inline-block; margin-top: 18px; font-weight: 600; }

/* #1683 (ADR 0053 Doplnění), #1684 — dva přehledy obsazenosti POD SEBOU přes celou šířku obsahu (každý s nadpisem
   sálu). Vedle sebe byl každý kontejner užší než hranice týdenní mřížky a na počítači se ukazoval jen seznam. */
.lp-occupancy-grid { display: flex; flex-direction: column; gap: 24px; margin-top: 24px; }
.lp-occupancy-box { width: 100%; background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 10px; padding: 18px; box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.lp-occupancy-box h3 { font-size: 17px; font-weight: 700; color: #1F2937; margin: 0 0 10px; text-align: center; }
.lp-occupancy-box .lp-widget-note { margin: 0 0 12px; text-align: center; }

/* #1585 — plošná nabídka „Nastavíme to s vámi. Zdarma." (znění shodné na všech landing stránkách) */
.lp-hero .hero-help { color: #374151; font-size: 14px; margin: 12px 0 0; }
#pomoc { background: #FFF7ED; }
#pomoc .lp-features li { color: #374151; }