/**
 * Affiliate Neutral — front-end polish that theme.json can't express.
 * Design: "Vital & Life" — warme Koralle-Palette, Satoshi-Schrift.
 */

/* Crisp Satoshi rendering */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Sonnengelbes Badge als "Pop" auf den Produktkarten */
.ae-card__badge,
.ae-block--table .ae-card__badge {
	background: var(--wp--preset--color--pop) !important;
	color: #fff !important;
	box-shadow: 0 4px 12px rgba(255, 122, 89, .4);
}

/* Sterne in warmem Gold, passend zur Palette */
.ae-card, .ae-table, .ae-block { --ae-star: #f5a623; }

/* ---------- Voll-Akzent-Header (Koralle, weiße Schrift) ---------- */
.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--wp--preset--color--accent) !important;
	box-shadow: 0 2px 14px rgba(10, 110, 98, .25);
}
.site-header .wp-block-site-title a { text-decoration: none; color: #fff; }

/* Site-Logo: SVG-Logo muss explizit Größe haben, sonst kollabiert es */
.site-header .wp-block-site-logo,
.site-header .wp-block-site-logo a,
.site-header .custom-logo-link { display: inline-block !important; }
.site-header .custom-logo {
	display: block !important;
	width: 220px !important;
	height: 50px !important;
	max-width: none !important;
	max-height: 56px;
	object-fit: contain;
}
/* Site-Logo-Wrapper darf nicht auf 0 kollabieren */
.site-header .wp-block-site-logo { width: auto !important; flex: 0 0 auto !important; }

/* ---------- Methodik / Wie-wir-testen-Karten ---------- */
.pvl-criteria {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
	margin-top: 1rem;
}
@media (max-width: 980px) { .pvl-criteria { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .pvl-criteria { grid-template-columns: 1fr; } }

.pvl-criteria__card {
	background: #fff;
	border: 1px solid var(--wp--preset--color--border, #e0ebe8);
	border-radius: 16px;
	padding: 1.4rem 1.25rem 1.5rem;
	box-shadow: 0 1px 2px rgba(16,24,40,.04), 0 8px 24px rgba(16,24,40,.05);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.pvl-criteria__card:hover {
	transform: translateY(-3px);
	box-shadow: 0 2px 4px rgba(16,24,40,.06), 0 16px 36px rgba(16,24,40,.1);
	border-color: color-mix(in srgb, var(--wp--preset--color--accent) 35%, var(--wp--preset--color--border));
}
.pvl-criteria__icon {
	width: 52px; height: 52px;
	display: flex; align-items: center; justify-content: center;
	background: var(--wp--preset--color--accent-soft, #ddf2ee);
	color: var(--wp--preset--color--accent, #0d9488);
	border-radius: 12px;
	margin-bottom: 1rem;
}
.pvl-criteria__card:nth-child(2) .pvl-criteria__icon {
	background: color-mix(in srgb, var(--wp--preset--color--pop, #ff7a59) 18%, #fff);
	color: var(--wp--preset--color--pop, #ff7a59);
}
.pvl-criteria__card:nth-child(3) .pvl-criteria__icon {
	background: color-mix(in srgb, #b6e635 22%, #fff);
	color: #6b9b16;
}
.pvl-criteria__card:nth-child(4) .pvl-criteria__icon {
	background: color-mix(in srgb, #ffc02e 22%, #fff);
	color: #c98e00;
}
.pvl-criteria__card h3 {
	margin: 0 0 .5rem;
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--contrast, #16292b);
}
.pvl-criteria__card p {
	margin: 0;
	font-size: .92rem;
	line-height: 1.55;
	color: var(--wp--preset--color--contrast-2, #5b6e6c);
}
.site-header .wp-block-navigation a { color: #fff; font-weight: 600; opacity: .92; }
.site-header .wp-block-navigation a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
/* Mobile overlay menu items stay readable on the coral overlay */
.site-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--accent-2); }

/* Footer navigation links */
.site-footer .wp-block-navigation a { color: var(--wp--preset--color--base); font-weight: 500; opacity: .85; }
.site-footer .wp-block-navigation a:hover { opacity: 1; }

/* Footer legal links */
.footer-legal { list-style: none; margin: 0; padding: 0; }
.footer-legal li { margin: 0 0 .45rem; }
.footer-legal a { color: var(--wp--preset--color--base); text-decoration: none; opacity: .85; }
.footer-legal a:hover { opacity: 1; text-decoration: underline; }

/* Hero spacing tweak so the eyebrow sits tight to the headline */
.ae-hero .ae-eyebrow { margin-bottom: .25rem; }

/* Blog cards on the index */
.post-card {
	display: flex; flex-direction: column;
	background: #fff;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 10px 28px rgba(16,24,40,.06);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
	height: 100%;
}
.post-card:hover { transform: translateY(-4px); box-shadow: 0 2px 4px rgba(16,24,40,.08), 0 18px 44px rgba(16,24,40,.12); border-color: color-mix(in srgb, var(--wp--preset--color--accent) 35%, var(--wp--preset--color--border)); }
/* Feste 16:9-Bildfläche, damit ALLE Ratgeber-Karten gleich hohe Bilder haben,
   unabhängig vom Seitenverhältnis des Originalbilds. */
.post-card__img { margin: 0; aspect-ratio: 16 / 9; width: 100%; overflow: hidden; background: var(--wp--preset--color--accent-soft, #ddf2ee); }
.post-card__img img { border-radius: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.post-card__img a { display: block; height: 100%; }
.post-card__body { flex: 1; }
.post-card .wp-block-post-title { margin: 0; }
.post-card .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--contrast); }
.post-card .wp-block-post-title a:hover { color: var(--wp--preset--color--accent); }
.post-card .wp-block-post-excerpt__excerpt { margin: 0; }
.post-card .wp-block-read-more { text-decoration: none; }
.post-card .wp-block-read-more:hover { text-decoration: underline; }
.post-card .wp-block-post-terms a { display: inline-block; }

/* Featured image rounding (single posts/products only) */
.wp-block-post-featured-image img { border-radius: 12px; }
.post-card__img img { border-radius: 0; }

/* Kategorie-Tags — kompakte Uppercase-Pills mit Hover */
.wp-block-post-terms { line-height: 1; }
.wp-block-post-terms a {
	display: inline-block;
	background: var(--wp--preset--color--accent-soft);
	color: var(--wp--preset--color--accent-2);
	padding: .38em .8em;
	border-radius: 999px;
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
	line-height: 1;
	text-decoration: none;
	transition: background .15s ease, color .15s ease;
}
.wp-block-post-terms a:hover { background: var(--wp--preset--color--accent); color: #fff; }
.wp-block-post-terms .wp-block-post-terms__separator { display: none; }

/* Dynamische Copyright-Zeile im Footer */
.ae-copyright { text-align: center; font-size: .82rem; margin: 0; }
.ae-copyright__tm { opacity: .82; }

/* Smooth anchor scrolling for the hero button */
html { scroll-behavior: smooth; }