/*
 * Homepage — small bespoke pieces the block editor can't express, matched to
 * src/page-home.jsx. Section layout/colours come from the block markup; this
 * file styles the "Alle Produkte →" underline link and hero/mobile tweaks.
 * (The newsletter band's form is the shared Klaviyo embed — klaviyo.css.)
 */

/* "Alle Produkte →" — yellow underline accent (page-home bestseller header) */
.sisa-link-underline {
	color: var(--sisa-ink);
	text-decoration: none;
	border-bottom: 2px solid var(--sisa-yellow);
	padding-bottom: 4px;
}
.sisa-link-underline:hover { color: var(--sisa-ink); border-bottom-color: var(--sisa-ink); }

/* Hero — ensure the cover image reads behind the gradient and headline pops. */
.wp-block-cover h1.wp-block-heading { text-shadow: 0 1px 24px rgba(0, 0, 0, 0.25); }

/* Mobile: the hero CTAs stack full-width (design page-home.jsx mobile — thumb-
   friendly ZUM SHOP above BERATER), instead of two small side-by-side buttons. */
@media (max-width: 689px) {
	.home .wp-block-cover .wp-block-buttons { flex-direction: column; align-items: stretch; width: 100%; padding-inline: 22px; box-sizing: border-box; }
	.home .wp-block-cover .wp-block-buttons .wp-block-button { width: 100%; }
	.home .wp-block-cover .wp-block-buttons .wp-block-button__link { display: block; width: 100%; box-sizing: border-box; text-align: center; }
}

/* The intro statement reads as a centered editorial column in the design (~2
   lines at ~700px) — not a full-container-width single line. */
.home .entry-content > .wp-block-group p.has-text-align-center { max-width: 720px; margin-left: auto; margin-right: auto; }

/* Dark mode: the hero cover's dim layer uses the palette "ink" color, which the
   dark theme flips to cream (#F0EDE5) — the 30% "dim" then BRIGHTENS the image
   instead of darkening it (Gilles, live report 2026-08-20). Pin the scrim to the
   light-mode ink so the overlay always darkens, both themes. */
[data-theme="dark"] .wp-block-cover .wp-block-cover__background.has-ink-background-color.has-background-dim {
	background-color: #1A1A1A !important;
}