/*
Theme Name: Themify Ultra Child
Description: A child theme of Themify Ultra
Template: themify-ultra
Author: helmi (helmut.venzel@gmail.com)
*/

/* Woohoo! Let's customize! */

/* ============================================================
   KONZEPT B — transparenter Header über dem Hero (Frontpage)
   Aktiv: nur auf der Startseite (.kb-header).
   Scroll-State: body.kb-hdr-solid (wird per custom_js der Seite gesetzt)
   ============================================================ */
.kb-header #headerwrap{
  position:absolute;
  top:0; left:0; right:0;
  inset:auto;
  background:transparent !important;
  border-bottom:none !important;
  box-shadow:none;
  z-index:999;
}
.kb-header #headerwrap:before{ display:none !important; }
.kb-header #header{ padding:26px 0; }

/* Logo + Tagline weiß */
.kb-header #site-logo a{ color:#fff !important; text-shadow:0 1px 14px rgba(10,22,15,.4); }
.kb-header #site-description, .kb-header #site-description span{ color:rgba(255,255,255,.85) !important; text-shadow:0 1px 10px rgba(10,22,15,.35); }

/* Desktop-Nav (in diesem Theme sitzt die Desktop-Nav in #mobile-menu) */
.kb-header #mobile-menu{ background:transparent; box-shadow:none; }
.kb-header #main-nav-wrap{ margin:0; }
.kb-header #main-nav{ float:none; }
.kb-header #main-nav li{ display:inline-block; float:none; width:auto; clear:none; margin-left:30px; }
.kb-header #main-nav li:first-child{ margin-left:0; }
.kb-header #main-nav li>a{ color:rgba(255,255,255,.95); text-shadow:0 1px 10px rgba(10,22,15,.35); padding:8px 0; font-weight:500; letter-spacing:.01em; }
.kb-header #main-nav li>a:hover,
.kb-header #main-nav .current-menu-item>a,
.kb-header #main-nav .current_page_item>a{ color:#fff !important; }
.kb-header #main-nav .child-arrow{ color:#fff; }
/* Dropdown-Panel dunkel */
.kb-header #main-nav ul ul,
.kb-header #main-nav .sub-menu{ background:rgba(16,31,22,.96); border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:10px 0; box-shadow:0 18px 40px -18px rgba(10,22,15,.6); }
.kb-header #main-nav .sub-menu a{ color:rgba(255,255,255,.85); text-shadow:none; padding:8px 20px; }
.kb-header #main-nav .sub-menu a:hover{ color:#fff; }

/* CTA-Pill „Mitglied werden“ */
.kb-header #menu-item-73{ position:relative; }
.kb-header #menu-item-73>a{
  display:inline-block;
  margin-left:18px;
  padding:10px 24px;
  border-radius:999px;
  background:#F4F1E7;
  color:#101F16 !important;
  text-shadow:none !important;
  font-weight:600;
  transition:background .25s ease, transform .25s ease;
}
.kb-header #menu-item-73>a:hover{ background:#fff; transform:translateY(-1px); }

/* Such-Icon im Header */
.kb-header #main-nav-wrap .search-button,
.kb-header #main-nav-wrap .search-button svg{ color:rgba(255,255,255,.9); }

/* ---- Scroll-Zustand: dunkles Grün, fixiert ---- */
.kb-header.kb-hdr-solid #headerwrap{
  position:fixed;
  top:0; left:0; right:0;
  background:rgba(16,31,22,.94) !important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 10px 30px -18px rgba(10,22,15,.7);
}
.kb-header.kb-hdr-solid #header{ padding:14px 0; }

/* Mobile: transparent bleiben, Nav ist eh ein Drawer */
@media (max-width:760px){
  .kb-header #header{ padding:18px 0; }
  .kb-header #headerwrap{ position:absolute; }
  .kb-header.kb-hdr-solid #headerwrap{ position:fixed; }
  .kb-header #menu-icon, .kb-header #menu-icon .menu-icon-inner{ background-color:#fff; }
}

/* Kompaktes Brand-Logo: langes Text-Logo ersetzen (wie HTML-Entwurf "GBV Ottensoos") */
.kb-header #site-logo a span{ display:none; }
.kb-header #site-logo a{
  display:inline-flex; align-items:baseline; gap:8px;
  text-decoration:none;
}
.kb-header #site-logo a::before{
  content:"GBV Ottensoos";
  font-family:var(--tf_main_font,inherit);
  font-size:24px; font-weight:700; letter-spacing:.02em;
  color:#fff !important; text-shadow:0 1px 12px rgba(10,22,15,.35);
  line-height:1.1;
}
.kb-header #site-logo a::after{
  content:"· 1954";
  font-size:13px; font-weight:400; letter-spacing:.08em;
  color:rgba(255,255,255,.7);
}
.kb-header #site-description{ font-size:11px; letter-spacing:.02em; }

/* Nav-Dichte: eine Zeile garantieren; Tagline weg (steht im Hero-Kicker) */
.kb-header #site-description{ display:none; }
.kb-header #main-nav li{ margin-left:22px; }
.kb-header #main-nav li>a{ font-size:14.5px; padding:8px 0; }