/*
 * wp-override.css – Starkdesign Theme
 * Überschreibt WordPress- und Elementor-Standardstile
 * die mit dem Starkdesign kollidieren würden.
 */

/* ─── WordPress Gutenberg / Block-Editor Reset ─────────────────────────────── */
.wp-site-blocks,
.wp-block-group,
.entry-content,
.wp-block-post-content {
  padding: 0 !important;
  max-width: none !important;
}

.has-global-padding {
  padding-inline: 0 !important;
}

/* ─── WordPress Standardlinks & Typografie reset ───────────────────────────── */
.wp-block-paragraph a,
.entry-content a {
  color: var(--primary-color) !important;
}

/* ─── Admin-Bar Offset (wird per JS-Inline-Style in functions.php gesetzt) ─── */
/* Nur als Fallback hier: */
body.admin-bar {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ─── Navigation sichtbar & korrekt positioniert ──────────────────────────── */
.pdf-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;          /* höher als WP Admin-Bar (99000) */
  background-color: rgba(247, 249, 248, 0.95) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(41, 115, 80, 0.08) !important;
  height: 80px !important;
}

/* Admin Bar vorhanden → Nav nach unten verschieben */
body.admin-bar .pdf-header {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  body.admin-bar .pdf-header {
    top: 46px !important;
  }
}

/* ─── Body: kein doppeltes Scrollen durch WP-Wrapper ──────────────────────── */
body {
  overflow-x: hidden !important;
}

/* ─── Elementor: volle Breite ohne Padding ─────────────────────────────────── */
.elementor-section-wrap,
.elementor-inner,
.elementor-container {
  max-width: none;
}

.elementor-page .pdf-header {
  z-index: 99999 !important;
}

/* ─── Projektseiten: Hauptinhalt unter der Navleiste beginnen ─────────────── */
.projekt-detail-page .projekt-main-content {
  padding-top: 80px;
  min-height: 60vh;
}

body.admin-bar .projekt-detail-page .projekt-main-content {
  padding-top: 112px; /* 80px nav + 32px admin bar */
}

/* ─── Elementor-Content bekommt das richtige Starkdesign-Styling ───────────── */
.elementor-widget-heading .elementor-heading-title {
  font-family: 'Fraunces', serif !important;
}

.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: 'Josefin Sans', sans-serif !important;
  color: var(--text-muted) !important;
  font-size: 1.1rem !important;
  line-height: 1.7 !important;
}

/* ─── Elementor: Starkdesign Farbpalette verfügbar machen ──────────────────── */
/* Diese Farben bitte in Elementor → Globale Einstellungen → Farbpalette eintragen:
   Primär-Grün:    #297350
   Dunkel-Grün:    #1e533a
   Hell-Grün:      #388f67
   Hintergrund:    #f7f9f8
   Gelb-Akzent:    #FFF845
*/

/* ─── Elementor Abschnitte: volle Breite ───────────────────────────────────── */
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1200px;
}

/* ─── WordPress Image-Alignment ────────────────────────────────────────────── */
img.aligncenter { display: block; margin: 0 auto; }
img.alignleft   { float: left; margin: 0 1rem 1rem 0; }
img.alignright  { float: right; margin: 0 0 1rem 1rem; }