/*
Theme Name: Entspannung zu Hause
Theme URI: https://example.com/
Author: Entspannung zu Hause
Description: Minimalistisches Block-Theme für ein unabhängiges Affiliate- und Produktvergleichsportal rund um Entspannung zuhause. Alle Inhalte bestehen aus WordPress-Kernblöcken und sind im Website-Editor vollständig bearbeitbar. Schrift lokal eingebunden (keine externen Anfragen).
Version: 1.1.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: entspannung-zu-hause
Tags: block-theme, full-site-editing, one-column, custom-colors, editor-style
*/

/* ---------- Allgemein ---------- */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
[id] { scroll-margin-top: 1.5rem; }
:where(a, summary, button):focus-visible { outline: 3px solid #9DB89F; outline-offset: 3px; }

/* ---------- Header: Logo-Zeichen vor dem Seitentitel ---------- */
.brand-title a { display: inline-flex; align-items: center; gap: 0.625rem; color: inherit; text-decoration: none; min-height: 44px; }
.brand-title a::before {
	content: "";
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='10' fill='%233F5F46'/%3E%3Cpath d='M9 21c0-7 5-11 14-12 0 8-4 13-11 13-1 0-2 0-3-1z' fill='%23EAEFE4'/%3E%3Cpath d='M9 23c3-4 6-7 10-9' stroke='%233F5F46' stroke-width='1.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") center / contain no-repeat;
}
.site-header .wp-block-navigation a { text-decoration: none; }
.site-header .wp-block-navigation a:hover { color: #3F5F46; }
.site-footer .wp-block-navigation a { text-decoration: none; }
.site-footer .wp-block-navigation a:hover { color: #3F5F46; text-decoration: underline; }

/* ---------- Buttons ---------- */
.wp-block-button.has-arrow .wp-block-button__link { display: inline-flex; align-items: center; gap: 0.6rem; }
.wp-block-button.has-arrow .wp-block-button__link::after,
.is-guide-card::after {
	content: "";
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3 9h11M10 4.5L14.5 9 10 13.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3 9h11M10 4.5L14.5 9 10 13.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.wp-block-button__link { min-height: 48px; box-sizing: border-box; }
.wp-block-button.is-secondary .wp-block-button__link:hover { background-color: #DCE8D5 !important; color: #2F4A35 !important; }

/* ---------- Häkchen ---------- */
.is-style-checkmarks { list-style: none; padding-left: 0 !important; }
.is-style-checkmarks > li { position: relative; padding-left: 1.875rem; }
.is-style-checkmarks > li + li { margin-top: 0.5rem; }
.is-style-checkmarks > li::before,
.is-check-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.15em;
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23DCE8D5'/%3E%3Cpath d='M6 10.3l2.8 2.8L14 7.6' fill='none' stroke='%233F5F46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.is-check-item { position: relative; padding-left: 1.75rem; }
.is-check-item::before { width: 18px; height: 18px; top: 0.1em; }

/* ---------- Kacheln / Karten ---------- */
.is-card { position: relative; overflow: hidden; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.is-card:hover { border-color: #9DB89F !important; box-shadow: 0 6px 24px rgba(31, 43, 36, 0.06); }
.is-card .wp-block-image { margin: 0; }
.is-card .wp-block-image img { display: block; width: 100%; }
.is-card a { text-decoration: none; }
.is-stretched-link a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.is-guide-card { color: #3F5F46; }
.is-guide-card a { color: #1F2B24; }
.is-pill { width: fit-content; }

/* ---------- Produktkarten ---------- */
.is-product-card { overflow: hidden; }
.is-product-card .wp-block-media-text > .wp-block-media-text__content { padding: 0; }
.is-product-card .wp-block-media-text__media { min-height: 300px; }
@media (max-width: 600px) {
	.is-product-card .wp-block-media-text__media { min-height: 220px; }
	.is-product-card .wp-block-media-text > .wp-block-media-text__content > .wp-block-group { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
}

/* ---------- FAQ (Details-Block) ---------- */
.is-faq-list { border-top: 1px solid #E6E0D2; }
.is-faq-list .wp-block-details { border-bottom: 1px solid #E6E0D2; margin: 0; padding: 0; }
.is-faq-list .wp-block-details summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 44px;
	padding: 1.1rem 0;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}
.is-faq-list .wp-block-details summary::-webkit-details-marker { display: none; }
.is-faq-list .wp-block-details summary::after {
	content: "";
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%233F5F46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform 0.2s ease;
}
.is-faq-list .wp-block-details[open] summary::after { transform: rotate(180deg); }
.is-faq-list .wp-block-details > :not(summary) { margin-top: 0; margin-bottom: 1.25rem; max-width: 40rem; }

/* ---------- Hero auf kleinen Bildschirmen ---------- */
@media (max-width: 600px) {
	.is-hero-card { padding: 1.75rem 1.5rem !important; }
}