/* ═══════════════════════════════════════════════════════════════
   BCS SUITE — SITE-WIDE OVERRIDES
   Lädt auf JEDER Seite (über wp_enqueue_scripts).
   Hier landen ausschließlich Site-Globals: Theme-Page-Title,
   Site-Header (Burger), Site-Footer.
   ═══════════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────────
   1) THEME-PAGE-TITLE + .page-header SITE-WEIT ausblenden.
      Das Hello-Theme rendert auf JEDER Seite einen <div class=
      "page-header"> mit <h1 class="entry-title">. Da BCS auf
      jeder Page einen eigenen Hero/Header in Elementor pflegt,
      wird dieser Theme-Container immer überflüssig — und der
      hellgraue Streifen darüber war bei mehreren Seiten ein
      sichtbarer Layout-Bug.

      Konsequenz: kein :has()-Filter mehr, sondern globaler Hide.
      Greift auch auf Single-Posts/Custom-Post-Types — falls
      irgendwann ein Blog kommt, müssen wir den Selektor wieder
      auf body:not(.single-post) o.ä. einschränken.
   ─────────────────────────────────────────────────────────────── */
:root {
    --page-title-display: none;
}

.entry-title,
.page-title,
.elementor-page-title,
.elementor-page-title .elementor-heading-title,
.wp-block-post-title,
.wp-block-page-title,
header.entry-header,
.post-header,
.page-header,
div.page-header,
main > .page-header,
#content > .page-header {
    display: none !important;
}

/* ───────────────────────────────────────────────────────────────
   2) SITE-HEADER — Burger-Icon wieder Gold (#C9A962)
      Trifft Elementor-Nav-Menu (mobiler Toggle) sowie Hello-Theme.
   ─────────────────────────────────────────────────────────────── */
.elementor-menu-toggle,
.elementor-menu-toggle i,
.elementor-menu-toggle svg,
.elementor-menu-toggle::before,
.elementor-nav-menu__toggle,
.elementor-nav-menu__toggle i,
.elementor-nav-menu__toggle svg,
button.elementor-menu-toggle {
    color: #C9A962 !important;
    fill: #C9A962 !important;
}

.elementor-menu-toggle svg path,
.elementor-nav-menu__toggle svg path {
    fill: #C9A962 !important;
    stroke: #C9A962 !important;
}

/* Falls als Border/Box-Burger gerendert (3 Striche per ::before/::after) */
.elementor-menu-toggle span,
.elementor-menu-toggle span::before,
.elementor-menu-toggle span::after,
.elementor-nav-menu__toggle span,
.elementor-nav-menu__toggle span::before,
.elementor-nav-menu__toggle span::after {
    background-color: #C9A962 !important;
    color: #C9A962 !important;
}

/* ───────────────────────────────────────────────────────────────
   3) SITE-FOOTER — Adress-/Kontakt-Texte in Cremeton (#FBF9F7)
      Headlines (STUDIO LEIPZIG / KONTAKT) bleiben unangetastet,
      weil sie über .elementor-heading-title gerendert werden und
      hier NICHT überschrieben werden.
   ─────────────────────────────────────────────────────────────── */
footer .elementor-widget-text-editor,
footer .elementor-widget-text-editor p,
footer .elementor-widget-text-editor a,
footer .elementor-widget-text-editor span,
.elementor-location-footer .elementor-widget-text-editor,
.elementor-location-footer .elementor-widget-text-editor p,
.elementor-location-footer .elementor-widget-text-editor a,
.elementor-location-footer .elementor-widget-text-editor span,

/* Icon-List-Widgets (häufig für Kontakt-Reihen) */
footer .elementor-widget-icon-list .elementor-icon-list-text,
footer .elementor-widget-icon-list a,
.elementor-location-footer .elementor-widget-icon-list .elementor-icon-list-text,
.elementor-location-footer .elementor-widget-icon-list a {
    color: #FBF9F7 !important;
}

/* Links im Footer behalten Cremeton, auch im Hover etwas heller */
footer .elementor-widget-text-editor a:hover,
footer .elementor-widget-icon-list a:hover,
.elementor-location-footer .elementor-widget-text-editor a:hover,
.elementor-location-footer .elementor-widget-icon-list a:hover {
    color: #FFFFFF !important;
    text-decoration: underline;
}