/* ================================================================
   PM4PRODUCTION – Astra-Theme Overrides
   Wird NACH pm4_clean.css geladen und ueberschreibt nur
   Astra-spezifische Elemente (Header, Navigation, Content-Breite).

   Astra-HTML-Struktur (Stand 2026-03):
   div.ast-main-header-bar-alignment
     > div.main-header-bar-navigation
       > nav.site-navigation
         > div.main-navigation.ast-inline-flex
           > ul#ast-hf-menu-1.main-header-menu
             > li.menu-item > a.menu-link
             > li.pm4-menu-btn > a.menu-link   ← Button
   ================================================================ */

/* ── Seitentitel ausblenden ────────────────────────────────────── */
.ast-archive-description,
.page .entry-title,
.entry-header {
  display: none !important;
}

/* ── Header-Hintergrund wie .pm4-nav ───────────────────────────── */
.main-header-bar,
.ast-primary-header-bar,
#masthead {
  background: var(--dark) !important;
  border-bottom: 2px solid var(--orange) !important;
}

/* ── Header-Container auf PM4-Breite (--max-w: 1160px) ─────────── */
.site-header .ast-container,
.main-header-bar .ast-container {
  max-width: var(--max-w) !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* ── Menuelinks: Barlow, 14px, Semi-Bold ───────────────────────── */
#ast-hf-menu-1 .menu-item > a.menu-link {
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  transition: color 0.15s !important;
}
#ast-hf-menu-1 .menu-item > a.menu-link:hover,
#ast-hf-menu-1 .current-menu-item > a.menu-link {
  color: var(--white) !important;
}

/* ── Erstgespraech-Button ────────────────────────────────────────
   Voraussetzung: Dem Menue-Punkt "Kontakt / Erstgespräch" in
   WordPress unter Design → Menüs die CSS-Klasse "pm4-menu-btn"
   zuweisen (Ansicht anpassen → CSS-Klassen aktivieren).
   ────────────────────────────────────────────────────────────── */
#ast-hf-menu-1 li.pm4-menu-btn {
  padding: 0 !important;
  margin: 0 !important;
  margin-left: 8px !important;
  display: flex !important;
  align-items: center !important;
}
#ast-hf-menu-1 li.pm4-menu-btn > a.menu-link {
  background: var(--orange) !important;
  color: var(--white) !important;
  padding: 8px 18px !important;
  border-radius: var(--radius) !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  line-height: 1.5 !important;
  display: inline-block !important;
  transition: background 0.15s !important;
}
#ast-hf-menu-1 li.pm4-menu-btn > a.menu-link:hover {
  background: var(--orange-dark) !important;
  color: var(--white) !important;
}

/* ── Inhaltsbereich: volle Breite ────────────────────────────────
   Astra-Container wird auf 100% gesetzt, damit die PM4-Sektionen
   (Hero, Stats, CTA etc.) die gesamte Browserbreite nutzen.
   Die innere Breite steuert .pm4-container (max-width: 1160px).
   ────────────────────────────────────────────────────────────── */
.site-content .ast-container,
.ast-separate-container .ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 100% !important;
}
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .entry-content {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  background: transparent !important;
}

/* ── Sidebar entfernen ─────────────────────────────────────────── */
#secondary {
  display: none !important;
}

/* ── Logo-Text (falls kein Bild-Logo verwendet wird) ───────────── */
.site-title a,
.ast-site-identity .site-title a {
  font-family: var(--font-head) !important;
  font-weight: 700 !important;
  color: var(--white) !important;
}