/* Doplňky, které v dodané verzi neexistovaly.
   Nahrává se jako poslední, aby nic z převzatého designu nepřepisovalo dřív, než
   je načtené. Barvy jsou z palety návrhu: červená #d92c2b, žlutá #f9c13e,
   tmavě zelená #193531. */

/* --- přepínač jazyků -----------------------------------------------------
   Ve stejném duchu jako na gregurek.com: glóbus a název jazyka v rozbalovací
   nabídce. Dodaná verze měla na tomhle místě widget Polylangu s vlaječkou
   španělštiny; vlajky tu nejsou schválně, jazyk není totéž co země.

   Rozbaluje to <details>, takže nabídka funguje bez javascriptu. */

.his-lang-switch {
	position: relative;
}

.his-lang-switch summary {
	display: flex;
	align-items: center;
	gap: 7px;
	cursor: pointer;
	color: #193531;
	font-size: 0.9rem;
	line-height: 1;
	white-space: nowrap;
	list-style: none;          /* trojúhelníček prohlížeče pryč */
}

.his-lang-switch summary::-webkit-details-marker,
.his-lang-switch summary::marker {
	display: none;
	content: '';
}

.his-lang-switch summary:hover,
.his-lang-switch summary:focus-visible {
	color: #d92c2b;
}

.his-lang-globe {
	flex-shrink: 0;
}

.his-lang-chevron {
	flex-shrink: 0;
	transition: transform 0.15s ease;
}

.his-lang-switch[open] .his-lang-chevron {
	transform: rotate(180deg);
}

/* Nabídka */
.his-lang-switch ul {
	position: absolute;
	right: 0;
	top: calc(100% + 12px);
	z-index: 9999;
	/* Podle obsahu, ne napevno: „Slovenčina" a „CS – Čeština" jsou různě dlouhé
	   a nabídka měn je proti jazykům útlá. */
	width: max-content;
	min-width: 170px;
	margin: 0;
	padding: 8px 0;
	list-style: none;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 6px 24px rgba(25, 53, 49, 0.14);
}

.his-lang-switch ul li {
	margin: 0;
}

.his-lang-switch ul a,
.his-lang-switch ul span {
	display: flex;
	align-items: center;
	/* Zarovnání zleva schválně: dodaný stylopis dává odkazům ve widgetech
	   space-between a řádek by se roztáhl přes celou šířku nabídky. */
	justify-content: flex-start;
	gap: 8px;
	padding: 9px 20px;
	font-size: 0.9rem;
	line-height: 1.3;
	white-space: nowrap;
	text-decoration: none;
	color: #193531;
}

/* Vlaječka drží výšku řádku (nezvětšuje položku) a nesmršťuje se, když je
   název jazyka delší. Tenký obrys kolem ní je kvůli české a slovenské vlajce —
   bílým pruhem by se na bílém pozadí nabídky ztratily. */
.his-lang-flag {
	flex: none;
	width: 1.35em;
	height: calc(1.35em / 1.5);
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(25, 53, 49, 0.15);
}

.his-lang-switch ul a:hover,
.his-lang-switch ul a:focus-visible {
	color: #d92c2b;
	background: #fff7e9;
}

.his-lang-switch ul .is-active {
	color: #d92c2b;
	font-weight: 600;
}

/* Jazyk bez obsahu musí být poznat i bez barvy — samotné zašednutí by nestačilo
   tomu, kdo barvy nerozlišuje. */
.his-lang-switch ul .is-disabled {
	color: #a8a8a8;
	cursor: not-allowed;
	text-decoration: line-through;
	text-decoration-thickness: 1px;
}

/* Poznámka pod cenou v cizí měně. Tlumeně a kurzívou: je to výhrada k číslu
   nad ní, ne sdělení samo o sobě — ale musí být čitelná (tmavší šedá, ne #a8a8a8,
   který na bílé dává kontrast 2,2 : 1). */
.his-price-note {
	margin: 8px 0 0;
	font-size: 0.8rem;
	font-style: italic;
	line-height: 1.5;
	color: #5a6764;
}

/* Jazyk a měna stojí v hlavičce vedle sebe, ne pod sebou: sekce widgetu je
   v dodaném designu blok a druhý přepínač by se zalomil na další řádek. */
.widget_hispanica_lang {
	display: flex;
	align-items: center;
	gap: 14px;
}

/* Přepínač měny stojí hned vedle jazyka a vypadá stejně; liší se jen tím, že
   místo vlaječky nese symbol měny. */
.his-currency-switch .his-currency-symbol {
	display: inline-block;
	min-width: 1.35em;
	text-align: center;
}

/* Dodaný stylopis dává span ve widgetech vlastní rozměry (display: flex,
   odsazení), takže se z „CS – Čeština" stal roztažený řádek. Kousky popisku se
   proto chovají jako obyčejný text. */
.his-lang-switch ul a > span,
.his-lang-switch ul > li > span > span {
	display: inline-block;
	flex: none;
	width: auto;
	margin: 0;
	padding: 0;
}

.his-lang-switch .his-lang-sep {
	color: #a8a8a8;
}

/* Zkratka v nabídce zůstává v běžné tloušťce: tučné je jen to, co je zvolené,
   a čtyři tučné zkratky pod sebou vypadaly, jako by byly vybrané všechny. */
.his-lang-abbr {
	letter-spacing: 0.02em;
}

/* V zavřeném přepínači je jen zkratka (CS, EUR). Celý název jazyka bral
   v hlavičce místo, které potřebuje nabídka kurzů — a čtyři jazyky vedle měny
   by se na užší displej nevešly vůbec. */
.his-lang-code {
	font-weight: 600;
	letter-spacing: 0.02em;
}

@media (max-width: 1220px) {
	.his-lang-switch summary {
		gap: 5px;
		font-size: 0.85rem;
	}
}

/* --- zápisový formulář ---------------------------------------------------- */

/* Past na roboty. Nesmí zmizet přes display:none — část botů takové pole pozná
   a přeskočí; tohle ho odsune mimo obraz, ale v DOM zůstane "vyplnitelné". */
.his-honeypot-wrap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.his-field-order_anexo[hidden] {
	display: none;
}

.forminator-error-message {
	display: block;
	margin-top: 4px;
	color: #d92c2b;
	font-size: 0.85rem;
}

.his-field-address.is-required .forminator-label::after {
	content: ' *';
	color: #d92c2b;
}

/* Otevřený modál nesmí nechat scrollovat stránku pod sebou. */
body.his-modal-open {
	overflow: hidden;
}

/* --- prázdný výpis kurzů -------------------------------------------------
   Dodaná verze tuhle situaci neřešila (kurzy tam byly vždy). Bez toho by
   stránka vypadala rozbitě v období, kdy není do čeho se zapsat. */
.his-courses-empty {
	padding: 24px;
	background: #fff7e9;
	border-left: 3px solid #f9c13e;
	border-radius: 6px;
}

/* --- hero na podstránkách -------------------------------------------------
   Obrazec elements-courses-hero.svg je 1440x754. Šablona od Pointusu mu dává
   `background-size: 100% !important`, takže se roztáhne na šířku a zůstane
   vysoký 754 px — ale hero blok je na podstránkách vyšší (DELE 1042 px,
   docházkové kurzy 936 px). Pod obrazcem tak zbyde pruh bílé a levý i pravý
   obrazec končí uprostřed stránky ostrou hranou. Na úvodní stránce to vidět
   není, protože tam hned pod hero začíná šedý pás.

   `cover` (co předepisuje jejich vlastní návrh) to neřeší: obrazec se zvětší
   tak, že z dekorace zůstane u kraje jen tenký pruh — proto tam ten !important
   nejspíš je.

   Řešení: velikost obrazce zůstává, jen jeho spodní hrana plynule zmizí do bílé.
   Výška přechodu se odvozuje z proporcí obrazce (754/1440 = 52,36 % šířky),
   takže sedí na jakékoli šířce okna. */
.courses-hero {
	position: relative;
}

.courses-hero::after {
	content: '';
	position: absolute;
	inset: 0 0 auto 0;
	padding-top: 52.36%;          /* dosahuje přesně na spodní hranu obrazce */
	pointer-events: none;         /* ať to nebere kliky obsahu pod sebou */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) calc(100% - 160px), #fff 100%);
}

/* Obsah hero bloku musí zůstat nad přechodem. */
.courses-hero > * {
	position: relative;
	z-index: 1;
}

/* Galerie na „O nás" a „Kontakty" posouvá stránku do strany na tabletu.

   Dodaná verze dělá mezery mezi obrázky okapem: každá položka má vpravo
   `padding` (20 px na kontaktech, 30 px na „O nás") a galerie ten okap poslední
   sloupci odečte záporným `margin-right`. Obrázky tím sedí přesně na okraj
   obsahu — jenže galerie je o šířku okapu širší než rodič. Na desktopu se
   přebytek vejde do odsazení stránky, na tabletu je odsazení jen 20 px, takže
   část trčí ven a stránkou jde posunout do strany.

   Přesah je průhledná výplň, žádný obsah v něm není. Necháváme ho tedy být
   a jen mu bráníme počítat se do šířky stránky. `clip` (na rozdíl od `hidden`)
   nezakládá posuvnou oblast, takže se rozvržení nijak nemění — ověřeno, že
   obrázky mají na 390/820/1024/1440 px stejné rozměry i pozice jako v dodané
   verzi.

   Řeší to obě galerie bez ohledu na to, jaký okap má která nastavený. */
.elementor-image-gallery {
	overflow-x: clip;
}

/* Záložky nad kartami „Probíhající zápisy".

   Období je dneska hodně (semestrální, opakovací, víkendová, dětská), takže se
   pod sebou ztrácela. Barvy a rádiusy jsou z dodaného designu: červená
   --e-global-color-astglobalcolor0, tmavě zelená ...color2, světlé pozadí
   ...color5. */
.his-semester-tabs__list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 24px;
}

.his-semester-tab {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border: 1px solid #e4e4e4;
	border-radius: 999px;
	background: #fff;
	color: var(--e-global-color-astglobalcolor2, #193531);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.his-semester-tab:hover {
	border-color: var(--e-global-color-astglobalcolor0, #d92c2b);
	color: var(--e-global-color-astglobalcolor0, #d92c2b);
}

.his-semester-tab:focus-visible {
	outline: 2px solid var(--e-global-color-astglobalcolor0, #d92c2b);
	outline-offset: 2px;
}

.his-semester-tab[aria-selected="true"] {
	background: var(--e-global-color-astglobalcolor0, #d92c2b);
	border-color: var(--e-global-color-astglobalcolor0, #d92c2b);
	color: #fff;
}

/* Počet období v záložce. Vlastní pozadí, ať je čitelný na obou stavech. */
.his-semester-tab__count {
	min-width: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--e-global-color-astglobalcolor5, #f9f9f9);
	color: var(--e-global-color-astglobalcolor2, #193531);
	font-size: .8rem;
	line-height: 22px;
	text-align: center;
}

.his-semester-tab[aria-selected="true"] .his-semester-tab__count {
	background: rgba(255, 255, 255, .25);
	color: #fff;
}

/* Skrytý panel se musí schovat i proti vlastnímu `display: grid`.

   Výchozí pravidlo prohlížeče `[hidden] { display: none }` má specificitu
   selektoru na atribut, jenže `.his-semesters-quick-links { display: grid }`
   z dodaného stylopisu je stejně silné a přijde později — takže atribut hidden
   sám o sobě panel neskryje a záložky nefungují. */
.his-semester-tabs .his-semesters-quick-links[hidden] {
	display: none;
}

/* Bez JavaScriptu se ukážou všechny skupiny pod sebou; pak je mezi nimi
   potřeba mezera, protože panely nejsou skryté. */
.his-semester-tabs:not(.is-ready) .his-semesters-quick-links + .his-semesters-quick-links {
	margin-top: 20px;
}

/* Jediná skupina — záložka by nebyla k ničemu. */
.his-semester-tabs.is-single .his-semester-tabs__list {
	display: none;
}

@media (max-width: 600px) {
	.his-semester-tabs__list {
		gap: 8px;
	}

	.his-semester-tab {
		padding: 8px 14px;
		font-size: .95rem;
	}
}

/* --- výpis kurzů: sjednocené odznaky úrovní, hranatější tvary, širší pruh ---

   Tři drobnosti ve vzhledu tabulky kurzů, které si vyžádal Kamil. Dodaná verze
   je má jinak, proto se přepisují tady a ne v jejím stylopisu — ten se při
   přegenerování z test2.pointus.cz přepíše. */

/* Odznak úrovně se roztahoval podle délky textu: „A1" měl 38 px, „A2.1" 58 px,
   takže sloupec vypadal roztřepeně. Pevná šířka je nad tím nejširším. Platí jen
   ve výpisech kurzů — v textu na stránce DELE odznaky plavou uvnitř věty
   („DELE A1 para escolares") a tam by pevná šířka vadila. */
.his-course-level .his-badge,
.his-course-related__table .his-badge {
	min-width: 62px;
}

/* Mírně hranatější odznaky i tlačítko „Zapsat se" (dodaná verze má 8 a 13 px). */
.his-badge {
	border-radius: 5px;
}

.his-course-btn {
	border-radius: 8px;
}

/* Barevný pruh, který odlišuje výuková období, byl na tři pixely sotva vidět. */
.his-courses-semester {
	border-left-width: 6px;
	padding-left: 14px;
}

/* Odkazy na kartách „Probíhající zápisy" (ONLINE KURZY, DOCHÁZKOVÉ KURZY,
   VÍKENDOVÉ KURZY, ŠPANĚLŠTINA PRO DĚTI, PŘEHLED KURZŮ).

   Dodaná verze jim dává `color: inherit`, čímž zdědí šedou #a8a8a8 od okolí.
   Na pozadí karty #f9f9f9 to vychází na kontrast 2,2 : 1 — pod minimem 4,5 : 1
   a hlavně to nevypadá jako odkaz. Firemní tmavá zelená dá 12,6 : 1.

   Oddělovač „|" zůstává šedý, aby odkazy nezaléval. */
.his-semester-card__types a {
	color: var(--e-global-color-astglobalcolor2, #193531);
	font-weight: 500;
}

.his-semester-card__types a:hover,
.his-semester-card__types a:focus-visible {
	color: var(--e-global-color-astglobalcolor0, #d92c2b);
}

/* Výpis termínů DELE: popisek „Úrovně:" a barevné odznaky na jedné lince.

   Blok je flex s výchozím align-items: normal, takže se popisek roztáhne
   na výšku celého sloupce odznaků. Když se odznaky zalomí na dva řádky
   (na mobilu vždycky), text popisku sklouzne doprostřed a proti prvnímu
   řádku odznaků je o 15 až 30 px níž. V dodané verzi je to vidět i na
   desktopu.

   `baseline` posadí popisek na účaří textu v prvním odznaku, takže sedí
   bez ohledu na to, kolik řádků odznaky zaberou. */
.his-dele-levels {
	align-items: baseline;
}

/* Zalomené řádky odznaků potřebují svislou mezeru, jinak se dotýkají. */
.his-dele-levels-items {
	row-gap: 6px;
}

/* Obálky učebnic.

   Dodaný stylopis pro .books-list-img žádné pravidlo nemá — počítal s obrázkem,
   který ale nikdy nedorazil (SIS pole s obálkou nemá a e-shop, ze kterého je
   bral starý web, přestal existovat). Obálky se přenesly ze starého serveru,
   tady se jen usadí do mřížky. */
.books-list-img img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 5px;
}

/* Zástupné místo pro učebnici bez obálky. Drží stejný poměr stran jako obálky
   (366 : 567), aby mřížka nepoklesla. */
.books-list-placeholder {
	aspect-ratio: 366 / 567;
	background: #f1f1f1;
	border-radius: 5px;
}

/* Souhlas u zápisu: klikatelný je i text, nejen čtvereček.

   Dodaná verze má text mimo <label>, takže zaškrtnout šlo jen ten malý
   čtvereček. Text je teď taky popisek — zbývá dát najevo, že se na něj dá
   kliknout, a nechat odkazy chovat se jako odkazy. */
.forminator-consent__label {
	cursor: pointer;
}

.forminator-consent__label a {
	cursor: pointer;
}

/* Dotyková plocha zaškrtávátka.

   Vykreslený čtvereček má 20 px. Na telefonu je to pod hranicí, kterou jde
   palcem spolehlivě trefit, a hned vedle něj začínají dva odkazy — minutí
   proto neznamená „nic se nestalo", ale otevření podmínek v nové záložce.
   Přesah plochu zvětší na 36 × 40 px; je neviditelný a nic neposouvá, takže
   vzhled dodaného designu zůstává.

   Dolů sahá jen o deset pixelů: text se na úzkých displejích zalamuje na dva
   řádky a větší přesah by ukusoval z odkazu na druhém řádku. Vlevo a nahoru
   je místa dost, tam se bere víc. */
.forminator-consent .forminator-checkbox-box::after {
	content: "";
	position: absolute;
	inset: -10px -6px -10px -10px;
}

/* Kontakty: dvousloupcové bloky u firem mají stejně široké sloupce.

   Bloky „Obchodní spojení" a „Bankovní spojení" u Hispánica s.r.o., Gregůrek
   Consulting s.r.o. i Kamila Gregůrka jsou flex bez určené šířky sloupců,
   takže si každý sloupec vzal, kolik potřeboval jeho text. Pravý sloupec pak
   začínal v každém bloku jinde — na 1440 px na x 301, 392, 409, 499 a 504 —
   a sekce vypadaly rozhozeně.

   Poloviny se stejným základem to srovnají; `min-width: 0` je proto, aby se
   dlouhý IBAN mohl zalomit místo aby sloupec roztlačil. */
.his-contact-cols > * {
	flex: 1 1 0;
	min-width: 0;
}

/* Pod tabletem jdou sloupce pod sebe, takže je řádkování zbytečné široké. */
@media (max-width: 767px) {
	.his-contact-cols {
		gap: 24px !important;
	}
}

/* Potvrzení po odeslání formuláře.

   Dodaná verze má pro odpověď formuláře prvek .forminator-response-message,
   ale stylopis Forminatoru barví jen chybovou variantu — na úspěch se nedostalo,
   protože formulář nikdy nic neodeslal. Barvy jsou firemní. */
.his-flash {
	margin-bottom: 20px;
	padding: 14px 18px;
	border-radius: 8px;
	border-left: 4px solid;
	font-weight: 500;
}

.his-flash--success {
	background: #eef7f1;
	border-left-color: #2e7d5b;
	color: #17402f;
}

.his-flash--error {
	background: #fdeceb;
	border-left-color: var(--e-global-color-astglobalcolor0, #d92c2b);
	color: #7a1a19;
}

/* Chybové stránky (404, 500).

   Astra pro ně má vlastní rozvržení s vyhledávacím polem. Nový web
   vyhledávání nemá, takže je místo něj rozcestník — potřebuje jen odsazení
   a odrážky, zbytek si Astra ošetří sama. */
.his-404-links {
	list-style: none;
	margin: 24px 0;
	padding: 0;
	display: grid;
	gap: 10px;
}

.his-404-links a {
	font-weight: 600;
}

.his-404-note {
	margin-top: 24px;
	color: #647570;
}

/* --- zápis do kurzu bez JavaScriptu --------------------------------------

   Dodaná verze schovává přihlášku atributem style="display:none" a otevírá ji
   skriptem. Když skript neběží, nedá se zapsat vůbec: na výpisu vede „Zapsat
   se" na detail kurzu a tam je totéž tlačítko jen kotvou na modál, který
   zůstane schovaný.

   Skrývání proto dělá CSS. Na detailu kurzu, kde server ví, o který kurz jde,
   a formulář předvyplní, se bez JavaScriptu ukáže rovnou v stránce — místo
   překryvu přes celou obrazovku je z něj obyčejná sekce. S JavaScriptem se
   nemění nic, modál zůstává, jak byl navržený. */
.his-modal {
	display: none;
}

.his-modal.is-open {
	display: block;
}

html:not(.js) .his-modal--inline {
	display: block;
	position: static;
	z-index: auto;
}

html:not(.js) .his-modal--inline .his-modal-overlay,
html:not(.js) .his-modal--inline .his-modal-close {
	display: none;
}

html:not(.js) .his-modal--inline .his-modal-content {
	margin: 0 auto 60px;
	max-height: none;
	overflow: visible;
}

/* Věty o placení u formuláře — doprovodná informace, ne pole formuláře:
   drobněji, kurzivou a na střed, ale ne šedivé k nepřečtení. */
.his-payment-note {
	margin: 0 0 18px;
	color: #4a4a4a;
	font-size: 0.85rem;
	font-style: italic;
	line-height: 1.6;
	text-align: center;
}

/* --- hlavička zůstává vidět při scrollování ------------------------------

   Dodaná verze má hlavičku `absolute`, takže odjede pryč a k menu se člověk
   dostane jen návratem na začátek stránky. Zůstává proto na místě.

   Fixuje se jen tehdy, když běží skript: bílé pozadí totiž přidává až za
   začátkem stránky (nahoře nad hero blokem má být průhledná, jak je navržená)
   a bez skriptu by při scrollování zůstala průhledná nad textem.

   Z-index je pod modálním oknem přihlášky (9999), aby ho hlavička nepřekrývala.

   Selektor musí přebít `.ast-theme-transparent-header #masthead` z převzatého
   stylopisu, které hlavičku pozicuje absolutně — proto i tady to id. */
html.js #masthead.site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

html.js #masthead.site-header.his-header--scrolled {
	background: #fff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Kotvy na stránce nesmí končit schované pod hlavičkou. */
html.js {
	scroll-padding-top: 96px;
}

/* Rozbalené mobilní menu potřebuje pozadí i nahoře na stránce, jinak by pod ním
   prosvítal obsah. */
html.js body.ast-main-header-nav-open #masthead.site-header {
	background: #fff;
}

/* Scrollovat se musí samotný panel s menu, ne hlavička: panel je uvnitř ní
   pozicovaný absolutně, takže `overflow` na hlavičce ho jen ořízne na její
   osmdesátipixelovou výšku a z menu nezbude nic vidět. Omezení výšky tu být
   musí — hlavička je fixovaná, takže rozbalené podmenu už nejde odscrollovat
   stránkou. */
html.js body.ast-main-header-nav-open #ast-mobile-site-navigation {
	max-height: calc(100vh - 80px);
	overflow-y: auto;
}

/* --- obálka učebnice na detailu kurzu -------------------------------------

   Rámeček 158×182 z dodaného stylopisu počítá s obrázkem na šířku a ořezává
   (`object-fit: cover`). Skutečné obálky jsou na výšku (366×567), takže by
   z nich zbyl prostřední pruh bez názvu i úrovně. Rozměr rámečku se nemění,
   jen se do něj obálka vejde celá. */
.his-course-book__image img {
	object-fit: contain;
}

/* --- karty v „Široká nabídka možností" ------------------------------------

   Dodaná verze má pod každou kartou tlačítko „více informací". Kliká se teď
   rovnou na nadpis i popis karty, tlačítka jsou pryč. Text si drží barvu
   z návrhu, jinak by ze sekce byla stěna červených podtržených odkazů;
   podtržení se ukáže pod ukazatelem. Odkazy na jednotlivé služby v poslední
   kartě zůstávají barevné, aby se poznalo, že vedou jinam. */
.elementor-element-17bfb32 .elementor-icon-box-title a,
.elementor-element-17bfb32 .elementor-heading-title a {
	color: inherit;
	text-decoration: none;
}

/* I pod ukazatelem si text drží barvu karty. Bez `color: inherit` sem motiv
   dosadí svou hover barvu (#a21413), takže se u zelené karty podtrhlo červeně
   jen to, na co člověk najel — vedle sebe pak svítily dvě různé barvy. */
.elementor-element-17bfb32 .elementor-icon-box-title a:hover,
.elementor-element-17bfb32 .elementor-icon-box-title a:focus-visible,
.elementor-element-17bfb32 .elementor-heading-title a:hover,
.elementor-element-17bfb32 .elementor-heading-title a:focus-visible {
	color: inherit;
	text-decoration: underline;
}

/* --- detail kurzu: drobnosti podle připomínek -----------------------------

   Poznámka o MŠMT je doprovodná informace, ne nadpis: patří pod tři sloupce
   s obsahem kurzu, drobněji, kurzívou a v šedším tónu. */
.his-course-curriculum__note {
	margin: 18px 0 0;
	color: #5a6764;
	font-size: 0.85rem;
	font-style: italic;
	line-height: 1.6;
}

/* Odznaky úrovní v souhrnu kurzu mají mít týž tvar jako ve výpisu kurzů.
   Dědily z .his-course-summary__value 1,2 rem a tučný řez, takže byly větší
   a širší než v tabulce. */
.his-course-summary__value .his-badge {
	min-width: 62px;
	font-size: 1rem;
	font-weight: 400;
}

/* Hlavička výpisu období: název tučně, datum drobněji — je to doprovod. */
.his-courses-semester__name {
	font-weight: 700;
}

.his-courses-semester__dates {
	font-size: 0.8em;
	font-weight: 400;
	color: #5a6764;
}

/* Tabulky kurzů: o desetinu drobnější písmo, ať se řádek vejde přehledněji.
   Hlavička a sloupce s počtem hodin a cenou zůstávají — v nich se čte číslo
   a to má být čitelné na první pohled. */
.his-courses-table tbody td {
	font-size: 0.9em;
}

.his-courses-table tbody td.his-course-hours,
.his-courses-table tbody td.his-course-price {
	font-size: 1em;
}

/* Karta Služby má v návrhu obsah svisle na střed, ostatní tři shora. Dokud
   v ní byla jediná věta, nebylo to poznat; po doplnění odkazů na překlady
   a tlumočení seděla ikona i nadpis o deset pixelů níž než u sousedů. */
.elementor-element-17bfb32 .elementor-element-85eb5f4 {
	justify-content: flex-start;
}

/* --- políčka formulářů ----------------------------------------------------

   Výplň i rámeček měly #f9f9f9, takže na světlém monitoru nebylo poznat, kde
   políčko začíná a kde končí. Ztmavení se týká jen formulářů — podbarvené
   sekce designu si na přání nechávají svou původní světlou šedou. */

/* Políčka formulářů mají navíc viditelnou hranu — dodaná verze má rámeček
   v barvě výplně, takže políčko splývalo s okolím. Selektory nesou id modulu,
   protože stejně je má i dodaný stylopis formulářů (style-806.css,
   style-1467.css) a bez toho by přebil tenhle. */
.forminator-ui .forminator-input,
.forminator-ui .forminator-textarea,
.forminator-ui select,
#forminator-module-806.forminator-design--flat .forminator-input,
#forminator-module-806.forminator-design--flat .forminator-textarea,
#forminator-module-1467.forminator-design--default .forminator-input,
#forminator-module-1467.forminator-design--default .forminator-textarea {
	background-color: #f1f1f1;
	border-color: #e0e0e0;
}

.forminator-ui .forminator-input:focus,
.forminator-ui .forminator-textarea:focus,
#forminator-module-806.forminator-design--flat .forminator-input:focus,
#forminator-module-806.forminator-design--flat .forminator-textarea:focus,
#forminator-module-1467.forminator-design--default .forminator-input:focus,
#forminator-module-1467.forminator-design--default .forminator-textarea:focus {
	background-color: #fff;
}

/* --- souvislejší text se čte líp s vyššími řádky --------------------------

   Obchodní podmínky, DELE a další textové stránky měly řádkování 1,3 při
   velikosti 1,2 rem — na dlouhé odstavce málo. */
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.his-course-text p,
.his-course-text li {
	line-height: 1.7;
}

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
	margin-bottom: 1em;
}

.elementor-widget-text-editor li + li {
	margin-top: 0.35em;
}

/* Název období v kartě „Probíhající zápisy" je odkaz — barvu i řez si drží
   z návrhu, podtržení se ukáže až pod ukazatelem. `!important` je tu proto,
   že odkazy uvnitř obsahu podtrhává obecné pravidlo motivu; totéž dělá dodaný
   stylopis o kousek výš u odkazů na typy kurzů. */
/* Název období vlevo, hláška o zahájení vpravo. Karta je přes sedm set pixelů
   široká a pod nadpisem zůstávalo prázdné pole; takhle se čte „PODZIM — do
   zahájení zbývá 45 dnů" jedním pohledem. Na úzkém displeji se hláška zalomí
   pod nadpis a zarovná doleva, aby nevisela v prázdnu. */
.his-semester-card__body {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 2px 24px;
}

.his-semester-card__status {
	margin-left: auto;
	text-align: right;
}

@media (max-width: 767px) {
	.his-semester-card__status {
		margin-left: 0;
		text-align: left;
	}
}

.his-semester-card__title a {
	color: inherit;
	text-decoration: none !important;
}

.his-semester-card__title a:hover,
.his-semester-card__title a:focus-visible {
	text-decoration: underline !important;
}

/* --- ohlasy studentů: listování po trojicích -----------------------------

   Dodaná verze má tři bubliny natvrdo. Ohlasů jsou stovky, takže se jimi dá
   listovat šipkami po stranách. Šipky mají smysl jen se skriptem — bez něj
   zůstane vidět první trojice a šipky se schovají. */
.his-testimonials {
	display: flex;
	align-items: center;
	gap: 10px;
}

.his-testimonials__pages {
	flex: 1 1 auto;
	min-width: 0;
}

.his-testimonials__page[hidden] {
	display: none;
}

/* Tlačítka šipek: motiv dává všem tlačítkům rámeček a radius 13 px a šipce
   uvnitř nulovou šířku, proto sem patří i to, co by jinak bylo zbytečné. */
.his-testimonials .his-testimonials__arrow {
	display: none;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0 !important;
	border-radius: 50% !important;
	background: #fff;
	color: #193531;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
	cursor: pointer;
}

html.js .his-testimonials .his-testimonials__arrow {
	display: inline-flex;
}

.his-testimonials__arrow svg {
	flex: 0 0 auto;
	width: 14px;
	height: 24px;
}

.his-testimonials .his-testimonials__arrow:hover,
.his-testimonials .his-testimonials__arrow:focus-visible {
	background: #193531;
	color: #fff;
}

/* Hvězdičky v bublině: antracit, ne křiklavá žlutá — bublina má vlastní
   barevné pozadí a hodnocení je doprovodná informace, ne hlavní sdělení. */
.his-testimonial__stars {
	margin-bottom: 10px;
	color: #3a3a3a;
	font-size: 1.05rem;
	letter-spacing: 2px;
	line-height: 1;
}

@media (max-width: 767px) {
	.his-testimonials {
		flex-wrap: wrap;
		justify-content: center;
	}

	.his-testimonials__pages {
		order: -1;
		flex-basis: 100%;
	}
}

/* Nápověda v políčku byla #b8b8b8 — na světlém monitoru sotva čitelná
   (kontrast 2,2 : 1 proti výplni). Tmavší tón drží nápovědu jako nápovědu,
   ale dá se přečíst. */
.forminator-ui .forminator-input::placeholder,
.forminator-ui .forminator-textarea::placeholder,
#forminator-module-806.forminator-design--flat .forminator-input::placeholder,
#forminator-module-806.forminator-design--flat .forminator-textarea::placeholder,
#forminator-module-1467.forminator-design--default .forminator-input::placeholder,
#forminator-module-1467.forminator-design--default .forminator-textarea::placeholder {
	color: #8a8a8a;
	opacity: 1;
}

/* --- hlavička výpisu období ----------------------------------------------

   Tři sloupce: název vlevo, datum přesně na střed, fáze období vpravo. Mřížka,
   ne flex — u flexu by střední díl seděl uprostřed zbytku, ne uprostřed řádku.

   Barvy jsou z palety designu: zelená jako volná místa v tabulce (#009B3B),
   žlutooranžová jako uzavřený zápis (#FDB611), červená jako všude jinde. */
.his-courses-semester__title {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 15px;
}

/* Trojúhelník rozbalování kreslí dodaný stylopis přes ::before. V mřížce by
   se z něj stal první sloupec a datum by pak sedělo mimo střed, proto je
   vyvázaný z toku a drží se vlevo. Otáčení při rozbalení zůstává, jen se
   skládá s posunem na střed řádku. */
.his-courses-semester__title::before {
	position: absolute;
	left: 4px;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
}

.his-courses-semester[open] > .his-courses-semester__title::before {
	transform: translateY(-50%) rotate(0deg);
}

.his-courses-semester__name {
	justify-self: start;
	/* Místo pro trojúhelník: odsazený je název, ne celý řádek — jinak by se
	   střední sloupec s datem posunul mimo střed. */
	padding-left: 26px;
}

.his-courses-semester__dates {
	justify-self: center;
	text-align: center;
}

.his-courses-semester__status {
	justify-self: end;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: lowercase;
	white-space: nowrap;
}

.his-courses-semester__status--enrolling,
.his-courses-semester__status--running {
	color: #009b3b;
}

.his-courses-semester__status--running-late,
.his-courses-semester__status--ending {
	color: #fdb611;
}

.his-courses-semester__status--ended {
	color: #d92c2b;
}

/* Na úzkém displeji se datum vedle názvu a fáze nevejde, sjede tedy pod ně.
   Fáze období zůstává vpravo a na svislém středu obou řádků — je to údaj, kvůli
   kterému návštěvník hlavičku čte (dá se sem ještě naskočit?), a při zarovnání
   doleva pod datum by zapadla.

   Trojúhelník tu nemůže zůstat vyvázaný z toku: svislý střed hlavičky padne
   u dvou řádků mezi ně a šipka pak ležela v datu („ṗeriodo 06. 07."). Vrací se
   proto do mřížky jako buňka vedle názvu období, ke kterému patří — bez
   dopočítávaných odsazení, která by se rozešla s velikostí písma. */
@media (max-width: 767px) {
	.his-courses-semester__title {
		grid-template-columns: auto 1fr auto;
		gap: 4px 10px;
	}

	.his-courses-semester__title::before {
		position: static;
		grid-area: 1 / 1;
		align-self: center;
		transform: rotate(-90deg);
	}

	.his-courses-semester[open] > .his-courses-semester__title::before {
		transform: rotate(0deg);
	}

	.his-courses-semester__name {
		grid-area: 1 / 2;
		justify-self: start;
		padding-left: 0;
	}

	/* Datum má celý druhý řádek pro sebe, aby zůstalo na středu hlavičky a na
	   jedné řádce. Vedle fáze by se nevešlo: „inscripciones abiertas" je přes
	   polovinu šířky telefonu a datum by se lámalo na dva řádky. */
	.his-courses-semester__dates {
		grid-area: 2 / 1 / 3 / 4;
		justify-self: center;
		text-align: center;
		white-space: nowrap;
	}

	/* Slovo „období" je popiska, ne údaj — na mobilu se sundá, aby se datum
	   vešlo na jeden řádek. Rozlomené na dva řádky vypadá jako dvě různá data. */
	.his-courses-semester__dates-label {
		display: none;
	}

	/* Fáze zůstává vpravo na řádce s názvem období — na jedné řádce, nezalomená,
	   a účtuje se na stejnou účaří jako název (proto baseline, ne center: fáze má
	   drobnější písmo a na středu by seděla o kousek níž). Kdyby se roztáhla přes
	   oba řádky doprostřed, ukrojila by z místa pro datum. */
	.his-courses-semester__status {
		grid-area: 1 / 3 / 2 / 4;
		align-self: baseline;
		justify-self: end;
	}
}

/* Nabídka přepnout na druhou formu výuky pod tabulkou období. Doprovodný text,
   ne nadpis — proto drobněji a v tlumeném tónu. */
/* Když je období sbalené, zmizí s tabulkou i nabídka druhé formy výuky —
   patří k tomu výpisu, ne k stránce. Věta stojí až za </details>, aby přes ni
   nešel barevný pruh období, takže se skrývá přes sousedský selektor. */
.his-courses-semester:not([open]) + .his-courses-crosslink {
	display: none;
}

.his-courses-crosslink {
	margin: 14px 0 26px;
	color: #5a6764;
	font-size: 0.9rem;
	line-height: 1.6;
	text-align: center;
}

/* --- forma výuky nad výpisem kurzů zůstává vidět --------------------------

   Nadpis „on-line výuka" (resp. „docházková výuka") s ikonou stojí nad
   tabulkou kurzů. Ta je dlouhá — po pár obrazovkách scrollování už není poznat,
   ve kterém výpisu člověk je. Nadpis proto zůstává nalepený pod hlavičkou.

   Lepí se jen tam, kde je hlavička fixovaná (html.js) — jinak by se schoval
   pod ni. Pozadí musí být neprůhledné, jinak by pod ním prosvítala tabulka.

   Na telefonu se lepí taky (Kamil, 21. 8. 2026). Nad ním je ještě fixovaná
   hlavička, takže se šetří každý pixel: pruh je tam nižší a drobnějším písmem,
   ať výpisu zbude co nejvíc obrazovky. */
/* Selektor kopíruje cestu, kterou šířku omezuje Elementor
   (`.e-con.e-con > .e-con-inner > .elementor-widget { max-width: 100% }`),
   jinak by pruh zůstal široký jako obsahový sloupec. */
html.js .e-con.e-con > .e-con-inner > .his-listing-form-label.elementor-widget {
	position: sticky;
	/* Přesně pod hlavičku, ne o kus níž: čtyřpixelová mezera stačila na to, aby
	   se mezi ně při scrollování prodírala tabulka. Hlavička má 80 px na mobilu
	   i na desktopu. */
	top: 80px;
	z-index: 5;
	/* Pruh sahá od kraje ke kraji, ne jen přes obsahový sloupec — jinak by po
	   stranách prosvítala tabulka, která se pod něj podsouvá. Obsah zůstává
	   uprostřed. */
	align-self: stretch;
	width: 100vw;
	/* Bez tohohle by šířku uřízlo `max-width: 100%` z Elementoru na šířku
	   obsahového sloupce. */
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: #fff;
	padding: 10px calc(50vw - 50%);
}

/* Stín naznačuje, že pruh leží nad obsahem — dokud je na svém místě v toku,
   nemá co stínit. Třídu přidává nav.js, jakmile se pruh opře o hlavičku. */
html.js .e-con.e-con > .e-con-inner > .his-listing-form-label.elementor-widget.is-stuck {
	box-shadow: 0 4px 8px -6px rgba(0, 0, 0, 0.18);
}

/* Dokud je vidět bílý pruh, hlavička stín nemá — dva stíny nad sebou dělají
   z okraje šmouhu a spodní z nich navíc padá přes text v pruhu. */
html.js body.his-listing-label-stuck #masthead.site-header.his-header--scrolled {
	box-shadow: none;
}

/* Na telefonu zabírá hlavička s pruhem dohromady přes sto pixelů z osmi set.
   Pruh se proto smrskne na jeden řádek: menší odsazení, menší písmo, ikona
   v jedné řádce s textem. */
@media (max-width: 921px) {
	html.js .e-con.e-con > .e-con-inner > .his-listing-form-label.elementor-widget {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	html.js .his-listing-form-label .elementor-heading-title {
		font-size: 0.95rem;
		line-height: 1.4;
	}
}

/* Podnabídka v hlavičce má v dodaném designu pevných 300 px. Česky se do nich
   nejdelší položka vejde, španělsky ne — „Cursos grupales presenciales" se lámalo
   na dva řádky. Na cizojazyčných stránkách se proto nabídka roztáhne podle
   obsahu; česká verze zůstává na pixel stejná. */
@media (min-width: 922px) {
	html:not([lang="cs"]) .main-header-menu .sub-menu {
		width: max-content;
		min-width: 300px;
		max-width: min(26rem, 90vw);
	}
}

/* Řádkování základního textu.

   Design má pro běžný text předlohu 1 rem / 400 / 1,3 em a používá ji na 349
   místech — profily lektorů, popisy úrovní, obsah kurzu, texty na stránkách
   služeb. Na dvouřádkovém popisku to nevadí, na odstavci se to čte ztuha,
   takže se zvedá rovnou v předloze. Pravidla pod ní pokrývají místa, kam
   předloha nedosáhne. */
/* Předloha se nastavuje na .elementor-kit-6 (post-6.css), takže i tady —
   z :root by ji ta bližší definice přebila. */
.elementor-kit-6 {
	--e-global-typography-29e32bf-line-height: 1.6em;
}

.his-teacher-card__desc p,
.his-levels-list__summary p,
.his-level-container p,
.his-level-column li,
.his-course-curriculum__col li,
.elementor-widget-heading p.elementor-heading-title,
.elementor-widget p.elementor-heading-title {
	line-height: 1.6;
}

/* Jeden odstavec na stránce Služby má řádkování 1,3 nastavené napevno u sebe
   (post-2100.css), ne přes předlohu — proto výjimka na stejné adrese. */
.elementor-2100 .elementor-element.elementor-element-0af869a .elementor-heading-title {
	line-height: 1.6em;
}

/* Ikona a popisek formy výuky na jednom řádku i na mobilu. Dodaná verze má
   pro úzké displeje `elementor-mobile-position-block-start`, takže ikonu
   staví nad text — u lepivého pruhu pod hlavičkou to zabíralo dva řádky. */
/* Selektor nese i .elementor-widget-icon-box, aby dosáhl na pravidlo dodané
   verze `.elementor-widget-icon-box.elementor-mobile-position-block-start
   .elementor-icon-box-wrapper { flex-direction: column }` v media query. */
.his-listing-form-label.elementor-widget-icon-box .elementor-icon-box-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	/* Na střed, jak to má dodaná verze — jen na jednom řádku. */
	justify-content: center;
	gap: 10px;
	text-align: left;
}

.his-listing-form-label .elementor-icon-box-icon,
.his-listing-form-label .elementor-icon-box-title {
	margin: 0;
}

/* Obsahový blok se ve flexu roztahoval přes celou šířku, takže text seděl
   u levého kraje, i když byl „na střed". Nesmí růst. */
.his-listing-form-label .elementor-icon-box-icon,
.his-listing-form-label .elementor-icon-box-content {
	flex: 0 0 auto;
	width: auto;
}

@media (max-width: 767px) {
	.his-listing-form-label.elementor-widget-icon-box .elementor-icon-box-wrapper {
		flex-direction: row;
		justify-content: center;
		text-align: left;
	}
}

/* Karta individuální výuky má u řádku „výuka v Brně" vlastní hover barvu
   z dodané verze (:has(:hover) → červená). Dokud text nebyl odkaz, nikdo si
   toho nevšiml; teď by se vedle sebe podtrhávalo zeleně a červeně. Zůstává
   zelená, jako má řádek v klidu i jeho soused s GoogleMeet. */
.elementor-55 .elementor-element.elementor-element-998afd6:has(:hover) .elementor-icon-box-title,
.elementor-55 .elementor-element.elementor-element-998afd6:has(:hover) .elementor-icon-box-title a {
	color: #009b3b;
}

/* --- kde se návštěvník nachází -------------------------------------------

   Aktivní položka menu se značí třídami current-menu-item / current_page_item
   (v hlavičce i v mobilním menu), dodaný stylopis je ale nijak neodlišuje.
   Tučný řez je nejlevnější způsob, jak dát polohu najevo — barvu i velikost
   nechává být. Platí i pro rodiče rozbaleného podmenu. */
.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current_page_item > .menu-link,
.main-header-menu .current-menu-ancestor > .menu-link,
#ast-hf-mobile-menu .current-menu-item > .menu-link,
#ast-hf-mobile-menu .current_page_item > .menu-link {
	font-weight: 700;
}

/* Jen tučně, ne červeně. Motiv aktivní položce dosazuje hlavní barvu
   (--ast-global-color-0), takže v menu svítila červeně — vypadalo to jako
   zvýrazněný odkaz, ne jako „tady jsi". Selektory kopírují jeho vlastní cestu,
   jinak by je nepřebily; hover si červenou nechává. */
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-1 .menu-item.current_page_item > .menu-link,
.ast-builder-menu-1 .menu-item.current-menu-ancestor > .menu-link,
.ast-builder-menu-2 .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-2 .menu-item.current_page_item > .menu-link,
.ast-builder-menu-2 .menu-item.current-menu-ancestor > .menu-link,
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-mobile .main-navigation .menu-item.current_page_item > .menu-link,
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link {
	color: var(--ast-global-color-3);
}

/* Kotva na období nesmí skončit pod lepivým pruhem s formou výuky. Hlavička má
   80 px, pruh k tomu 45 na širokém displeji a 33 na telefonu — bez téhle rezervy
   se po prokliku z titulky nebo z druhého výpisu schová nadpis období i první
   řádek tabulky. Platí jen na stránkách, kde ten pruh je. */
html.js:has(.his-listing-form-label) {
	scroll-padding-top: 124px;
}

@media (min-width: 922px) {
	html.js:has(.his-listing-form-label) {
		scroll-padding-top: 136px;
	}
}

/* --- lektoři v karuselu na titulce ---------------------------------------

   Dodaná verze má pod každým lektorem tlačítko „více informací", které mířilo
   jen na seznam lektorů. Klikatelný je teď celý lektor — fotka i jméno — a vede
   kotvou rovnou na jeho profil. Text si drží barvu z návrhu, podtržení se
   ukáže až pod ukazatelem. */
.his-teacher-slide__link {
	display: block;
	color: inherit;
	text-decoration: none !important;
}

.his-teacher-slide__link:hover .his-teacher-slide__title,
.his-teacher-slide__link:focus-visible .his-teacher-slide__title {
	text-decoration: underline;
}

/* --- pás firemních zákazníků ---------------------------------------------

   Loga přicházejí z tabulky `client`, takže jich může být pět i třicet a mají
   různé proporce — od širokých nápisů po čtvercové znaky. Mřížka je proto
   automatická a každé logo dostane stejně vysoké místo, do kterého se vejde
   celé (`contain`), ne oříznuté.

   Zádrhel: loga jsou cizí značky v cizích barvách. Vedle sebe se perou, proto
   jsou v klidu odbarvená a ztlumená; pod ukazatelem se rozsvítí do původních
   barev. Je to obvyklé řešení referenčních pásů a nikomu to logo neupravuje
   natrvalo. */
.his-clients {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 26px 30px;
	align-items: center;
}

.his-client {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 64px;
	padding: 6px;
}

.his-client__logo {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: grayscale(1);
	opacity: 0.62;
	transition: filter 0.18s ease, opacity 0.18s ease;
}

.his-client:hover .his-client__logo {
	filter: none;
	opacity: 1;
}

/* Bílá loga potřebují tmavý podklad, jinak po nich na bílém pásu nezbude nic. */
.his-client--dark {
	background: #2b3230;
	border-radius: 8px;
}

@media (max-width: 767px) {
	.his-clients {
		grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
		gap: 18px 20px;
	}

	.his-client {
		height: 52px;
	}
}

/* Firma bez použitelného loga: jméno písmem webu. Prázdné místo v mřížce nebo
   cizí značka stažená omylem jsou obojí horší. */
.his-client__name {
	color: #5a6764;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	opacity: 0.75;
	transition: opacity 0.18s ease, color 0.18s ease;
}

.his-client:hover .his-client__name {
	color: #193531;
	opacity: 1;
}

/* --- vodorovné menu v cizích jazycích -------------------------------------
   Dodaná verze počítá s českými popisky („Výuka jazyků", „O nás"); španělské
   a anglické jsou delší a menu se láme do druhého řádku, což posune celou
   hlavičku. Čeština zůstává nedotčená — pravidlo platí jen tam, kde je
   <html lang> jiný. */
html:not([lang="cs"]) #ast-desktop-header .main-header-menu > .menu-item > .menu-link {
	padding-left: 12px;
	padding-right: 12px;
}