/*
Theme Name: Plott&Nadel (Elementor)
Template: hello-elementor
Description: Child-Theme für Hello Elementor. Bindet die gut lesbaren Schriften Atkinson Hyperlegible und Lexend lokal ein (ohne Google-Server) und enthält die Farben von Plott&Nadel.
Author: Andrea Wahl
Version: 1.0.0
Requires at least: 6.4
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: plottundnadel-elementor
*/

/* Schriften – lokal auf dem eigenen Server */
@font-face {
	font-family: "Atkinson Hyperlegible";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("assets/fonts/atkinson-hyperlegible-latin-400-normal.woff2") format("woff2");
}
@font-face {
	font-family: "Atkinson Hyperlegible";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("assets/fonts/atkinson-hyperlegible-latin-700-normal.woff2") format("woff2");
}
@font-face {
	font-family: "Lexend";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("assets/fonts/lexend-latin-500-normal.woff2") format("woff2");
}
@font-face {
	font-family: "Lexend";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("assets/fonts/lexend-latin-600-normal.woff2") format("woff2");
}

/* Farben von Plott&Nadel */
:root {
	--pn-rot: #d42a2e;
	--pn-dunkelrot: #a81f22;
	--pn-rosa: #fbf2f3;
	--pn-text: #2a2224;
	--pn-grau: #5a4e51;
}

/* Grundschrift für die ganze Seite */
body {
	font-family: "Atkinson Hyperlegible", system-ui, sans-serif;
	font-size: 18px;
	line-height: 1.6;
	color: var(--pn-text);
	background: #ffffff;
}
h1, h2, h3, h4,
.elementor-heading-title {
	font-family: Lexend, system-ui, sans-serif;
}
a {
	color: var(--pn-rot);
}
a:hover {
	color: var(--pn-dunkelrot);
}

/* Sprungmarken (Menü) weich scrollen */
html {
	scroll-behavior: smooth;
}

/* Galerie: runde Ecken */
.elementor-image-gallery .gallery-item img {
	border-radius: 12px;
}

/* Fußzeile: Links in Grau */
.pn-fusszeile a {
	color: var(--pn-grau);
}

/* Produktinformationen: Herzchen als Aufzählungszeichen */
.pn-herzliste {
	list-style: none;
	padding-left: 0;
}
.pn-herzliste li {
	position: relative;
	padding-left: 1.6rem;
	margin-bottom: 0.4rem;
}
.pn-herzliste li::before {
	content: "\2665";
	position: absolute;
	left: 0;
	color: var(--pn-rot);
}

/* Texte in roten Bereichen: Links weiß */
.pn-rot a {
	color: #ffffff;
}