/* =====================================================
   SELINA HEADER – OVERLAY TOP + FIXED ON SCROLL
   Scope: #selina-site-header
===================================================== */

/* Grundzustand */
#selina-site-header{
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999999;

  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;

  transition: background-color .3s ease, box-shadow .3s ease;
}

/* Oben: Header liegt über dem Hero */
#selina-site-header.selina-header--at-top{
  position: absolute !important;
  top: 0 !important;
  background-color: transparent !important;
}

/* Gesrollt: Header fix + schwarz */
#selina-site-header.selina-header--scrolled{
  position: fixed !important;
  top: 0 !important;
  background-color: #000 !important;
  box-shadow: 0 10px 40px rgba(0,0,0,.35) !important;
}

/* Admin-Bar Korrektur */
body.admin-bar #selina-site-header.selina-header--scrolled{
  top: 32px !important;
}

/* =====================================================
   SELINA HEADER – TEXT & LINK COLORS (Kadence override)
===================================================== */

#selina-site-header.selina-header--scrolled,
#selina-site-header.selina-header--scrolled * {
  color: #ffffff !important;
}

#selina-site-header.selina-header--scrolled a {
  color: #ffffff !important;
}

#selina-site-header.selina-header--scrolled a:hover {
  color: #ffffff !important;
  opacity: 0.85;
}

/* =====================================================
   SELINA NAV – DROPDOWN ARROWS FIX
===================================================== */

#selina-site-header .menu-item-has-children > a::after {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

#selina-site-header svg,
#selina-site-header svg path {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* =====================================================
   SELINA NAV – SUBMENU BLACK STYLE
===================================================== */

#selina-site-header .sub-menu {
  background-color: #000 !important;
  border-radius: 14px;
  padding: 12px 0;
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}

#selina-site-header .sub-menu a {
  color: #ffffff !important;
  background: transparent !important;
  padding: 10px 22px;
  display: block;
}

#selina-site-header .sub-menu a:hover {
  background: rgba(255,255,255,.08) !important;
}

#selina-site-header .sub-menu .current-menu-item > a,
#selina-site-header .sub-menu .current-menu-ancestor > a {
  color: #c8a65a !important;
}

/* =====================================================
   Kadence / Elementor – kein weißer Innen-Background
===================================================== */

#selina-site-header,
#selina-site-header .e-con,
#selina-site-header .elementor-section,
#selina-site-header .elementor-container,
#selina-site-header .elementor-column,
#selina-site-header .elementor-widget-wrap{
  background: transparent !important;
  background-color: transparent !important;
}

/* =====================================================
   SELINA HEADER – TOP STATE TEXT COLORS
===================================================== */

/* Normalzustand (oben, transparent) → weiß */
#selina-site-header.selina-header--at-top a,
#selina-site-header.selina-header--at-top .elementor-nav-menu a {
  color: #ffffff !important;
}

/* Pfeile oben auch weiß */
#selina-site-header.selina-header--at-top .menu-item-has-children > a::after {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* =====================================================
   SELINA HEADER – HOVER GOLD (oben + gescrollt)
===================================================== */

/* Hover-Farbe: helles Gold */
#selina-site-header a:hover,
#selina-site-header .elementor-nav-menu a:hover {
  color: #d8b25a !important;
}

/* Hover-Pfeile ebenfalls Gold */
#selina-site-header .menu-item-has-children > a:hover::after {
  color: #d8b25a !important;
  border-color: #d8b25a !important;
}

/* =========================================
   SELINA SUBMENU – HOVER BAR (GREY + WHITE)
========================================= */

#selina-site-header .sub-menu a:hover {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
}