/* web_066eebd919d04d11a0af816eb8ee69ae core-sitewide.css */
/* Hlavička + celoobrazovkové menu (symboly hlavicka, menuPolozka, menuPodpolozka, menuMobilPolozka, menuMobilPodpolozka).
   Převzato z původních stylů .sc-legacy, aby symboly zůstaly editovatelné a tlačítka ze styleguide se nerozbila. */
#site-header,#nav-overlay{font-family:'URW Grotesk',system-ui,sans-serif}
#site-header{position:fixed;transition:background-color .3s ease,top .3s ease}
#site-header.bg-dark{background:#22262e}
#site-header nav{font-size:14px;line-height:20px}
#site-header a{text-decoration:none}
@media (max-width:767px){#site-header>div{padding-top:16px;padding-bottom:16px}#site-header>div>a>img{height:40px}}

/* položky v hlavičce */
.header-nav-link{position:relative;display:inline-flex;padding:4px 0 6px;color:rgba(255,255,255,.78);transition:color .35s ease}
.header-nav-text-wrap{position:relative;display:inline-block;overflow:hidden;line-height:1.1;font-weight:500;letter-spacing:-.005em;padding:.22em 0 .14em;margin:-.22em 0 -.14em}
.header-nav-base,.header-nav-up{display:block;transition:transform .5s cubic-bezier(.16,.84,.3,1);white-space:nowrap}
.header-nav-up{position:absolute;inset:0;transform:translateY(110%);color:#fbc736;padding:inherit}
.header-nav-link:hover .header-nav-base{transform:translateY(-135%)}
.header-nav-link:hover .header-nav-up{transform:translateY(0)}
.header-nav-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:#fbc736;transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.16,.84,.3,1)}
.header-nav-link:hover .header-nav-line{transform:scaleX(1)}
.header-nav-active .header-nav-base{color:#fbc736}
.header-nav-active .header-nav-line{transform:scaleX(1)}
.header-nav-link:not([href]),.header-nav-link[href=""]{cursor:default}

/* rozbalovací panel */
.header-nav-dropdown{position:relative}
.header-nav-dropdown-panel{position:absolute;top:100%;padding-top:16px;left:50%;width:min(380px,calc(100vw - 2rem));transform:translateX(-50%) translateY(10px);opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,.84,.3,1),transform .45s cubic-bezier(.16,.84,.3,1);z-index:60}
.header-nav-dropdown:hover .header-nav-dropdown-panel,.header-nav-dropdown:focus-within .header-nav-dropdown-panel,.header-nav-dropdown.is-open .header-nav-dropdown-panel{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
@media (max-width:1023px){.header-nav-dropdown-panel{display:none}}
.edu-panel{background:rgba(34,38,46,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 48px rgba(0,0,0,.35);padding:1.25rem 1.35rem 1.1rem}
.edu-link{display:grid;grid-template-columns:1fr 6rem .9rem;align-items:baseline;column-gap:1rem;padding:.62rem .5rem;margin:0 -.5rem;border-radius:4px;color:rgba(255,255,255,.82);transition:background .3s ease,color .3s ease,transform .35s cubic-bezier(.16,.84,.3,1)}
.edu-link:hover,.edu-link:focus-visible{background:rgba(251,199,54,.1);color:#fff;transform:translateX(4px);outline:0}
.edu-link-title{font-weight:500;letter-spacing:-.01em;white-space:nowrap}
.edu-link-meta{text-align:right;white-space:nowrap;justify-self:end;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.38);transition:color .3s ease}
.edu-link:hover .edu-link-meta,.edu-link:focus-visible .edu-link-meta{color:#fbc736}
.edu-link-arrow{opacity:0;transform:translateX(-6px);color:#fbc736;transition:opacity .3s ease,transform .35s cubic-bezier(.16,.84,.3,1);font-size:.85rem}
.edu-link:hover .edu-link-arrow,.edu-link:focus-visible .edu-link-arrow{opacity:1;transform:translateX(0)}

/* pravá strana hlavičky */
.hl-jazyk{font-size:12px;font-weight:700;letter-spacing:.12em;line-height:18px}
.hl-jazyk a{color:#fff;transition:color .2s ease}
.hl-jazyk a:hover{color:#fbc736}
.hl-jazyk .hl-sep{color:rgba(255,255,255,.4)}
.hl-jazyk .hl-aktivni{color:#fbc736}
#site-header .hl-cta>a{padding:18px 28px!important}
#menu-toggle{color:#fff;background:none;border:0;cursor:pointer;transition:color .2s ease}
#menu-toggle:hover{color:#fbc736}

/* celoobrazovkové menu – pod otevřeným menu rozmazaná stránka (82% tmavá vrstva + blur 24 px), aby byl text čitelnější (21. 10.) */
#nav-overlay.hidden{display:none}
.nav-overlay{pointer-events:none}
.nav-overlay.open{pointer-events:auto}
.nav-overlay .nav-backdrop{background:rgba(34,38,46,.82);-webkit-backdrop-filter:blur(24px) saturate(.9);backdrop-filter:blur(24px) saturate(.9);opacity:0;transition:opacity .55s cubic-bezier(.16,.84,.3,1)}
.nav-overlay.open .nav-backdrop{opacity:1}
.nav-overlay .nav-panel{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s cubic-bezier(.16,.84,.3,1)}
.nav-overlay.open .nav-panel{opacity:1;transform:translateY(0)}
#menu-close{background:rgba(255,255,255,.05);color:#fff;border:0;border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .3s ease,color .3s ease}
#menu-close:hover{background:rgba(255,255,255,.15);color:#fbc736}
#nav-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
@media (min-width:640px){#nav-list{gap:12px}}
@media (min-width:768px){#nav-list{gap:20px}}
@media (max-width:767px){#nav-list{gap:14px}}
#nav-list:hover .nav-link{opacity:.3;transition:opacity .35s ease}
#nav-list:hover .nav-link:hover,#nav-list .nav-link.is-hover,#nav-list>li:hover>.nav-link{opacity:1}
.nav-link{position:relative;display:inline-flex;align-items:baseline;gap:0;color:rgba(255,255,255,.95);transition:opacity .35s ease,transform .5s cubic-bezier(.16,.84,.3,1);padding-bottom:6px}
.nav-link:hover,.nav-link.is-hover{transform:translateX(18px)}
.nav-link:not([href]),.nav-link[href=""]{cursor:default}
.nav-text-wrap{position:relative;display:inline-block;overflow:hidden;font-weight:600;letter-spacing:-.03em;font-size:2.25rem;line-height:1.05;padding:.22em 0 .14em;margin:-.22em 0 -.14em}
@media (min-width:640px){.nav-text-wrap{font-size:2.75rem}}
@media (min-width:768px){.nav-text-wrap{font-size:4.25rem}}
@media (max-width:767px){.nav-text-wrap{font-size:1.625rem!important;font-weight:400!important;letter-spacing:-.02em}}
@media (min-width:640px) and (max-width:767px){.nav-text-wrap{font-size:2rem!important}}
.nav-text-base,.nav-text-hover{display:block;transition:transform .55s cubic-bezier(.16,.84,.3,1);white-space:nowrap}
.nav-text-hover{position:absolute;inset:0;transform:translateY(110%);color:#fbc736;letter-spacing:-.03em;padding:inherit}
.nav-link:hover .nav-text-base,.nav-link.is-hover .nav-text-base{transform:translateY(-135%)}
.nav-link:hover .nav-text-hover,.nav-link.is-hover .nav-text-hover{transform:translateY(0)}
.nav-link .nav-arrow{display:none}
.nav-line{position:absolute;left:2.4rem;right:0;bottom:-4px;height:2px;background:#fbc736;transform:scaleX(0);transform-origin:left center;transition:transform .55s cubic-bezier(.16,.84,.3,1)}
.nav-link:hover .nav-line,.nav-link.is-hover .nav-line{transform:scaleX(1)}
.edu-mobile-sub{display:flex;flex-direction:column;gap:.1rem;padding-left:0;margin-top:.6rem;margin-bottom:1rem;transition:opacity .35s ease}
#nav-list:hover .edu-mobile-sub,#nav-list:has(.nav-link.is-hover) .edu-mobile-sub{opacity:.3}
#nav-list>li:hover .edu-mobile-sub,#nav-list>li:has(.nav-link.is-hover) .edu-mobile-sub{opacity:1}
.edu-mobile-sub a{display:inline-flex;align-items:center;gap:.7rem;width:fit-content;font-weight:400;letter-spacing:-.01em;font-size:1.25rem;color:rgba(255,255,255,.72);padding:.4rem 0;transition:color .3s ease,transform .5s cubic-bezier(.16,.84,.3,1)}
@media (min-width:768px){.edu-mobile-sub a{font-size:1.5rem}}
@media (max-width:767px){.edu-mobile-sub a{font-size:1.0625rem;padding:.3rem 0}}
.edu-mobile-sub a::before{content:"";width:6px;height:6px;border-radius:999px;background:#fbc736;flex:none;transition:opacity .3s ease,transform .5s cubic-bezier(.16,.84,.3,1)}
.edu-mobile-sub a:hover{color:#fbc736;transform:translateX(8px)}
.edu-mobile-meta{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fbc736;white-space:nowrap}
@media (max-width:767px){.edu-mobile-meta{font-size:10px}}
.jazyk-prepinac{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.05)}
.jazyk-prepinac button{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:56px;padding:0 16px;border:0;border-radius:999px;background:0 0;color:rgba(255,255,255,.8);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}
.jazyk-prepinac button:hover{color:#fff;background:rgba(255,255,255,.1)}
.jazyk-prepinac button[aria-pressed=true]{background:#fbc736;color:#1a1a1a}
.jazyk-prepinac button:focus-visible{outline:2px solid #fbc736;outline-offset:2px}

/* levý sloupec menu: kontakty, tlačítka, sítě */
.hl-levy{border-top:1px solid rgba(255,255,255,.1)}
@media (min-width:768px){.hl-levy{border-top:0}.hl-mobil-nav{border-left:1px solid rgba(255,255,255,.1);padding-left:48px}}
.hl-kontakt{color:#fff}
.hl-kontakt .hl-label{font-size:10px!important;line-height:15px!important;font-weight:400!important;letter-spacing:.25em;text-transform:uppercase;color:rgba(255,255,255,.4)!important;margin:24px 0 8px}
.hl-kontakt .hl-label:first-child{margin-top:0}
.hl-kontakt p:not(.hl-label){font-size:14px!important;line-height:1.625!important;font-weight:300!important;color:#fff!important}
.hl-kontakt a{color:inherit;transition:color .2s ease}
.hl-kontakt a:hover{color:#fbc736}
.hl-kontakt em{font-style:normal;color:rgba(255,255,255,.4)}
@media (min-width:768px){.hl-kontakt .hl-label{margin:32px 0 12px}.hl-kontakt p:not(.hl-label){font-size:16px!important;line-height:24px!important}}
#nav-overlay .hl-tlacitka>a{padding:14px 20px!important;line-height:24px!important;flex:1 1 auto;text-align:center}
.hl-socialni{font-size:12px;line-height:16px;color:rgba(255,255,255,.5)}
.hl-socialni a{color:inherit;transition:color .2s ease}
.hl-socialni a:hover{color:#fbc736}

/* V editoru drží statický vzhled položek menu třídy (translate-y, scale-x-0, opacity-0).
   Na webu animuje tento kód přes transform, proto se třídní translate/scale vypínají. */
.header-nav-base,.header-nav-up,.header-nav-line,.header-nav-dropdown-panel{translate:none;scale:none}

/* Dlouhý název (Povinně zveřejňované informace) nesmí rozšířit sloupec a posunout šipku k okraji panelu. */
.edu-link,.sc-legacy .edu-link{grid-template-columns:minmax(0,1fr) 6rem .9rem}

/* Položky celoobrazovkového menu se na desktopu vejdou do výšky okna bez rolování (jako na lokále, Lukáš 21. 10.).
   Písmo, mezery i podpoložky se řídí výškou okna (vh), na vysokých monitorech zůstávají původní 68 / 20 px. */
@media (min-width: 768px) {
  #nav-overlay .nav-panel > div { padding-top: clamp(64px, 10vh, 96px); padding-bottom: clamp(24px, 4vh, 40px); }
  #nav-overlay .nav-text-wrap { font-size: clamp(1.75rem, 4.1vh, 4.25rem); }
  #nav-overlay #nav-list { gap: clamp(4px, 1vh, 20px); }
  #nav-overlay .edu-mobile-sub { margin-top: clamp(4px, .8vh, .6rem); margin-bottom: clamp(6px, 1.1vh, 1rem); }
  #nav-overlay .edu-mobile-sub a { font-size: clamp(1rem, 2vh, 1.5rem); padding-top: clamp(2px, .3vh, .4rem); padding-bottom: clamp(2px, .3vh, .4rem); }
}
/* Hlavička při načtení nesjíždí shora: bez přechodu na top a s místem pro lištu aktualit od prvního vykreslení.
   Lištu vkládá až skript v patičce, třídu sc-lista-predem nastavuje blok „Hlavička – pevná … (chování)“. */
html #site-header { transition: background-color .3s ease; }
html.sc-lista-predem { --aktuality-h: 48px; }
html.sc-lista-predem body { padding-top: var(--aktuality-h); }
html.sc-lista-predem #site-header { top: var(--aktuality-h); }
html.sc-lista-predem body::before { content: ""; position: fixed; top: 0; left: 0; right: 0; height: var(--aktuality-h); background: #fbc736; z-index: 59; }

/* Na lokále je logo v řádkovém bloku, pod obrázkem zůstává ~8 px (dolní dotažnice písma) + 24 px odstup.
   V patičce symbolu je odstup přímo na odkazu, proto ho zvětšíme o těch 8 px, ať sloupce sedí na pixel. */
footer a[aria-label$="domů"] { margin-bottom: 32px !important; }
/* Lukáš 21. 10.: od tabletu jsou dvě tlačítka vždy vedle sebe a text v jednom řádku. V úzkém sloupci
   (tablet, malý notebook) se proto zmenší odsazení i písmo tlačítek, ne jejich počet na řádek.
   Platí pro tlačítka ze styleguide (symbol Button), ne pro hlavičku a menu. */
@media (min-width: 768px) {
  div[class*="flex"]:has(> a.inline-flex.justify-center[class*="--sp-padding-x"]):not(:has(> :not(a))):not(#site-header *):not(#nav-overlay *) { flex-direction: row !important; flex-wrap: nowrap; }
}
@media (min-width: 768px) and (max-width: 1279px) {
  a.inline-flex.justify-center[class*="--sp-padding-x"]:not(#site-header *):not(#nav-overlay *) { padding: 16px clamp(14px, 2vw, 24px) !important; font-size: 15px !important; }
}
@media (min-width: 768px) and (max-width: 899px) {
  a.inline-flex.justify-center[class*="--sp-padding-x"]:not(#site-header *):not(#nav-overlay *) { padding: 14px 12px !important; font-size: 14px !important; }
  div[class*="flex"]:has(> a.inline-flex.justify-center[class*="--sp-padding-x"]):not(#site-header *):not(#nav-overlay *) { gap: 8px !important; }
}
/* výjimka: úvod podstránky na výškovém tabletu má tlačítka velká jako na desktopu (Lukáš 26. 10.) */
@media (min-width: 768px) and (max-width: 1100px) and (orientation: portrait) {
  .hero-podstranka .hero-pod-text > div > a.inline-flex.justify-center:not(#site-header *):not(#nav-overlay *) { padding: 20px 32px !important; font-size: 16px !important; }
}
/* prázdný box na chyby celého formuláře, který vkládá Solidpixels, nesmí zabrat první buňku mřížky */
.pu-formular > [data-error-id] { grid-column: 1 / -1; }
.pu-formular > [data-error-id]:empty { display: none; }
/* Prohlášení o přístupnosti: pomlčka u bodů a podtržení odkazů v textu. */
.prohlaseni-bod { position: relative; padding-left: 22px; }
.prohlaseni-bod::before { content: "—"; position: absolute; left: 0; color: #fbc736; }
.prohlaseni a { color: #1a1a1a; text-decoration: none; border-bottom: 1px solid rgba(26,26,26,.25); transition: border-color .2s; }
.prohlaseni a:hover { border-color: #fbc736; }
/* Karty Losíkova roku: zaoblení 12 px jako ostatní karty na webu */
.fan-tile { border-radius: 12px; overflow: hidden; }
/* kotvy se zastaví pod hlavičkou a lištou aktualit; --sc-kotva počítá skript podle jejich skutečné výšky */
html { scroll-padding-top: var(--sc-kotva, 160px); }
[id] { scroll-margin-top: 0 !important; }
/* povinná pole: červená hvězdička u názvu */
.pu-formular div:has(> input[required], > select[required], > textarea[required]) > label::after { content: "*"; margin-left: 3px; color: #c62828; }
/* chyba: celé pole s červeným rámem, pod ním hláška s ikonou (jen po neúspěšném odeslání) */
.pu-formular div:has(> [data-error-id]:not(:empty)) > :is(input, select, textarea) { border-color: #c62828 !important; box-shadow: inset 0 0 0 1px #c62828; }
.pu-formular [data-error-id]:empty { display: none; }
.pu-formular span[data-error-id]:not(:empty), .pu-formular > div[data-error-id]:not(:empty) { display: flex; align-items: flex-start; gap: 6px; margin-top: 7px; font-size: 13px; line-height: 18px; font-weight: 500; color: #c62828; }
.pu-formular span[data-error-id]:not(:empty)::before, .pu-formular > div[data-error-id]:not(:empty)::before { content: ""; flex: none; width: 16px; height: 16px; margin-top: 1px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 1 21.5h22L12 2.5Zm-1 7h2v6h-2v-6Zm0 8h2v2h-2v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 1 21.5h22L12 2.5Zm-1 7h2v6h-2v-6Zm0 8h2v2h-2v-2Z'/%3E%3C/svg%3E") center / contain no-repeat; }
/* potvrzení odeslání: zelené, hned pod tlačítkem (skript ho přesune do formuláře) */
.pu-formular [data-form-success] { grid-column: 1 / -1; display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 8px !important; width: 100%; padding: 12px 14px !important;
  border: 1px solid #1b7a3d; border-radius: 8px !important; background: #edf7f0; color: #14632f; font-size: 14px; line-height: 20px; font-weight: 500; text-align: left; }
.pu-formular [data-form-success]::before { content: "✓"; flex: none; font-weight: 700; }
.pu-formular [data-form-success] p { margin: 0; color: inherit; font-size: inherit; line-height: inherit; text-align: left; }
/* poznámky pod tlačítkem v běžné větné sazbě */
.pu-formular > button[type=submit] ~ p { margin-bottom: 0 !important; text-transform: none !important; letter-spacing: normal !important; font-size: 12px !important; line-height: 18.85px !important; color: rgba(26,26,26,.55) !important; }
.pu-formular > p.form-gdpr { margin-top: -8px !important; text-align: center; }
/* obrázek z lišty aktualit v okně */
.sc-okno-obrazek { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 16px; border: 0; background: transparent; }
.sc-okno-obrazek[open] { display: flex; align-items: center; justify-content: center; }
.sc-okno-obrazek::backdrop { background: rgba(0,0,0,.8); }
.sc-okno-obrazek img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; border-radius: 8px; }
.sc-okno-obrazek button { position: fixed; top: 16px; right: 16px; width: 44px; height: 44px; border: 0; border-radius: 8px; background: #fff; color: #1a1a1a; font-size: 20px; line-height: 1; cursor: pointer; }
.sc-okno-obrazek button:focus-visible { outline: 2px solid #fbc736; outline-offset: 2px; }
/* sociální sítě v patičce */
.paticka-soc { transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.paticka-soc:hover { background: #fbc736; border-color: #fbc736 !important; color: #1a1a1a !important; }
.paticka-soc svg { display: block; width: 20px; height: 20px; }
/* viditelný fokus při ovládání klávesnicí: tmavý a žlutý rámeček je vidět na světlém, tmavém i žlutém pozadí */
:is(a[href], button, summary, video[controls], [role=button], [tabindex]:not([tabindex="-1"])):focus-visible { outline: 2px solid #fbc736 !important; outline-offset: 2px !important; box-shadow: 0 0 0 2px #1a1a1a !important; }
:is(input, select, textarea):focus-visible { outline: 2px solid #1a1a1a !important; outline-offset: 1px !important; }
a.aktuality-bezici:focus-visible, .aktuality-zavrit:focus-visible { outline: 2px solid #1a1a1a !important; outline-offset: -2px !important; box-shadow: none !important; }
/* kontakty: popisek vždy na jednom řádku, hodnoty v jednom sloupci podle nejdelšího popisku; na mobilu popisek nad hodnotou */
.navsteva-radky > div > :first-child { width: auto !important; white-space: nowrap; }
@media (min-width: 640px) {
  .navsteva-radky { display: grid !important; grid-template-columns: max-content minmax(0, 1fr); }
  .navsteva-radky > div { display: grid !important; grid-template-columns: subgrid; grid-column: 1 / -1; }
}
@media (max-width: 639px) {
  .navsteva-radky > div { flex-direction: column !important; gap: 4px !important; }
}
/* jednotná obsahová osa jako hlavička a patička: 1520 px (kontejner 1600 px s vlastním odsazením 40 px má stejnou šířku obsahu) */
section > .max-w-\[1600px\]:not([class*="px-"]), section .max-w-\[1200px\] { max-width: 1520px !important; }
.grid:has(> div > form.pu-formular) > div:first-child { padding-left: 0 !important; }
@media (min-width: 1024px) {
  .grid > .lg\:col-start-1.lg\:px-20 { padding-left: max(80px, calc((100vw - 1520px) / 2)) !important; }
}
/* Nadpisy se píšou v editoru jako běžný text: podtržená část dostane na webu tah štětcem, kurzíva = žlutý text bez sklonu */
:is(h1,h2,h3) u { text-decoration: none; position: relative; z-index: 0; white-space: nowrap; }
:is(h1,h2,h3):not(#hero-title) u::after { content: ""; position: absolute; z-index: -1; left: .025em; top: .45em; width: 108%; height: 1.57em;
  background: url(https://cdn-files.app.solidpixels.com/s/fat_54244c66972b42a6a3cbbbbd208c6a67/stetec.svg) no-repeat center/100% 100%; transform: rotate(-2.2deg); pointer-events: none; }
#hero-title .tah u { white-space: inherit; }
:is(h1,h2,h3) em { font-style: normal; color: #fbc736; }

/* hero podstránek: tah pod druhým řádkem jako dřív u .tah */
.hero-podstranka h1 u::after { left: .16em !important; top: .76em !important; width: calc(100% + .1em) !important; height: .92em !important; transform: none !important; }

/* doodle za editovatelným nadpisem: nadpis i kresba v jednom řádku textu, kresba sedí za posledním slovem (jako dřív uvnitř nadpisu) */
.nadpis-s-doodlem { display: block !important; }
.nadpis-s-doodlem > :is(h1,h2,h3) { display: inline-block; vertical-align: baseline; max-width: 100%; }
/* tah štětcem přesahuje text o ~0,26 em – rezerva, aby to skript přizpůsobující nadpis šířce nebral jako přetečení */
.hero-podstranka .nadpis-s-doodlem > h1 { padding-right: .3em; }
.nadpis-s-doodlem > .doodle-nadpis { display: inline-block; width: auto; vertical-align: baseline; pointer-events: none; }
.nadpis-s-doodlem > .doodle-nadpis:not([src]), .nadpis-s-doodlem > .doodle-nadpis[src=""] { display: none; }
/* velikost kresby ≈ 1,25 × velikost písma nadpisu, posun nahoru ≈ 0,32 × písmo */
.hero-podstranka .nadpis-s-doodlem > .doodle-nadpis { height: 38px; margin-left: 0; transform: translateY(-12px) rotate(8deg); }
.sekce-moment-vize .nadpis-s-doodlem > .doodle-nadpis { height: 31px; margin-left: 8px; transform: translateY(-10px) rotate(8deg); }
@media (min-width: 768px) {
  .hero-podstranka .nadpis-s-doodlem > .doodle-nadpis { height: 60px; transform: translateY(-15px) rotate(8deg); }
  .sekce-moment-vize .nadpis-s-doodlem > .doodle-nadpis { height: 50px; margin-left: 11px; transform: translateY(-13px) rotate(8deg); }
}
@media (min-width: 1024px) { .hero-podstranka .nadpis-s-doodlem > .doodle-nadpis { height: 85px; transform: translateY(-22px) rotate(8deg); } }

/* víceřádkový nadpis H2 s kresbou: nadpis teče jako text, kresba sedí hned za posledním slovem.
   Písmo obalu = písmo nadpisu (30 / 48 px), kresba je v em. Výšku řádků určuje jen nadpis (line-height obalu 0),
   záporný margin nahoře – kresba nezvětšuje výšku řádku */
.nadpis-s-doodlem--v-textu { font-size: 30px; line-height: 0; }
.nadpis-s-doodlem--v-textu > :is(h2,h3) { display: inline; }
.nadpis-s-doodlem--v-textu > .doodle-nadpis { height: 1.05em; margin-left: .28em; margin-top: -.6em; transform: translateY(-.32em) rotate(8deg); }
@media (min-width: 768px) {
  .nadpis-s-doodlem--v-textu { font-size: 48px; }
  .nadpis-s-doodlem--v-textu > .doodle-nadpis { height: 1.25em; }
}