/* DREVNIK - celoweb. Zarovnani souvisleho textu do bloku.
   Navazuje na promenne z shop.css. */

/* ------------------------------------------------------------------ *
 * Zarovnani do bloku
 *
 * Do bloku se zarovnava jen souvisly text, a jen kdyz je sloupec dost
 * siroky. Mericem je sirka samotneho textoveho bloku (container query),
 * ne sirka okna - uzke karty v mrizkach tak zustanou zarovnane vlevo,
 * protoze v nich zarovnani do bloku deeluje velke mezery mezi slovy.
 *
 * Deleni slov je zapnute. Bez nej by v cestine vznikaly v blokovem
 * zarovnani prilis siroke mezery. Jazyk si prohlizec bere z atributu
 * lang="cs" na elementu <html>.
 * ------------------------------------------------------------------ */
.elementor-widget-text-editor,
.dks-proza,
.dks-lead,
.dks-detail__perex,
.dk-doprava,
.dk-pravni,
.elementor-widget-accordion .elementor-tab-content{container-type:inline-size}

/* Elementor sklada widgety do sloupcoveho flexu. Prvek s container-type hlasi
   nulovou vlastni sirku, takze si flex pri mereni vysky zalomi text po jednom
   slove na radek a rezervuje nekolikanasobek skutecne vysky. Na mobilu tim
   vznikala prazdna mista pres celou obrazovku. S pevnou sirkou mereni odpada. */
.elementor-widget-text-editor,
.elementor-widget-accordion .elementor-tab-content{width:100%}

@container (min-width:400px){
	.elementor-widget-text-editor p,
	.elementor-widget-text-editor li,
	.dks-proza p,
	.dks-proza li,
	.dks-lead p,
	.dks-detail__perex p,
	.dk-doprava p,
	.dk-doprava dd,
	.dk-doprava li,
	.dk-pravni p,
	.dk-pravni li,
	.elementor-widget-accordion .elementor-tab-content p,
	.elementor-widget-accordion .elementor-tab-content li{
		text-align:justify;
		text-justify:inter-word;
		-webkit-hyphens:auto;
		hyphens:auto;
		hyphenate-limit-chars:6 3 3;
	}
}

/* Paticka je vycet odkazu oddelenych teckami - tam blok nedava smysl. */
#drevnik-footer .elementor-widget-text-editor p{text-align:left;-webkit-hyphens:manual;hyphens:manual}

/* CRAFT - mrizka "Co v rade CRAFT najdete". Obal karty je flex sloupec, ktery
   se roztahne na vysku radku, ale bila karta uvnitr ne - pri ruzne dlouhych
   textech pak karty v radku nelici. Flex-grow je srovna. */
.elementor-element-2398f79 > .e-con > .e-con{flex-grow:1}

/* Popisky karet jsou uzsi nez 400 px, takze je container query vyse nechava
   vlevo. Majitel chce i tady blok - deleni slov drzi mezery v rozumnych mezich. */
.elementor-element-2398f79 .elementor-widget-text-editor p{
	text-align:justify;
	text-justify:inter-word;
	-webkit-hyphens:auto;
	hyphens:auto;
	hyphenate-limit-chars:6 3 3;
}

/* Dreviny - fotka drzi krok s textem.
   Sloupec s textem je u kazde dreviny vyrazne vyssi nez fotka vedle nej
   (u modrinu pres 2300 px proti 570 px). Pri svislem vystredeni visela fotka
   uprostred prazdneho sloupce. Lepi se proto k hornimu okraji a scrolluje
   s textem. Jen na desktopu - na tabletu a mobilu jsou sloupce pod sebou. */
@media (min-width:1025px){
	.elementor-element-c69230e,
	.elementor-element-845ccd2,
	.elementor-element-646303f{align-self:flex-start;position:sticky;top:32px}
}

/* Cookie lista - Complianz vypisuje zvlast odkaz na zasady ochrany osobnich
   udaju a zvlast na zasady cookies. Oboje u nas miri na tutez stranku, takze
   v liste byly dva stejne odkazy vedle sebe. Schovavame ten druhy. Odkazy
   "Spravovat moznosti/sluzby/prodejce" nesou stejnou tridu, proto vyjimka. */
.cmplz-cookiebanner a.cmplz-link.cookie-statement:not([class*="cmplz-manage"]):not(.tcf){display:none !important}

/* Proklikatelne nadpisy karet - podtrzeni az pri najeti, aby karta zustala klidna. */
.elementor-widget-heading .elementor-heading-title a{color:inherit;text-decoration:none}
.elementor-widget-heading .elementor-heading-title a:hover,
.elementor-widget-heading .elementor-heading-title a:focus-visible{text-decoration:underline;text-underline-offset:3px}