body:has(.asr-kids-page),
body:has(.asr-kids-page) .site,
body:has(.asr-kids-page) .site-content,
body:has(.asr-kids-page) .wp-site-blocks,
body:has(.asr-kids-page) .content-area,
body:has(.asr-kids-page) .site-main {
	background:
		linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24)),
		url("https://anglickysradosti.cz/wp-content/uploads/2026/04/pozadi_deti.jpg") center top / cover fixed no-repeat !important;
}

.asr-kids-page .asr-kids-hero,
.asr-kids-page .asr-kids-card-box,
.asr-kids-page .asr-kids-cta,
.asr-kids-page .asr-kids-card {
	position: relative;
	overflow: hidden;
	border: 3px solid rgba(255, 255, 255, 0.25) !important;
	box-shadow: 0 18px 36px rgba(36, 59, 103, 0.15);
	backdrop-filter: blur(5px);
}

/* === Hero box – finální layout + dekorace === */
.asr-kids-hero {
	position: relative;
	overflow: hidden;
	display: block;
}

.asr-kids-page .asr-kids-hero {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.84) 100%) !important;
}

/* finální přebití obecného hero layoutu */
.asr-kids-page .wp-block-group.asr-wrap.asr-hero.asr-kids-hero {
	min-height: 0 !important;
	height: auto !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	align-content: flex-start !important;
	place-content: start !important;
	place-items: start !important;
	gap: 0 !important;
	padding-top: 26px !important;
	padding-bottom: 32px !important;
}

/* obsah musí být nad dekoracemi */
.asr-kids-hero > * {
	position: relative;
	z-index: 2;
}

/* zruší případné WP block-gap marginy uvnitř hero */
.asr-kids-page .wp-block-group.asr-wrap.asr-hero.asr-kids-hero > * {
	margin-block-start: 0 !important;
}

/* nadpis a odstavec */
.asr-kids-page .wp-block-group.asr-wrap.asr-hero.asr-kids-hero > .wp-block-heading,
.asr-kids-page .wp-block-group.asr-wrap.asr-hero.asr-kids-hero > h1 {
	margin: 0 0 10px 0 !important;
}

.asr-kids-page .wp-block-group.asr-wrap.asr-hero.asr-kids-hero > .has-large-font-size,
.asr-kids-page .wp-block-group.asr-wrap.asr-hero.asr-kids-hero > p {
	margin: 0 !important;
	max-width: 82%;
}

/* duha vpravo nahoře */
.asr-kids-hero .has-large-font-size {
	position: relative;
	z-index: 2;
}

.asr-kids-hero .has-large-font-size::after {
	content: "";
	position: absolute;
	right: -50px;
	top: -120px;
	width: 100px;
	height: 100px;
	background: url("https://anglickysradosti.cz/wp-content/uploads/2026/04/duha.png") no-repeat center / contain;
	pointer-events: none;
	z-index: 1;
}

/* tužka vpravo dole */
.asr-kids-hero::after {
	content: "";
	position: absolute;
	right: 350px;
	bottom: 2px;
	width: 100px;
	height: 100px;
	background: url("https://anglickysradosti.cz/wp-content/uploads/2026/04/tuzka.png") no-repeat center / contain;
	pointer-events: none;
	z-index: 1;
}

/* sluníčko vlevo nahoře navázané na nadpis */
.asr-kids-hero h1 {
	position: relative;
	z-index: 2;
}

.asr-kids-hero h1::before {
	content: "";
	position: absolute;
	left: 250px;
	top: -30px;
	width: 100px;
	height: 100px;
	background: url("https://anglickysradosti.cz/wp-content/uploads/2026/04/slunicko.png") no-repeat center / contain;
	pointer-events: none;
	z-index: -1;
}

.asr-kids-page .asr-kids-hero h1,
.asr-kids-page .asr-kids-card-box h2,
.asr-kids-page .asr-kids-card h3,
.asr-kids-page .asr-kids-cta h3 {
	color: #243b67;
}

.asr-kids-page .asr-kids-hero h1::after,
.asr-kids-page .asr-kids-card-box h2::after {
	height: 8px;
	box-shadow: 0 4px 12px rgba(255, 255, 255, 0.35);
}

.asr-kids-page .asr-kids-hero p,
.asr-kids-page .asr-kids-card-box p,
.asr-kids-page .asr-kids-card p,
.asr-kids-page .asr-kids-cta p {
	color: #314e7e;
}

.asr-kids-stickers {
	pointer-events: none;
}

.asr-kids-sticker {
	position: absolute;
	z-index: 2;
	filter: drop-shadow(0 10px 18px rgba(36, 59, 103, 0.18));
}

.asr-kids-sticker--rainbow {
	width: 170px;
	right: 26px;
	top: 20px;
}

.asr-kids-sticker--star {
	width: 82px;
	left: 10px;
	top: 10px;
}

.asr-kids-sticker--pencil {
	width: 150px;
	right: 150px;
	bottom: 20px;
	transform: rotate(-8deg);
}

.asr-kids-cards {
	margin-top: 4px;
}

.asr-kids-card {
	border-radius: 28px;
	padding: 30px 24px 5px;
	height: 100%;
	transition:
		transform 0.22s ease,
		box-shadow 0.22s ease,
		border-color 0.22s ease,
		background-color 0.22s ease;
	will-change: transform;
}

.asr-kids-card h3 {
	margin-top: 0;
	transition: transform 0.22s ease;
}

.asr-kids-card h3::before {
	content: "";
	display: block;
	width: 200px;
	height: 100px;
	margin: 0 auto 0 auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: drop-shadow(0 4px 10px rgba(36, 59, 103, 0.08));
	transition:
		transform 0.28s ease,
		filter 0.28s ease;
	transform-origin: center bottom;
}

.asr-kids-card--yellow {
	background: linear-gradient(135deg, rgba(255, 252, 204, 0.96), rgba(255, 232, 184, 0.9)) !important;
}

.asr-kids-card--mint {
	background: linear-gradient(135deg, rgba(216, 255, 233, 0.95), rgba(198, 242, 255, 0.90)) !important;
}

.asr-kids-card--pink {
	background: linear-gradient(135deg, rgba(255, 225, 242, 0.96), rgba(234, 219, 255, 0.92)) !important;
}

.asr-kids-card--yellow h3::before {
	background-image: url("https://anglickysradosti.cz/wp-content/uploads/2026/04/box1.png");
}

.asr-kids-card--mint h3::before {
	background-image: url("https://anglickysradosti.cz/wp-content/uploads/2026/04/box2.png");
}

.asr-kids-card--pink h3::before {
	background-image: url("https://anglickysradosti.cz/wp-content/uploads/2026/04/box3.png");
}

.asr-kids-card:hover {
	transform: translateY(-15px);
	box-shadow: 0 14px 30px rgba(36, 59, 103, 0.10);
}

.asr-kids-card:hover h3 {
	transform: translateY(2px);
}

@keyframes asr-kids-bounce {
	0%   { transform: scale(1.08) rotate(-2deg) translateY(0); }
	35%  { transform: scale(1.10) rotate(1deg) translateY(-3px); }
	70%  { transform: scale(1.08) rotate(-1deg) translateY(0); }
	100% { transform: scale(1.08) rotate(-2deg) translateY(0); }
}

.asr-kids-card:hover h3::before {
	animation: asr-kids-bounce 0.45s ease;
	filter: drop-shadow(0 8px 16px rgba(36, 59, 103, 0.14));
}

.asr-kids-card-box {
	position: relative !important;
	overflow: hidden !important;
}

.asr-kids-page .asr-kids-card-box {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.84)) !important;
}

.asr-kids-page .asr-kids-card-box--blue {
	background: linear-gradient(135deg, rgba(230, 244, 255, 0.92), rgba(255, 255, 255, 0.84)) !important;
}

.asr-kids-page .asr-kids-card-box--purple {
	background: linear-gradient(135deg, rgba(245, 233, 255, 0.92), rgba(255, 255, 255, 0.86)) !important;
}

.asr-kids-page .asr-kids-cta {
	background: linear-gradient(135deg, rgba(255, 241, 209, 0.94), rgba(255, 221, 242, 0.88)) !important;
}

.asr-kids-page .wp-block-button__link {
	background: linear-gradient(135deg, #ffcf7a, #ff98cf) !important;
	color: #243b67 !important;
	border: 0 !important;
	box-shadow: 0 10px 24px rgba(255, 152, 207, 0.22);
}

.asr-kids-page .wp-block-button__link:hover {
	transform: translateY(-2px) scale(1.03);
	box-shadow: 0 14px 28px rgba(255, 152, 207, 0.30);
}

/* dekorativní obrázek dětí jako pozadí v boxu */
.asr-kids-card-box--children-art {
	position: relative !important;
	overflow: hidden !important;
	min-height: 620px;
}

.asr-kids-card-box--children-art::after {
	content: "";
	position: absolute;
	right: -100px;
	bottom: 10px;
	width: 1000px;
	height: 600px;
	background: url("https://anglickysradosti.cz/wp-content/uploads/2026/04/deti.png") no-repeat center bottom / contain;
	opacity: 0.08;
	pointer-events: none;
	z-index: 1;
}

.asr-kids-card-box--children-art > .wp-block-heading,
.asr-kids-card-box--children-art > .wp-block-paragraph,
.asr-kids-card-box--children-art > .wp-block-list,
.asr-kids-card-box--children-art h2,
.asr-kids-card-box--children-art h3,
.asr-kids-card-box--children-art p,
.asr-kids-card-box--children-art ul,
.asr-kids-card-box--children-art ol {
	position: relative !important;
	z-index: 2 !important;
}

/* Děti – horní tlačítko v headeru */
body:has(.asr-kids-page) header .wp-block-button__link,
body:has(.asr-kids-page) header .header-button .button,
body:has(.asr-kids-page) header .kb-button,
body:has(.asr-kids-page) header .button {
	background: linear-gradient(135deg, #ffcf7a, #ff9fd7) !important;
	color: #243b67 !important;
	border: 0 !important;
	box-shadow: 0 10px 22px rgba(255, 159, 215, 0.22);
}

@media (max-width: 1100px) {
	.asr-kids-card-box--children-art {
		min-height: 560px;
	}

	.asr-kids-card-box--children-art::after {
		width: 280px;
		height: 350px;
		right: 14px;
		bottom: 10px;
		opacity: 0.16;
	}
}

@media (max-width: 900px) {
	.asr-kids-page .wp-block-group.asr-wrap.asr-hero.asr-kids-hero {
		padding-top: 18px !important;
		padding-bottom: 28px !important;
	}

	.asr-kids-page .wp-block-group.asr-wrap.asr-hero.asr-kids-hero > .has-large-font-size,
	.asr-kids-page .wp-block-group.asr-wrap.asr-hero.asr-kids-hero > p,
	.asr-kids-page .asr-kids-hero h1,
	.asr-kids-page .asr-kids-hero p {
		max-width: 100%;
	}

	.asr-kids-page .asr-kids-hero h1 {
		margin-top: 0 !important;
		margin-bottom: 6px !important;
		transform: translateY(-6px) !important;
	}

	.asr-kids-page .asr-kids-hero .has-large-font-size {
		margin-top: 0 !important;
	}

	/* slunko na menších displejích schováme */
	.asr-kids-hero h1::before {
		display: none !important;
	}

	/* duha menší a výš */
	.asr-kids-hero .has-large-font-size::after {
		right: -4px !important;
		top: -70px !important;
		width: 74px !important;
		height: 74px !important;
		opacity: 0.95;
	}

	/* tužka menší do rohu */
	.asr-kids-hero::after {
		right: 10px !important;
		bottom: 8px !important;
		width: 48px !important;
		height: 48px !important;
		opacity: 0.9;
	}
}

@media (max-width: 782px) {
	.asr-kids-card h3::before {
		width: 74px;
		height: 74px;
		margin-bottom: 16px;
	}

	.asr-kids-card-box--children-art {
		min-height: auto;
	}

	.asr-kids-card-box--children-art::after {
		width: 180px;
		height: 220px;
		right: 8px;
		bottom: 8px;
		opacity: 0.12;
	}
}

@media (hover: none) {
	.asr-kids-card:hover {
		transform: none;
		box-shadow: 0 18px 36px rgba(36, 59, 103, 0.15);
	}

	.asr-kids-card:hover h3 {
		transform: none;
	}

	.asr-kids-card:hover h3::before {
		transform: none;
		animation: none;
		filter: drop-shadow(0 4px 10px rgba(36, 59, 103, 0.08));
	}
}

@media (prefers-reduced-motion: reduce) {
	.asr-kids-card,
	.asr-kids-card h3,
	.asr-kids-card h3::before,
	.asr-kids-page .wp-block-button__link {
		transition: none !important;
		animation: none !important;
	}

	.asr-kids-card:hover,
	.asr-kids-card:hover h3,
	.asr-kids-page .wp-block-button__link:hover {
		transform: none !important;
	}
}