/*
 * philipp-group.com: Beige vereinheitlichen (CI-Beige #C2AE96) + Aktivzustand der Tabs
 * Stand: 02.11.2026, Version 2 (Version 1 ließ auf Produktseiten die WooCommerce-Tabs mit 3,6:1 zurück).
 * Version 2, live gemessen (Anwendungen, Transport, Downloads, Produktseiten). Geladen über mu-plugins/philipp-a11y.php.
 *
 * Selektoren mit "html body" (höhere Spezifität): Die a11y-Schicht (autoptimize_single_d34cb...) setzt
 * body ul.tabs.wc-tabs li a / Cookie-Buttons mit !important und lädt später als dieses CSS.
 *
 * Entscheidung: Beige-Flächen = #C2AE96 mit schwarzer Schrift #1a1a1a (8,11:1).
 * Aktiv = #5e5e5e mit Weiß (6,48:1). Überschriftenfarbe (#807464) bleibt unverändert.
 *
 */
:root {
  --pg-beige: #C2AE96;
  --pg-on-beige: #1a1a1a;
  --pg-active: #5e5e5e;
  --pg-on-active: #ffffff;
}

/* 1) Normalzustand: helles CI-Beige, dunkle Schrift */
html body button.pg-btn,
html body button.pg-toggle,
html body button.wcpf-viewbtn,
html body button.wcpf-tab,
html body button.dfcf-btn,
html body button.dfcf-subtab,
html body .pg-btf-btn,
html body .pg-btf-toggle,
html body ul.tabs.wc-tabs li a,
html body .wcpf .wcpf-cselect-list li:hover,
html body .brlbs-cmpnt-container a.brlbs-cmpnt-cb-btn,
html body .brlbs-cmpnt-container a.brlbs-cmpnt-cb-btn:hover,
html body .brlbs-cmpnt-container a.brlbs-cmpnt-cb-btn:focus {
  background: var(--pg-beige) !important;
  color: var(--pg-on-beige) !important;
}

/* 2) Aktiv/Hover/Fokus: dunkelgrau, weiße Schrift */
html body button.pg-btn.active,
html body button.pg-toggle.active,
html body button.wcpf-viewbtn.active,
html body button.wcpf-tab.active,
html body button.dfcf-btn.is-active,
html body button.dfcf-btn[aria-selected="true"],
html body button.dfcf-subtab.is-active,
html body .pg-btf-btn.active,
html body .pg-btf-toggle.active,
html body ul.tabs.wc-tabs li.active a,
html body ul.tabs.wc-tabs li a:hover,
html body ul.tabs.wc-tabs li a:focus {
  background: var(--pg-active) !important;
  color: var(--pg-on-active) !important;
}

/*
 * Wichtig (Ursache des "falschen aktiven Buttons" auf /downloads-bautechnik/):
 * Das a11y-Skript (wp-content/cache/autoptimize/autoptimize_single_9a870929...php, Funktion fixContrast)
 * setzt bei "weiß auf #b8a690" einmalig ein Inline-Style background-color:#7A6F60 !important und bei
 * "weiß auf #7a7a7a" #5E5E5E !important und markiert das Element mit data-a11y-c. Beim Tab-Wechsel bleibt
 * das Inline-Style am alten Button hängen. Mit den Regeln oben trifft keine dieser Bedingungen mehr zu,
 * es entsteht kein Inline-Style mehr. Zusätzlich im Quellcode ändern (siehe Todo-Datei):
 *   - #b8a690 als Hintergrund -> #C2AE96, Schrift weiß -> #1a1a1a
 *   - Aktiv-Grau #7a7a7a -> #5e5e5e
 */