/*
Theme Name: Holz Marlene (Astra)
Template: astra
Description: Child-Theme von Astra für „Brennholz Marlene Wulf“. Seite und Kopf-/Fußzeile sind mit Elementor gebaut (wie die Vorlage). Hier liegen nur lokale Schriften (offline, ohne Google), der WhatsApp-Knopf und die Anpassung an mehrere Adressen.
Version: 1.0.1
Text Domain: holz-astra
*/

/* ── Schriften lokal (statt Google Fonts) ───────────────────────────────── */
@font-face { font-family: "Barlow"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/barlow-400.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 400; font-style: italic; font-display: swap; src: url("fonts/barlow-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 500; font-style: normal; font-display: swap; src: url("fonts/barlow-500.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/barlow-600.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/barlow-700.woff2") format("woff2"); }
@font-face { font-family: "Oswald"; font-weight: 500 600; font-style: normal; font-display: swap; src: url("fonts/oswald.woff2") format("woff2"); }
@font-face { font-family: "Caveat"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/caveat-600.woff2") format("woff2"); }

html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body, button, input, select, textarea { font-family: "Barlow", system-ui, sans-serif; }

/* Normale Seiten (Impressum, Datenschutz): Überschriften wie auf der Startseite */
body:not(.elementor-page) .entry-title,
body:not(.elementor-page) .entry-content h2,
body:not(.elementor-page) .entry-content h3 {
	font-family: "Oswald", sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; color: #2f4b2b;
}
.platzhalter { background: #fff4e0; border-left: 4px solid #e2861f; padding: .8rem 1rem; }

/* Kopfzeile bleibt oben stehen (Elementor Pro „Sticky“ ist kostenpflichtig) */
.ehf-header #masthead { position: sticky; top: 0; z-index: 99; }
.admin-bar.ehf-header #masthead { top: 32px; }

/* Preiszeilen: punktierte Linie wie auf der Vorlage */
.holz-preise .elementor-price-list-separator,
.holz-preiszeile { border-bottom: 1px dotted rgba(255, 255, 255, .45); }

/* Preiszeilen: Sorte nimmt den Platz, Preisschild bricht nie um */
.e-con.holz-sorte { --width: auto; flex: 1 1 auto !important; min-width: 0; }
.e-con.holz-preis { --width: auto; width: auto !important; flex: 0 0 auto !important; white-space: nowrap; }
.e-con.holz-preis > .e-con-inner, .e-con.holz-preis .elementor-widget { width: auto !important; flex: 0 0 auto !important; }
.holz-logo { flex-shrink: 0 !important; }

/* Große Überschrift im Einstieg (als Textfeld, damit sie ohne Code bearbeitbar ist) */
.holz-h1 h1 { font-family: "Oswald", sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 1px;
	font-size: 62px; line-height: 1.12; color: #fff; margin: 0; }
@media (max-width: 767px) { .holz-h1 h1 { font-size: 38px; } }

/* ── Schwebender WhatsApp-Knopf ───────────────────────────────────────── */
.whatsapp-schwebe {
	position: fixed; right: 22px; bottom: 22px; z-index: 999; width: 58px; height: 58px; border-radius: 50%;
	background: #25d366; display: grid; place-items: center; box-shadow: 0 8px 24px rgba(0, 0, 0, .3);
	transition: transform .2s;
}
.whatsapp-schwebe:hover { transform: scale(1.08); }
.whatsapp-schwebe svg { width: 32px; height: 32px; fill: #fff; }

@media (max-width: 767px) {
	.admin-bar.ehf-header #masthead { top: 0; }
}