:root {
	--global-max-width: 1240px;

	--gap-desktop: 32px;

	--chips-categories-fill-grey: #EEEEEF;
	--chips-categories-stroke-selected: #00DFEA;

	--background-primary: #F7F7F7;
	--background-secondary: #EEEEEF;
	--background-dark: #022930;

	--button-primary-default: #00DFEA;
	--button-primary-primary-hover: #57FFF8;
	--button-tertiary-tertiary-bglight-default: #008C9D;
	--button-tertiary-tertiary-bglight-hover: #00DFEA;
	--button-secondary-secondary-bglight-default: #008C9D52;
	--button-secondary-secondary-bgdark-default: #FFFFFF29;

	--badge-green-text: #166533;
	--badge-green-fill: #BBF7D1;

	--error: #AF0009;
	--delete: #AF0009;
	--warning: #E98A00;

	--text-size-12: 12px;
	
	--text-positive-primary: #022930;
	--text-positive-secondary: #52525B;
	--text-negative-secondary: #D2D2D6;

	--text-white: #FFFFFF;
	--text-negative-dummy: #A1A1AA;

	--container-surface-primary-12: #FFFFFF1F;
	--container-surface-primary-16: #FFFFFF29;
	--border-primary-solid: #E2E2E5;

	--icon-positive: #022930;

	--radius-xxs: 4px;
	--radius-xs: 8px;
	--radius-s: 12px;
	--radius-m: 16px;
	--radius-l: 24px;

	--padding-4: 4px;
	--padding-8: 8px;
	--padding-12: 12px;
	--padding-16: 16px;
	--padding-20: 20px;
	--padding-24: 24px;
	--padding-32: 32px;
	--padding-48: 48px;
	--padding-64: 64px;
	
	--padding-l: 48px;

	--spacing-16: 16px;
	--spacing-48: 48px;

	--tile-bg: #ffffff;
	--tile-border: #eef0f3;
	--tile-shadow: 0 2px 10px rgba(16, 24, 40, .06);
	--tile-shadow-hover: 0 8px 24px rgba(16, 24, 40, .12);
	--tile-radius: 16px;
	--tile-padding: 22px 28px;
	--tile-gap: 18px;
	--title-color: #1f2937;
	--title-size: 22px;

	--box-shadow: 0 2px 10px rgba(16, 24, 40, .06);
	--box-shadow-hover: 0 8px 24px rgba(16, 24, 40, .12);
  	--box-transform: scale(1) translateY(0) translateX(0); 
	--box-transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* ===========================================================================
   WP BLOCK LAYOUT FALLBACK (2026-09-11)
   ---------------------------------------------------------------------------
   WP core Global Styles (`global-styles-inline-css`, generované z theme.json)
   dodávají display/justify pro block layouty. Autoptimize (aktivní jen pro
   NEPŘIHLÁŠENÉ — „optimize for logged in" je OFF) tenhle inline blok zahazuje →
   groupy `is-layout-flex` spadnou na display:block a např. hlavičky sekcí
   (nadpis + tlačítko) se přestanou zarovnávat (tlačítko pod nadpis). Admin to
   vidí správně (Autoptimize ho vynechá), nepřihlášený ne. Tenhle fallback žije
   v našem CSS (Autoptimize ho zachová) → layout funguje pro všechny.
   Hodnoty 1:1 s WP core layout CSS. Prefix `body ` = přebít WP `:where()` (0,1,0).
   =========================================================================== */
body .is-layout-flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
body .is-layout-flex.is-nowrap {
	flex-wrap: nowrap;
}
body .is-layout-flex > * {
	margin: 0;
}
body .is-content-justification-left { justify-content: flex-start; }
body .is-content-justification-center { justify-content: center; }
body .is-content-justification-right { justify-content: flex-end; }
body .is-content-justification-space-between { justify-content: space-between; }
body .is-layout-grid {
	display: grid;
}

.p-16 { padding: 16px !important; }
.p-32 { padding: 32px !important; }
.p-48 { padding: 48px !important; }

.pt-32 { padding-top: 32px !important; margin-top:0 !important }
.pb-32 { padding-bottom: 32px !important; margin-bottom:0 !important }

.pt-48 { padding-top: 48px !important; margin-top:0 !important }
.pb-48 { padding-bottom: 48px !important; margin-bottom:0 !important }

.pt-64 { padding-top: 64px !important; margin-top:0 !important }
.pb-64 { padding-bottom: 64px !important; margin-bottom:0 !important }
.mt-64 { margin-top: 64px !important; }
.mb-64 { margin-bottom: 64px !important; }

.gap-8 { gap: 8px !important }

.gap-32,
.gap-32 .wp-block-group__inner-container,
.gap-32 .wp-block-columns { gap: 32px !important; }

.gap-64,
.gap-64 .wp-block-group__inner-container, 
.gap-64 .wp-block-columns { gap: 64px !important; }
.gap-64 .wp-block-group__inner-container .wp-block-columns { margin:0 }

.otgs-development-site-front-end {
	display: none !important;
}

.jquery-modal.blocker {
    /* barva můžeš doladit podle návrhu */
    background-color: #022930A3 !important;

    /* samotné rozostření */
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);

	z-index: 9999;
}

.jquery-modal.blocker .modal {
    background-color: #ffffff;
    border-radius: 24px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.25);
    /* Plošné centrování rozhazovalo nadpis i popisky CF7 formulářů.
       Obsah modalu je zarovnaný vlevo; úspěšná hláška se centruje sama
       přes .skoleni-modal-result-inner / #skoleni-registrace-result. */
    text-align: left;
}

/* Mobil nesmí vytvořit vodorovné plátno dokumentu. Široké animované logo-tracky
   a Owl carousel stage jsou záměrně širší než viewport, ale klipuje je jejich
   komponentní kontejner. Globální guard (není homepage-specific). */
@media (max-width: 767.98px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }
}

@media (max-width: 1280px) {
	:root {
		--global-typo-line-height-claim: 4rem;
		--global-typo-line-height-claim-sub: 2rem;
		--global-typo-size-footer-widget:1.1rem;
	}
}

@media (max-width: 1024px) {
	:root {
		--global-typo-size-menu-xxl: 1.25rem;
		--global-typo-size-menu-ico:1rem;
		--global-typo-weight-menu-ico: 500;
		--global-typo-size-footer-widget:1rem;
	}
}

@media (max-width: 980px) {
	:root {
		--global-typo-size-header: 1.3125rem;
		--global-typo-primary-font-semibold: 600;
		--global-typo-line-height-normal: 120%;
		--global-typo-size-menu-ico:1rem;
		--global-typo-weight-menu-ico: 500;
		--global-typo-size-footer-widget:.875rem;
	}
}

@media (max-width: 768px) {
	:root {
		--global-typo-size-header: 1.25rem;
		--global-typo-primary-font-semibold: 500;
    	--global-typo-size-claim: 3rem;
	}
	/* Přesun z responsive.css @768 (konsolidace 2026-09-09). Generické globální
	   overridy — global.css je jejich přirozený zdroj. ol,ul (0,0,1) bez konkurenta;
	   .jquery-modal.blocker (0,2,0) vyhrává specificitou nad plugin .blocker{padding:20} (0,1,0)
	   nezávisle na pořadí, proto přesun z pozdější responsive.css do dřívější global.css je flip-safe. */
	ol, ul {
		margin-left: 25px;
	}
	.jquery-modal.blocker {
		padding: 0;
	}
}