/* ============================================
   SV Hösel - Permanente CSS-Overrides
   Geladen via templates/tp_hifi/index.php
   Überschreibt Astroid-generiertes CSS
   ============================================ */

/* ── 1. Vereinsfarbe als CSS-Variable ────────── */
:root {
  --svh-blue: #00009e;
  --as-header-bg: rgba(0, 0, 158, 1) !important;
  --as-stick-header-bg-color: rgb(0, 0, 158) !important;
}

/* ── 2. Navbar / Header ──────────────────────── */
.astroid-framework header,
.astroid-framework header.astroid-header,
.astroid-framework .astroid-header-sticky,
.astroid-header-section header.astroid-header:not(.astroid-header-sticky),
.astroid-header-section .astroid-header {
  background-color: #00009e !important;
}

.astroid-header-section .astroid-header-sticky,
.astroid-header-section .astroid-header-sticky > div {
  background-color: #00009e !important;
}

/* ── 3. Navbar-Links (Top-Ebene) ─────────────── */
.astroid-nav .nav-link,
.astroid-nav > ul > li > a {
  color: #ffffff !important;
}
.astroid-nav .nav-link:hover,
.astroid-nav > ul > li > a:hover {
  color: #ffffff !important;
  opacity: 0.85;
}

/* ── 4. Dropdown-Menü ────────────────────────── */
.megamenu-container,
.nav-submenu-container,
ul.nav-submenu,
.astroid-nav .dropdown-menu {
  background-color: #ffffff !important;
  border: 1px solid rgba(0, 0, 158, 0.15) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 158, 0.12) !important;
}

/* Dropdown-Links: dunkel auf weißem Hintergrund */
.astroid-nav ul.nav-submenu li a,
.astroid-nav .megamenu-container a,
.astroid-nav .megamenu-container .as-menu-item,
.astroid-nav .item-level-2,
.astroid-nav .item-level-3,
.astroid-nav .dropdown-menu .dropdown-item {
  color: #333333 !important;
  background-color: transparent !important;
  display: block !important;
  padding: 8px 16px !important;
}

/* Dropdown-Hover */
.astroid-nav ul.nav-submenu li a:hover,
.astroid-nav .megamenu-container a:hover,
.astroid-nav .megamenu-container .as-menu-item:hover,
.astroid-nav .item-level-2:hover,
.astroid-nav .dropdown-menu .dropdown-item:hover {
  color: #00009e !important;
  background-color: #eef0ff !important;
}

/* ── 5. Buttons & Links ──────────────────────── */
a { color: #00009e; }
a:hover { color: #000070; }

.btn-primary,
.btn.btn-primary {
  background-color: #00009e !important;
  border-color: #00009e !important;
  color: #ffffff !important;
}
.btn-primary:hover {
  background-color: #000080 !important;
  border-color: #000080 !important;
}

/* ── 6. Breadcrumb ───────────────────────────── */
.breadcrumb-item a { color: #00009e !important; }
.breadcrumb-item.active { color: #555555; }

/* ── 7. Header-Bild (obere Hälfte) ───────────── */
.astroid-header-section {
  min-height: 320px !important;
  height: 26vw !important;   /* ~halbe Bildhöhe bei Vollbreite */
  max-height: 480px !important;
  background-size: cover !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
}

/* ── 8. Autor-Box ausblenden (Astroid) ───────── */
.astroid-article-authorinfo {
  display: none !important;
}

/* ── 8. Überschriften ────────────────────────── */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #00009e !important;
}

/* ── Read Time ausblenden ────────────────── */
.article-read-time, .read-time, [class*='read-time'], .jf-read-time, .astroid-read-time,
dd.readtime { display: none !important; }