/* ==========================================================================
   Spectra homepage (Domov) — makes uagb/* blocks render pixel-perfect against
   the 7/2026 PDF by reusing the theme design tokens (tokens.css) and the
   proven section geometry from main.css. Content stays editable as Spectra
   blocks; this file only neutralizes Spectra chrome and maps helper classes
   onto the uagb DOM.
   ========================================================================== */

/* Spectra wraps each container/heading/button in extra chrome. We drive layout
   with the theme's own section classes (.hero, .why__grid, …), so strip the
   Spectra wrappers' default box model where they'd interfere. Scoped to the
   home main so nothing else on the site is affected. */

.entry-home .wp-block-uagb-container {
	/* Spectra containers default to flex-column-center, which fights the
	   theme's own section layout. Reset to normal block flow; section-specific
	   rules below (higher in the cascade, equal specificity, declared later)
	   re-establish the exact grids/flex the design needs. */
	display: block;
	flex-direction: row;
	align-items: initial;
	justify-content: initial;
	min-height: 0;
	gap: 0;
	max-width: none;
}

/* advanced-heading: collapse wrapper so <h1>/<h2> flows under our heading class */
.entry-home .wp-block-uagb-advanced-heading { display: contents; }
.entry-home .uagb-heading-text { margin: 0; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }

/* ---------- Hero heading (Spectra sets its own font-size on the h1) ---------- */
.entry-home .hero__title .uagb-heading-text {
	font-size: var(--fs-h1-sub);
	font-weight: 400;
	color: var(--c-black);
	line-height: 0.76;
}
.entry-home .hero__title .uagb-heading-text strong {
	font-size: var(--fs-h1);
	font-weight: 700;
	color: var(--c-green-dark);
}

/* Force hero layout — Spectra containers ship their own flex align/justify
   that otherwise overrides main.css. Keep content packed to the left. */
.entry-home .hero__inner {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}
.entry-home .hero__content {
	display: block;
	align-items: flex-start;
	text-align: left;
	width: 100%;
}

/* ---------- Buttons (uagb/buttons + uagb/buttons-child) ---------- */
/* Collapse Spectra's flex wrappers; restyle the inner <a> as a theme .btn. */
.entry-home .wp-block-uagb-buttons { display: contents; }
.entry-home .uagb-buttons__wrap { display: flex; flex-wrap: wrap; gap: 14px; }
.entry-home .wp-block-uagb-buttons-child { margin: 0; }
.entry-home .uagb-button__wrapper { margin: 0; }

/* Reset Spectra's default black pill on the clickable link, then apply .btn */
.entry-home .uagb-buttons-repeater.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 9px 26px;
	border-radius: var(--radius-btn);
	border: 1.5px solid transparent;
	font-size: var(--fs-lead);
	font-weight: 400;
	line-height: 1;
	background: none;
	color: inherit;
	box-shadow: none;
	white-space: nowrap;
}
.entry-home .uagb-button__link { display: inline; margin: 0; }
/* trailing arrow icon (matches hlad_icon('arrow')) */
.entry-home .uagb-buttons-repeater.wp-block-button__link::after {
	content: "";
	width: 20px; height: 20px;
	flex-shrink: 0;
	background: currentColor;
	-webkit-mask: var(--arrow-mask) center / contain no-repeat;
	mask: var(--arrow-mask) center / contain no-repeat;
	--arrow-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12h15M14 6.5 19.5 12 14 17.5"/></svg>');
}

/* Button variants — add these classes to the buttons-child block */
.entry-home .home-btn--green .uagb-buttons-repeater.wp-block-button__link {
	background: var(--grad-green); color: var(--c-white);
}
.entry-home .home-btn--outline-purple .uagb-buttons-repeater.wp-block-button__link {
	border-color: var(--c-purple); color: var(--c-purple); background: var(--c-white);
}
.entry-home .home-btn--outline-green .uagb-buttons-repeater.wp-block-button__link {
	border-color: var(--c-green); color: var(--c-green); background: var(--c-white);
}
.entry-home .home-btn--outline-white .uagb-buttons-repeater.wp-block-button__link {
	border-color: var(--c-white); color: var(--c-white); background: transparent;
}
.entry-home .home-btn--purple .uagb-buttons-repeater.wp-block-button__link {
	background: var(--c-purple); color: var(--c-white);
}

/* ==========================================================================
   Section layouts — re-establish the design's grids/flex above Spectra's
   flex-column-center container default (declared after the blanket reset so
   they win at equal specificity). Colors/paddings come from main.css.
   ========================================================================== */

/* Constrained content width (blanket reset cleared max-width) */
.entry-home .container {
	max-width: calc(var(--container) + 2 * var(--gutter));
	margin-inline: auto;
	padding-inline: var(--gutter);
	width: 100%;
}

/* ---------- Why / features ---------- */
.entry-home .why__grid {
	display: grid;
	grid-template-columns: minmax(0, 350px) minmax(0, 1fr);
	gap: 40px;
	align-items: start;
}
.entry-home .why__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.entry-home .feature-card { display: flex; gap: 18px; align-items: center; }
.entry-home .feature-card__text { display: block; }

/* ---------- Suitability ---------- */
.entry-home .suitability__box { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.entry-home .suitability__col { display: block; }
.entry-home .suitability__heading { display: flex; align-items: center; gap: 10px; }

/* ---------- Benefits ---------- */
.entry-home .benefits__grid {
	display: grid;
	grid-template-columns: minmax(0, 330px) minmax(0, 1fr);
	gap: 44px;
	align-items: start;
}
.entry-home .benefits__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px 28px; }
.entry-home .benefit { display: block; }

/* ---------- Programs ---------- */
.entry-home .programs__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
	gap: 28px;
	align-items: start;
}
.entry-home .program-left { display: block; }
.entry-home .program-main { display: flex; gap: 44px; align-items: flex-start; }
.entry-home .program-main__body { display: block; }
.entry-home .program-topics { display: block; }
.entry-home .program-main__photo { flex: 0 0 282px; max-width: 282px; margin: 0; border-radius: var(--radius-box); }
.entry-home .program-main__photo img { width: 100%; border-radius: var(--radius-box); }

/* ==========================================================================
   Icons — masked from the theme's generated homepage SVGs. The circle/tint
   comes from main.css; the glyph is a masked ::before tinted by currentColor.
   ========================================================================== */
.entry-home .feature-card__icon,
.entry-home .benefit__icon,
.entry-home .suitability__badge { position: relative; }

.entry-home .feature-card__icon::before,
.entry-home .benefit__icon::before,
.entry-home .suitability__badge::before {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	background-color: currentColor;
}
.entry-home .feature-card__icon::before { width: 40px; height: 40px; }
.entry-home .benefit__icon::before { width: 48px; height: 48px; }
.entry-home .suitability__badge::before { width: 18px; height: 18px; }
.entry-home .benefit__icon { width: 48px; height: 48px; }

/* Shorthand mask (matches the working checklist pattern in main.css) */
.entry-home .icon-edu::before       { -webkit-mask: url(../img/icons/home/edu.svg) center / contain no-repeat;       mask: url(../img/icons/home/edu.svg) center / contain no-repeat; }
.entry-home .icon-community::before { -webkit-mask: url(../img/icons/home/community.svg) center / contain no-repeat; mask: url(../img/icons/home/community.svg) center / contain no-repeat; }
.entry-home .icon-growth::before    { -webkit-mask: url(../img/icons/home/growth.svg) center / contain no-repeat;    mask: url(../img/icons/home/growth.svg) center / contain no-repeat; }
.entry-home .icon-values::before    { -webkit-mask: url(../img/icons/home/values.svg) center / contain no-repeat;    mask: url(../img/icons/home/values.svg) center / contain no-repeat; }
.entry-home .icon-book::before      { -webkit-mask: url(../img/icons/home/book.svg) center / contain no-repeat;      mask: url(../img/icons/home/book.svg) center / contain no-repeat; }
.entry-home .icon-calendar::before  { -webkit-mask: url(../img/icons/home/calendar.svg) center / contain no-repeat;  mask: url(../img/icons/home/calendar.svg) center / contain no-repeat; }
.entry-home .icon-tools::before     { -webkit-mask: url(../img/icons/home/tools.svg) center / contain no-repeat;     mask: url(../img/icons/home/tools.svg) center / contain no-repeat; }
.entry-home .icon-play::before      { -webkit-mask: url(../img/icons/home/play.svg) center / contain no-repeat;      mask: url(../img/icons/home/play.svg) center / contain no-repeat; }
.entry-home .icon-bulb::before      { -webkit-mask: url(../img/icons/home/bulb.svg) center / contain no-repeat;      mask: url(../img/icons/home/bulb.svg) center / contain no-repeat; }
.entry-home .icon-tick::before      { -webkit-mask: url(../img/icons/home/tick.svg) center / contain no-repeat;      mask: url(../img/icons/home/tick.svg) center / contain no-repeat; }
.entry-home .icon-x::before         { -webkit-mask: url(../img/icons/home/x.svg) center / contain no-repeat;         mask: url(../img/icons/home/x.svg) center / contain no-repeat; }

/* Inline data-URI icon masks (external-file masks don't render as CSS masks in Chromium) */
.entry-home .icon-edu::before { -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4.4 14.4a8.3 8.3 0 0 0 13.7 3.8"/><path d="M19.6 9.6A8.3 8.3 0 0 0 5.9 5.8"/><path d="m12 6.2-6 2.7 6 2.7 6-2.7-6-2.7Z"/><path d="M9 10.5v2.1c0 .9 1.3 1.6 3 1.6s3-.7 3-1.6v-2.1"/><path d="M6.6 9.5v2.6"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4.4 14.4a8.3 8.3 0 0 0 13.7 3.8"/><path d="M19.6 9.6A8.3 8.3 0 0 0 5.9 5.8"/><path d="m12 6.2-6 2.7 6 2.7 6-2.7-6-2.7Z"/><path d="M9 10.5v2.1c0 .9 1.3 1.6 3 1.6s3-.7 3-1.6v-2.1"/><path d="M6.6 9.5v2.6"/></svg>') center / contain no-repeat; }
.entry-home .icon-community::before { -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="10.5" y="3" width="10" height="6.5" rx="1"/><path d="M12.8 5.3h5.4M12.8 7.2h3.6"/><circle cx="5.8" cy="5" r="1.7"/><path d="M3.6 11.8V9.9c0-1 .8-1.8 1.8-1.8h.8c1 0 1.8.8 1.8 1.8v1.9"/><circle cx="8.3" cy="14.6" r="1.6"/><circle cx="12" cy="14.6" r="1.6"/><circle cx="15.7" cy="14.6" r="1.6"/><path d="M5.6 21c.3-2 1.4-3.2 2.7-3.2 1.3 0 2.4 1.2 2.7 3.2M9.3 21c.3-2 1.4-3.2 2.7-3.2 1.3 0 2.4 1.2 2.7 3.2M13 21c.3-2 1.4-3.2 2.7-3.2 1.3 0 2.4 1.2 2.7 3.2"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="10.5" y="3" width="10" height="6.5" rx="1"/><path d="M12.8 5.3h5.4M12.8 7.2h3.6"/><circle cx="5.8" cy="5" r="1.7"/><path d="M3.6 11.8V9.9c0-1 .8-1.8 1.8-1.8h.8c1 0 1.8.8 1.8 1.8v1.9"/><circle cx="8.3" cy="14.6" r="1.6"/><circle cx="12" cy="14.6" r="1.6"/><circle cx="15.7" cy="14.6" r="1.6"/><path d="M5.6 21c.3-2 1.4-3.2 2.7-3.2 1.3 0 2.4 1.2 2.7 3.2M9.3 21c.3-2 1.4-3.2 2.7-3.2 1.3 0 2.4 1.2 2.7 3.2M13 21c.3-2 1.4-3.2 2.7-3.2 1.3 0 2.4 1.2 2.7 3.2"/></svg>') center / contain no-repeat; }
.entry-home .icon-growth::before { -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20.5V8.2"/><path d="M12 11.5C12 8.5 9.8 6.6 7 6.6c0 3 2.2 4.9 5 4.9Z"/><path d="M12 15c0-3 2.2-4.9 5-4.9 0 3-2.2 4.9-5 4.9Z"/><path d="M12 8.2c0-2.2 1.2-3.8 3.1-4.4.4 1.9-.6 3.6-3.1 4.4Z"/><path d="M4.5 20.5h15"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20.5V8.2"/><path d="M12 11.5C12 8.5 9.8 6.6 7 6.6c0 3 2.2 4.9 5 4.9Z"/><path d="M12 15c0-3 2.2-4.9 5-4.9 0 3-2.2 4.9-5 4.9Z"/><path d="M12 8.2c0-2.2 1.2-3.8 3.1-4.4.4 1.9-.6 3.6-3.1 4.4Z"/><path d="M4.5 20.5h15"/></svg>') center / contain no-repeat; }
.entry-home .icon-values::before { -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="6.3" cy="6.8" r="2.1"/><circle cx="17.7" cy="6.8" r="2.1"/><path d="M2.7 19.5v-4c0-1.9 1.5-3.4 3.4-3.4h.5c.8 0 1.5.3 2.1.7"/><path d="M21.3 19.5v-4c0-1.9-1.5-3.4-3.4-3.4h-.5c-.8 0-1.5.3-2.1.7"/><path d="M12 19.5l-2.7-2.8c-1.5-1.5-.4-4.1 1.6-4.1.6 0 1.1.3 1.1.8 0-.5.5-.8 1.1-.8 2 0 3.1 2.6 1.6 4.1L12 19.5Z" fill="black" stroke="none"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="6.3" cy="6.8" r="2.1"/><circle cx="17.7" cy="6.8" r="2.1"/><path d="M2.7 19.5v-4c0-1.9 1.5-3.4 3.4-3.4h.5c.8 0 1.5.3 2.1.7"/><path d="M21.3 19.5v-4c0-1.9-1.5-3.4-3.4-3.4h-.5c-.8 0-1.5.3-2.1.7"/><path d="M12 19.5l-2.7-2.8c-1.5-1.5-.4-4.1 1.6-4.1.6 0 1.1.3 1.1.8 0-.5.5-.8 1.1-.8 2 0 3.1 2.6 1.6 4.1L12 19.5Z" fill="black" stroke="none"/></svg>') center / contain no-repeat; }
.entry-home .icon-book::before { -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5.2C10.2 3.9 8.1 3.4 5.3 3.4c-.4 0-.7.3-.7.7v10.7c0 .4.3.7.7.7 2.8 0 4.8.6 6.7 1.9 1.9-1.3 3.9-1.9 6.7-1.9.4 0 .7-.3.7-.7V4.1c0-.4-.3-.7-.7-.7-2.8 0-4.9.5-6.7 1.8Z"/><path d="M12 5.2v12.2"/><path d="M2.9 6v11.4c0 .4.3.7.7.7 3.2 0 5.8.7 8.4 2.2 2.6-1.5 5.2-2.2 8.4-2.2.4 0 .7-.3.7-.7V6"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5.2C10.2 3.9 8.1 3.4 5.3 3.4c-.4 0-.7.3-.7.7v10.7c0 .4.3.7.7.7 2.8 0 4.8.6 6.7 1.9 1.9-1.3 3.9-1.9 6.7-1.9.4 0 .7-.3.7-.7V4.1c0-.4-.3-.7-.7-.7-2.8 0-4.9.5-6.7 1.8Z"/><path d="M12 5.2v12.2"/><path d="M2.9 6v11.4c0 .4.3.7.7.7 3.2 0 5.8.7 8.4 2.2 2.6-1.5 5.2-2.2 8.4-2.2.4 0 .7-.3.7-.7V6"/></svg>') center / contain no-repeat; }
.entry-home .icon-calendar::before { -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4.8" width="18" height="15.4" rx="2.8"/><path d="M3 8.8h18M7.5 2.6v3.4M12 2.6v3.4M16.5 2.6v3.4"/><circle cx="7" cy="11.8" r="1" fill="black" stroke="none"/><circle cx="10.3" cy="11.8" r="1" fill="black" stroke="none"/><circle cx="13.7" cy="11.8" r="1" fill="black" stroke="none"/><circle cx="17" cy="11.8" r="1" fill="black" stroke="none"/><circle cx="7" cy="14.4" r="1" fill="black" stroke="none"/><circle cx="10.3" cy="14.4" r="1" fill="black" stroke="none"/><circle cx="13.7" cy="14.4" r="1" fill="black" stroke="none"/><circle cx="17" cy="14.4" r="1" fill="black" stroke="none"/><circle cx="7" cy="17" r="1" fill="black" stroke="none"/><circle cx="10.3" cy="17" r="1" fill="black" stroke="none"/><circle cx="13.7" cy="17" r="1" fill="black" stroke="none"/><circle cx="17" cy="17" r="1" fill="black" stroke="none"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4.8" width="18" height="15.4" rx="2.8"/><path d="M3 8.8h18M7.5 2.6v3.4M12 2.6v3.4M16.5 2.6v3.4"/><circle cx="7" cy="11.8" r="1" fill="black" stroke="none"/><circle cx="10.3" cy="11.8" r="1" fill="black" stroke="none"/><circle cx="13.7" cy="11.8" r="1" fill="black" stroke="none"/><circle cx="17" cy="11.8" r="1" fill="black" stroke="none"/><circle cx="7" cy="14.4" r="1" fill="black" stroke="none"/><circle cx="10.3" cy="14.4" r="1" fill="black" stroke="none"/><circle cx="13.7" cy="14.4" r="1" fill="black" stroke="none"/><circle cx="17" cy="14.4" r="1" fill="black" stroke="none"/><circle cx="7" cy="17" r="1" fill="black" stroke="none"/><circle cx="10.3" cy="17" r="1" fill="black" stroke="none"/><circle cx="13.7" cy="17" r="1" fill="black" stroke="none"/><circle cx="17" cy="17" r="1" fill="black" stroke="none"/></svg>') center / contain no-repeat; }
.entry-home .icon-tools::before { -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5.8 13.6a6.6 6.6 0 1 1 12.4 0"/><path d="M5.4 11.4H3.6M6.94 7.16 5.57 6M10.85 4.9l-.31-1.77M15.3 5.68l.9-1.55M18.2 9.14l1.7-.61"/><circle cx="12" cy="10.8" r="2.6"/><path d="M8.8 19.8v-.4c0-2.3 1.4-3.8 3.2-3.8s3.2 1.5 3.2 3.8v.4"/><circle cx="5.9" cy="13.8" r="2.2"/><path d="M2.6 20.3c0-2.6 1.4-4.2 3.3-4.2 1 0 1.9.5 2.5 1.3"/><circle cx="18.1" cy="13.8" r="2.2"/><path d="M21.4 20.3c0-2.6-1.4-4.2-3.3-4.2-1 0-1.9.5-2.5 1.3"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5.8 13.6a6.6 6.6 0 1 1 12.4 0"/><path d="M5.4 11.4H3.6M6.94 7.16 5.57 6M10.85 4.9l-.31-1.77M15.3 5.68l.9-1.55M18.2 9.14l1.7-.61"/><circle cx="12" cy="10.8" r="2.6"/><path d="M8.8 19.8v-.4c0-2.3 1.4-3.8 3.2-3.8s3.2 1.5 3.2 3.8v.4"/><circle cx="5.9" cy="13.8" r="2.2"/><path d="M2.6 20.3c0-2.6 1.4-4.2 3.3-4.2 1 0 1.9.5 2.5 1.3"/><circle cx="18.1" cy="13.8" r="2.2"/><path d="M21.4 20.3c0-2.6-1.4-4.2-3.3-4.2-1 0-1.9.5-2.5 1.3"/></svg>') center / contain no-repeat; }
.entry-home .icon-play::before { -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2.8" y="5.2" width="18.4" height="13.6" rx="5"/><path d="m10.3 9 5 3-5 3V9Z" fill="black" stroke="none"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2.8" y="5.2" width="18.4" height="13.6" rx="5"/><path d="m10.3 9 5 3-5 3V9Z" fill="black" stroke="none"/></svg>') center / contain no-repeat; }
.entry-home .icon-bulb::before { -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3.8a5.6 5.6 0 0 0-3 10.3c.6.4 1 1.1 1 1.8v.4h4v-.4c0-.7.4-1.4 1-1.8a5.6 5.6 0 0 0-3-10.3Z"/><circle cx="12" cy="9.3" r="2.2"/><path d="M14.2 9.3h1.2M12 7.1V5.9M9.8 9.3H8.6M13.56 7.74l.84-.84M10.44 7.74l-.84-.84M13.56 10.86l.84.84M10.44 10.86l-.84.84M12 11.5v4.6"/><path d="M10.3 18.4h3.4M10.7 20.2h2.6"/><path d="M12 1v1.5M6.1 3l1 1.2M17.9 3l-1 1.2M3.4 9.6h1.6M19 9.6h1.6M4.3 5.9l1.4.8M19.7 5.9l-1.4.8"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3.8a5.6 5.6 0 0 0-3 10.3c.6.4 1 1.1 1 1.8v.4h4v-.4c0-.7.4-1.4 1-1.8a5.6 5.6 0 0 0-3-10.3Z"/><circle cx="12" cy="9.3" r="2.2"/><path d="M14.2 9.3h1.2M12 7.1V5.9M9.8 9.3H8.6M13.56 7.74l.84-.84M10.44 7.74l-.84-.84M13.56 10.86l.84.84M10.44 10.86l-.84.84M12 11.5v4.6"/><path d="M10.3 18.4h3.4M10.7 20.2h2.6"/><path d="M12 1v1.5M6.1 3l1 1.2M17.9 3l-1 1.2M3.4 9.6h1.6M19 9.6h1.6M4.3 5.9l1.4.8M19.7 5.9l-1.4.8"/></svg>') center / contain no-repeat; }
.entry-home .icon-tick::before { -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m4.5 12.5 5 5L19.5 7"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m4.5 12.5 5 5L19.5 7"/></svg>') center / contain no-repeat; }
.entry-home .icon-x::before { -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m6.5 6.5 11 11M17.5 6.5l-11 11"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m6.5 6.5 11 11M17.5 6.5l-11 11"/></svg>') center / contain no-repeat; }

/* ==========================================================================
   Responsive — our .entry-home overrides outrank main.css media queries, so
   mirror the same breakpoints here to collapse the grids on tablet/mobile.
   ========================================================================== */
@media (max-width: 1200px) {
	.entry-home .programs__grid { grid-template-columns: minmax(0, 1fr); }
	.entry-home .benefits__items { gap: 24px 20px; }
}
@media (max-width: 960px) {
	.entry-home .why__grid { grid-template-columns: 1fr; }
	.entry-home .benefits__grid { grid-template-columns: 1fr; gap: 36px; }
	.entry-home .suitability__box { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 700px) {
	.entry-home .why__cards { grid-template-columns: 1fr; }
	.entry-home .benefits__items { grid-template-columns: 1fr 1fr; }
	.entry-home .program-main { flex-direction: column; align-items: stretch; }
	.entry-home .program-main__photo,
	.entry-home .program-main__photo img { width: 100%; max-width: 340px; }
}
@media (max-width: 460px) {
	.entry-home .benefits__items { grid-template-columns: 1fr; }
}

/* Buttons: the Dongle font renders glyphs high in their line box, leaving more
   empty space below the label than above. Trim the button's bottom padding so
   the text looks optically centred (space below ≈ space above). */
.wp-block-uagb-buttons-child .uagb-buttons-repeater.wp-block-button__link {
	padding-bottom: 6px !important;
}

/* Programs card — "3 fázy programu" / "4 dôležité témy" numbered lists.
   Keep the circled number beside its text (and the group icon beside its list)
   on every breakpoint. Spectra gives direct-child blocks width:100% on mobile,
   which wraps the row; these rules pin the inline layout. Scoped to the card. */
.prog-nrow.wp-block-uagb-container,
.prog-grow.wp-block-uagb-container {
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
}
/* group icon sits beside the whole list, top-aligned with the first row (as in
   the PDF) rather than vertically centered — keeps it tight under the heading. */
.prog-grow.wp-block-uagb-container { align-items: flex-start !important; }
.prog-nrow > .wp-block-uagb-container {
	/* structural only — size comes from the block's own width attribute */
	flex: 0 0 auto !important;
}
.prog-nrow > p {
	flex: 1 1 auto !important;
	width: auto !important;
	margin: 0 !important;
}
.prog-grow > .wp-block-uagb-container:first-child {
	flex: 0 0 auto !important;
}
.prog-grow > .wp-block-uagb-container:last-child {
	flex: 1 1 auto !important;
}