/*
Theme Name:   Storefront Pomperlbuam
Theme URI:    https://www.fcb-pomperlbuam.de
Description:  Child-Theme von Storefront für den Bayernfanclub "Pomperlbuam" Bad Griesbach. Enthält Branding-Anpassungen (Vereinsfarben) sowie Anpassungen für Barrierefreiheit/einfache Bedienbarkeit (teils ältere Zielgruppe laut Projektdokumentation).
Author:       Pomperlbuam Bad Griesbach
Template:     storefront
Version:      0.1.0
Text Domain:  storefront-pomperlbuam

Warum ein Child-Theme statt Storefront direkt anzupassen: Storefront-Updates
überschreiben sonst jede manuelle Änderung. Ein Child-Theme bleibt von
Updates des Eltern-Themes unberührt - Pflicht laut WordPress-Codex bei
jeder nicht-trivialen Theme-Anpassung.
*/

/* -----------------------------------------------------------------------
   1. Barrierefreiheit / einfache Bedienbarkeit
   -----------------------------------------------------------------------
   Zielgruppe ist laut Projektdokumentation teils älter - größere
   Schrift und deutlichere Buttons helfen hier spürbar, ohne das
   Storefront-Layout grundlegend zu verändern.
*/
body {
	font-size: 17px; /* Storefront-Standard ist kleiner, hier bewusst angehoben. */
	line-height: 1.6;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	font-size: 1.05em;
	padding: 0.8em 1.6em;
}

/* Größere Klickfläche für Formularfelder (Registrierung, Begleiter-Formular) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.pb-begleiter-formular input,
.pb-begleiter-formular select {
	min-height: 44px; /* Empfohlene Mindestgröße für Touch-Ziele. */
	font-size: 1em;
}

/* -----------------------------------------------------------------------
   2. Vereinsfarben (Pomperlbuam: Rot-Weiß, Bayern-Blau im Abzeichen)
   -----------------------------------------------------------------------
   Werte direkt aus den bereitgestellten Logo-Dateien gemessen (Pins Kopie
   - Kopie.jpg / Pomperlbuam_Logo.jpg): reines Rot #FF0000 für die Haube,
   reines Blau #0000FF im Rautenmuster-Kreis des Abzeichens. Die
   Basis-Akzentfarbe lässt sich zusätzlich (und einfacher) über
   Design > Customizer > Farben einstellen, ohne Code anzufassen - dort
   ebenfalls #FF0000 setzen, dann greift es auch auf Buttons/Links, die
   Storefront selbst rendert. Diese Regeln hier sind für Stellen gedacht,
   die der Customizer nicht abdeckt.
*/
:root {
	--pb-rot: #ff0000;
	--pb-blau: #0000ff;
	--pb-weiss: #ffffff;
}

/* Kopfzeile/Seitenleiste dezent an die Vereinsfarbe angleichen, ohne die
   Storefront-Struktur zu verändern. */
a {
	color: var(--pb-rot);
}

a:hover,
a:focus {
	color: #cc0000;
}

.site-header {
	border-bottom: 3px solid var(--pb-rot);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background-color: var(--pb-rot);
	border-color: var(--pb-rot);
	color: var(--pb-weiss);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background-color: #cc0000;
	border-color: #cc0000;
}

.pb-hinweis.woocommerce-info {
	border-left: 4px solid var(--pb-rot);
}

.pb-zahlungsstatus--offen {
	color: var(--pb-rot);
	font-weight: 600;
}

.pb-zahlungsstatus--erledigt {
	color: #1a7f37;
	font-weight: 600;
}