/*
Theme Name: EUSES bioLÄDELI
Theme URI: https://neueslaedeli.ch
Author: Ladengenossenschaft Inneres Lind
Description: Block-Theme für das Neue Lädeli an der St. Georgenstrasse 34, Winterthur. Plakatsprache mit Terrakotta, rosa Etiketten und der Hausskizze.
Version: 1.0.2
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: neues-laedeli
*/

/* Rosa «Etikett» wie auf den Plakaten */
.is-style-etikett {
	display: inline-block;
	background: var(--wp--preset--color--rosa);
	color: var(--wp--preset--color--terrakotta);
	padding: 0.12em 0.4em 0.02em;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
p.is-style-etikett { padding: 0.2em 0.5em; text-wrap: balance; }

/* Polaroid-Bild */
.is-style-polaroid img {
	background: #fff;
	padding: 12px 12px 42px;
	box-shadow: 0 14px 34px rgba(60, 30, 20, 0.22);
}
.is-style-polaroid { transform: rotate(3deg); }
.is-style-polaroid figcaption {
	margin-top: -34px;
	padding-left: 14px;
	text-align: left;
	font-size: 15px;
	color: var(--wp--preset--color--text-weich);
	position: relative;
}

/* Programmliste */
.laedeli-programm { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.laedeli-programm li a {
	display: grid;
	grid-template-columns: 9rem 1fr;
	gap: 1rem;
	align-items: baseline;
	background: var(--wp--preset--color--creme);
	padding: 0.85rem 1.2rem;
	font-size: 1.3rem;
	text-decoration: none;
	color: var(--wp--preset--color--tinte);
}
.laedeli-programm li a:hover { background: #fff; }
.laedeli-programm .datum { font-weight: 700; color: var(--wp--preset--color--terrakotta); }
.laedeli-programm .anmeldung { font-size: 0.8rem; font-weight: 700; color: var(--wp--preset--color--terrakotta); margin-left: 0.6rem; white-space: nowrap; }
.laedeli-programm-leer { font-size: 1.1rem; }
@media (max-width: 600px) {
	.laedeli-programm li a { grid-template-columns: 1fr; gap: 0.1rem; font-size: 1.1rem; }
}

.laedeli-datum { font-weight: 700; color: var(--wp--preset--color--terrakotta); font-size: 1.1rem; }
.laedeli-anmeldung-box { border-top: 3px solid var(--wp--preset--color--rosa); padding-top: 1.5rem; margin-top: 1.5rem; }
.laedeli-anmeldung-box h3 { margin: 0 0 1rem; }
.laedeli-anmeldung-box h3 small { font-weight: 400; font-size: 0.8em; color: var(--wp--preset--color--text-weich); }

/* Hausskizze als Hintergrund-Element */
.laedeli-skizze img { mix-blend-mode: multiply; }

/* Formularfelder (Fluent Forms, MailPoet, eigene) im Plakatstil */
.wp-site-blocks input[type="text"],
.wp-site-blocks input[type="email"],
.wp-site-blocks input[type="tel"],
.wp-site-blocks input[type="number"],
.wp-site-blocks input[type="date"],
.wp-site-blocks select,
.wp-site-blocks textarea {
	border: 2px solid #E6CFC4 !important;
	border-radius: 0 !important;
	padding: 0.7rem 0.9rem !important;
	font-family: inherit !important;
	font-size: 1rem !important;
	background: #fff !important;
}
.wp-site-blocks input:focus,
.wp-site-blocks textarea:focus,
.wp-site-blocks select:focus { outline: 3px solid var(--wp--preset--color--terrakotta); outline-offset: 1px; }
.wp-site-blocks .ff-btn-submit,
.wp-site-blocks .mailpoet_submit {
	background: var(--wp--preset--color--terrakotta) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0.9rem 1.8rem !important;
	font-weight: 700 !important;
	font-family: inherit !important;
}

/* Fokus sichtbar */
a:focus-visible, button:focus-visible { outline: 3px solid var(--wp--preset--color--terrakotta); outline-offset: 2px; }

/* Eigene Formulare */
.laedeli-felder { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.25rem; }
.laedeli-feld { margin: 0; display: flex; flex-direction: column; gap: 0.35rem; }
.laedeli-feld label, .laedeli-feld legend { font-weight: 700; font-size: 0.95rem; }
.laedeli-feld-voll { grid-column: 1 / -1; }
fieldset.laedeli-feld { border: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.laedeli-option { display: flex; align-items: center; gap: 0.6rem; font-size: 1rem; }
.laedeli-option input { width: 1.25rem; height: 1.25rem; accent-color: var(--wp--preset--color--terrakotta); }
.laedeli-formular button { cursor: pointer; border: 0; }
.laedeli-hinweis { font-size: 0.85rem; color: var(--wp--preset--color--text-weich); }
@media (max-width: 600px) { .laedeli-felder { grid-template-columns: 1fr; } }
.laedeli-anmeldung-box h3 small { font-family: var(--wp--preset--font-family--dm-sans); text-transform: none; font-size: 1rem; }

/* Startbild: «Hoppla Schorsch!» auf dem Desktop auf einer Zeile, auf dem Handy sauber in zwei */
.laedeli-hero-titel { text-wrap: balance; line-height: 1.02; }
@media (min-width: 782px) {
	.laedeli-hero-titel { white-space: nowrap; font-size: clamp(2.9rem, 4.6vw, 4.6rem) !important; }
}
.laedeli-programm li a { font-size: 1.15rem; }