/*
 * stranky/obsah-builder.css - most mezi znackami rendereru Builderu a tridami obsahovych stranek
 * MC Signature (D-022, D-037): sluzby, obory (prehled, obor, podobor), pribehy, napoveda, kontakt.
 *
 * Bloky kresli existujici renderer (cloudmc_builder_public_renderer.php) a vzhled nesou tridy
 * stranky v customClass (pmc-*, sl-*, ob-*, od-*). Obecne styly rendereru se na techto strankach
 * nevkladaji (assets/pmc/data/obsah-builder.php), tady jsou jen rozdily ve znackach:
 *   - sekce Builderu ma vnitrni <div class="cmc-b-container"> -> display: contents,
 *     takze mrizky a flex sekci stranky pracuji primo s bloky jako driv,
 *   - <figure> obrazku, <p> misto drivejsich <li>/<span> a obal tlacitek bez vychozich okraju,
 *   - polozky, ktere driv byly <li>/<span>, maji stejne hodnoty pres tridy bloku.
 * Zadne nove barvy ani rozmery: jen tokeny z pmc-tokens.css a hodnoty z puvodnich CSS stranek.
 */

/* ---------- Spolecne ---------- */
.cmc-b-section > .cmc-b-container { display: contents; }
figure.cmc-b-image { margin: 0; }
.pmc-bd-akce, .pmc-bd-polozka { margin: 0; }
.pmc-misto { display: none; } /* misto bez dat (neznamy klic) nic nezabira */

/* ---------- Kontakt: polozky "Nez se ozvete" (driv <li> v <ul class="pmc-kon-seznam">) ---------- */
.pmc-kon-seznam > .pmc-kon-polozka { display: list-item; margin: 0; }
.pmc-kon-seznam > .pmc-kon-polozka + .pmc-kon-polozka { margin-top: .6em; }

/* ---------- Napoveda: karty temat a odkazy do Centra napovedy (driv <span> v odkazu) ---------- */
.pmc-nap-kategorie__karta > b, .pmc-nap-odkazy a > b { font-weight: inherit; }
.pmc-nap-odkazy a:hover b:first-child { text-decoration: underline; }

/* ---------- Napoveda: caste otazky = blok FAQ Builderu ----------
   renderer: <section class="cmc-b-faq pmc-nap-skupina__seznam"><details><summary>otazka</summary><div>odpoved</div></details>
   hodnoty 1:1 z .pmc-nap-otazka / .pmc-nap-plus / .pmc-nap-odpoved (napoveda.css) */
.pmc-nap-skupina__seznam > details { border-bottom: 1px solid var(--pmc-linka); }
.pmc-nap-skupina__seznam > details:last-child { border-bottom: 0; }
.pmc-nap-skupina__seznam > details > summary {
  display: flex; justify-content: space-between; align-items: center; gap: 24px;
  min-height: 44px; padding: clamp(14px, 1vw, 24px) 0; cursor: pointer; list-style: none;
  font-size: var(--pmc-fs-h3); line-height: var(--pmc-lh-h3);
}
.pmc-nap-skupina__seznam > details > summary::-webkit-details-marker { display: none; }
/* plus (zavreno) / minus (otevreno): dve cary 2 px pres 18 x 18 px jako .pmc-nap-plus */
.pmc-nap-skupina__seznam > details > summary::after {
  content: ""; flex: 0 0 auto; width: 18px; height: 18px;
  background: linear-gradient(currentColor, currentColor) center / 100% 2px no-repeat,
              linear-gradient(currentColor, currentColor) center / 2px 100% no-repeat;
  transition: background-size .2s ease;
}
.pmc-nap-skupina__seznam > details[open] > summary::after { background-size: 100% 2px, 2px 0; }
.pmc-nap-skupina__seznam > details > div {
  max-width: 60em; margin: 0; padding: 0 0 clamp(18px, 1.4vw, 32px);
  font-size: var(--pmc-fs-text); line-height: var(--pmc-lh-text); color: var(--pmc-text-tlumeny);
}
.pmc-nap-skupina__seznam > details > div a { text-decoration: underline; color: var(--pmc-cerna); }
/* "Nic jsme nenasli": jen kdyz hledani nic nenajde (skript prida .is-videt) */
.pmc-nap-otazky .pmc-nap-zadny:not(.is-videt) { display: none; }

/* ---------- Sluzby: dlazdice panelu (driv cela dlazdice <a>, ted blok + roztazeny odkaz v popisu) ---------- */
.sl-panel__polozka { position: relative; }
.sl-panel__odkaz { text-decoration: none; }
.sl-panel__odkaz::after { content: ""; position: absolute; inset: 0; }
.sl-panel__odkaz:focus-visible { outline: none; }
.sl-panel__polozka:focus-within { border-bottom-color: var(--pmc-bila); outline: 2px solid var(--pmc-akcent); outline-offset: 3px; }
/* Ikona sluzby bez loga: obrazek misto inline SVG (rozmer .sl-ikona = 1.1em) */
.sl-deska.sl-deska--text .sl-ikona img { width: 100%; height: 100%; max-height: none; }
/* Sipka odkazu ven (driv <span aria-hidden>) */
.sl-ven i { font-style: normal; }
/* Rejstrik: blok Menu Builderu (<nav><strong>skupina</strong><a>...</a></nav>), hodnoty z .sl-rejstrik ul / __skupina */
.sl-rejstrik__menu { display: grid; gap: clamp(8px, .7vw, 16px); margin: 0 0 clamp(20px, 1.6667vw, 40px); }
.sl-rejstrik__menu > strong {
  font-size: var(--pmc-fs-maly); line-height: var(--pmc-lh-maly); font-weight: inherit;
  text-transform: uppercase; letter-spacing: .06em; color: var(--pmc-cerna);
}
/* Kroky spoluprace (driv <li> v <ol class="sl-kroky">) */
.sl-kroky > .sl-krok { display: grid; gap: clamp(8px, .625vw, 14px); align-content: start; }

/* Napoveda bez oddilu Tarify (web bez tarify.php, D-028): posledni karta temat doplni radek mrizky, aby nezustala dira. */
@media (min-width: 1025px) {
  .pmc-nap-kategorie > .pmc-bd-polozka:nth-child(3n+2):last-child { grid-column: span 2; }
}
@media (min-width: 761px) and (max-width: 1024px) {
  .pmc-nap-kategorie > .pmc-bd-polozka:nth-child(odd):last-child { grid-column: span 2; }
}