/*
Theme Name: Agencyup
Theme URI: https://www.ffw-loibling-katzbach.net
Description: CHILD THEME (Ordner agencyup-child) der FFW Loibling-Katzbach. Der Name muss "Agencyup" lauten, sonst lädt das Plugin Icyclub Startseite und Kopfleiste nicht. Child Theme der FFW Loibling-Katzbach für das Theme Agencyup. Enthält alle eigenen Anpassungen, damit sie bei Theme-Updates erhalten bleiben.
Author: FFW Loibling-Katzbach
Template: agencyup
Version: 1.0.6
Text Domain: agencyup-child
*/

/* ===== Oberer Balken (Kopfbereich) ===== */
.bs-head-detail {
  background: #58585a;
}
.bs-head-detail::after {
  background: #df0a0a;
}

/* ===== Mitlaufender Header: solange er nicht fixiert ist, Höhe automatisch
   (verhindert Verschieben der Seite beim Laden, wenn die Höhe zu früh gemessen wurde) ===== */
.bs-main-nav .sticky-wrapper:not(.is-sticky) {
  height: auto !important;
}

/* ===== Wappen im Kopfbereich: hochaufgelöste Datei (360 x 467), Anzeige in alter Größe ===== */
img.custom-logo {
  width: auto;
  height: 139px;
  max-width: none;
}

/* ===== Vereinsname und Claim im Kopfbereich (Design Guide: Grau dunkel, DIN-Ersatz Barlow) ===== */
.site-branding-text .site-title,
.site-branding-text .site-title a {
  font-family: "Barlow", Arial, sans-serif;
  font-weight: 600;
  color: #58585a;
}
.site-branding-text .site-title a:hover,
.site-branding-text .site-title a:focus {
  color: #e00e1a;
}
.site-branding-text .site-description {
  font-family: "Barlow", Arial, sans-serif;
  font-weight: 500;
  color: #58585a;
}

/* ===== Ladezeit: Demo-Hintergrundbild (1,25 MB) im roten Aufruf-Bereich nicht laden,
   es liegt ohnehin vollständig unter der roten Fläche ===== */
section.calltoaction {
  background-image: none !important;
}

/* ===== Footerbereich: eigenen Farbwert hier ergänzen ===== */

/* ===== Neueste Nachrichten: alle Karten gleich groß, Button unten ===== */

/* Fester Platzhalter "2 Comments" aus dem Plugin Icyclub (keine echte Kommentarzahl) ausblenden */
.bs-blog-post .comments-link:has(> a[href="#"]) {
  display: none;
}

/* Karte als Spalte in voller Höhe der Zeile */
.bs-blog-post {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Beitragsbilder: einheitliches Format 4:3, zugeschnitten */
.bs-blog-post .bs-blog-thumb {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.bs-blog-post .bs-blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Textbereich der Karte füllt den Rest der Höhe */
.bs-blog-post article.small {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Leere Absätze erzeugen sonst unnötigen Abstand */
.bs-blog-post article.small > p:empty {
  display: none;
}

/* Button-Bereich immer unten in der Karte */
.bs-blog-post article.small .news-excerpt-btn {
  margin-top: auto;
  padding-top: 16px;
}

/* ===== Social-Icons: Konflikt Font Awesome 5 (Theme) vs. 6 (Plugin Einsatzverwaltung) ===== */
.fab,
.fa-brands {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}