/*
Theme Name: SOP Global System
Theme URI: https://standardoperatingprocedure.de/
Description: Globales, Traumkunden.ai-inspiriertes Designsystem für SOP Done4You auf Basis von Hello Elementor.
Author: SOP Done4You
Template: hello-elementor
Version: 2.0.0
Text Domain: sop-global-system
*/

/*
 * Elementor-Kaskadenbrücke
 * Elementor erzeugt ungeschichtete Kit-Regeln für Überschriften und Navigation.
 * Diese bewusst schmale, ungeschichtete Brücke erhält die Theme-Tokens auf den
 * PHP-Templates, ohne Elementor-Canvas-Inhalte oder Atomic-Daten zu verändern.
 */
.sop-site .sop-page-hero h1,
.sop-site .sop-blog-hero h1,
.sop-site .sop-article-hero h1,
.sop-site .sop-empty-state h2,
.sop-site .sop-entry h2,
.sop-site .sop-entry h3,
.sop-site .sop-entry h4,
.sop-site .sop-article__content h2,
.sop-site .sop-article__content h3,
.sop-site .sop-article__content h4,
.sop-site .sop-related__title {
  color: var(--sop-cream) !important;
  font-family: var(--sop-font) !important;
  font-weight: 700 !important;
}

.sop-site .sop-brand,
.sop-site .sop-nav-toggle,
.sop-site .sop-button--ghost {
  color: var(--sop-cream) !important;
}

.sop-site .sop-brand__mark,
.sop-site .sop-preheadline {
  color: var(--sop-gold) !important;
}

.sop-site .sop-nav-toggle {
  border-color: rgb(208 171 117 / 55%) !important;
}

.sop-site .sop-nav .menu a {
  color: var(--sop-copy) !important;
}

.sop-site .sop-nav .menu a:hover,
.sop-site .sop-nav .current-menu-item > a {
  color: var(--sop-cream) !important;
}

/* Final footer CTA foreground safeguard */
body.sop-site footer.sop-site-footer a.sop-button,
body.sop-site footer#sop-elementor-footer a.sop-button,
body.sop-site footer.sop-site-footer a.sop-elementor-footer-cta,
body.sop-site footer#sop-elementor-footer a.sop-elementor-footer-cta {
  color: #090B10 !important;
  -webkit-text-fill-color: #090B10 !important;
}

body.sop-site footer.sop-site-footer a.sop-button *,
body.sop-site footer#sop-elementor-footer a.sop-button *,
body.sop-site footer.sop-site-footer a.sop-elementor-footer-cta *,
body.sop-site footer#sop-elementor-footer a.sop-elementor-footer-cta * {
  color: #090B10 !important;
  -webkit-text-fill-color: #090B10 !important;
}