/*
Theme Name:   RSV Unna Child
Theme URI:    https://www.rsv-unna.de/
Description:  Eigene Anpassungen der Website des RSV Unna. Liegt in Gitea und reist ueber die Pipeline;
              Astra selbst wird vom System Manager aktuell gehalten und nie hier angefasst.
Author:       Reckers Solutions
Template:     astra
Version:      0.1.0
Text Domain:  rsvunna-child
*/

/* RSV Unna – Hauptmenü dezent aufgeräumt (Chris, 2026-11-08; erprobt auf der Vorstufe).
   Aufbau, Schrift und Reihenfolge bleiben; Akzent = Vereinsrot der Website (--e-global-color-accent). */

/* Alle Hauptpunkte in einer Reihe: der Header ist 1140px breit, die Punkte brauchten ~1200px.
   Nur die Abstände zwischen den Punkten werden kleiner, Schrift und Größe bleiben. */
#masthead .wpr-nav-menu-horizontal .wpr-nav-menu { flex-wrap: nowrap !important; }
#masthead .wpr-nav-menu > li { margin-left: 4px !important; margin-right: 4px !important; }
#masthead .wpr-nav-menu > li > .wpr-menu-item { padding-left: 14px !important; padding-right: 14px !important; white-space: nowrap; }
#masthead .wpr-nav-menu > li.menu-item-has-children > .wpr-menu-item { padding-right: 26px !important; }

/* Hauptpunkte: rote Unterstreichung bei Hover und auf der aktuellen Seite */
#masthead .wpr-nav-menu > li > .wpr-menu-item {
  position: relative;
  transition: color .2s ease;
}
#masthead .wpr-nav-menu > li > .wpr-menu-item::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 8px;
  height: 2px;
  background: var(--e-global-color-accent, #D60A14);
  transform: scaleX(0) !important;
  transform-origin: center;
  transition: transform .25s ease;
  opacity: 1 !important;
}
#masthead .wpr-nav-menu > li:hover > .wpr-menu-item,
#masthead .wpr-nav-menu > li.current-menu-item > .wpr-menu-item,
#masthead .wpr-nav-menu > li.current-menu-ancestor > .wpr-menu-item {
  color: var(--e-global-color-accent, #D60A14) !important;
}
#masthead .wpr-nav-menu > li:hover > .wpr-menu-item::after,
#masthead .wpr-nav-menu > li.current-menu-item > .wpr-menu-item::after,
#masthead .wpr-nav-menu > li.current-menu-ancestor > .wpr-menu-item::after {
  transform: scaleX(1) !important;
}
#masthead .wpr-nav-menu > li:hover > .wpr-sub-icon,
#masthead .wpr-nav-menu > li.current-menu-ancestor > .wpr-sub-icon {
  color: var(--e-global-color-accent, #D60A14) !important;
}

/* Untermenü: breit genug, Luft, Schatten, rote Linie oben */
#masthead .wpr-sub-menu {
  min-width: 240px !important;
  border: none !important;
  border-top: 3px solid var(--e-global-color-accent, #D60A14) !important;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
  overflow: hidden;
  padding: 4px 0;
  background: #fff;
}
#masthead .wpr-sub-menu .wpr-sub-menu-item {
  padding: 12px 22px !important;
  white-space: nowrap;
  letter-spacing: .03em;
  transition: background-color .15s ease, color .15s ease, padding-left .15s ease;
}
#masthead .wpr-sub-menu li:not(:last-child) {
  border-bottom-color: #f0f0f0 !important;
}
#masthead .wpr-sub-menu .wpr-sub-menu-item:hover {
  background-color: #f7f7f7 !important;
  color: var(--e-global-color-accent, #D60A14) !important;
  padding-left: 26px !important;
}
/* aktiver Unterpunkt: Vereinsrot statt Lila (#605BE5 war Standard des Menü-Bausteins) */
#masthead .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item {
  background-color: #fff !important;
  color: var(--e-global-color-accent, #D60A14) !important;
  box-shadow: inset 3px 0 0 var(--e-global-color-accent, #D60A14);
}

/* Fester Header überdeckt den Anfang von Artikel- und Archivseiten (Chris, 2026-11-08).
   Elementor-Seiten wie „Aktuelle Berichte“ haben eigenen Abstand, die Astra-Vorlagen nicht.
   Header-Höhe gemessen: 140px ab 1025px Breite, darunter 70px. */
body.single-post #content, body.archive #content, body.search #content, body.error404 #content {
  padding-top: 160px;
}
@media (max-width: 1024px) {
  body.single-post #content, body.archive #content, body.search #content, body.error404 #content {
    padding-top: 90px;
  }
}

/* Beitragsbild auf der Artikelseite – eingesetzt von functions.php, wenn der Text kein eigenes Bild hat.
   🔑 IMMER VOLLSTAENDIG, NIE BESCHNITTEN (Chris, 2026-11-08): mit fester Hoehe und object-fit:cover
   fehlte bei Hochformat-Fotos der Kopf. Hochformat steht jetzt schmaler und mittig. */
.rsv-beitragsbild-rahmen { margin: 0 0 28px; text-align: center; }
.rsv-beitragsbild-rahmen img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 720px;
  border-radius: 6px;
}

/* Berichtsraster (Essential Addons, „Aktuelle Berichte“ und Abteilungsseiten): Ausschnitt oben statt
   Mitte. 🔑 Die Kacheln sind breiter als hoch, viele Vereinsfotos Hochformat – aus der Mitte
   geschnitten fehlten die Köpfe (Chris, 2026-11-09). Gleicher Ausschnitt wie die Kacheln in Team Spot.
   Oberkante statt 20 %: bei Hochformat zeigt die Kachel nur ~40 % der Bildhoehe, der Kopf steht im
   obersten Zehntel - schon 20 % schnitt ihn an (Tom Wendel, UCI-Trikot). Querformat wird kaum beschnitten. */
.eael-grid-post .eael-entry-thumbnail img {
  object-position: 50% 0 !important;
}

/* Ausschnitt je Bild – nur fuer Fotos, bei denen die Oberkante nicht passt. Schluessel ist die
   Anhang-ID (wp-image-<ID>), sie ist auf Vorstufe und Produktion gleich. Der Prozentwert sagt, wo
   der Ausschnitt beginnt: 0 = Oberkante, 100 = Unterkante.
   - 10040 Josefine Wendel im Dress der Nationalmannschaft (754 x 2216, extrem hoch): ab Oberkante
     endete die Kachel unter dem Mund; 5 % setzt Helm und Gesicht mittig (Chris, 2026-11-09). */
.eael-grid-post img.wp-image-10040 { object-position: 50% 5% !important; }