/**
 * Standard vs. Premium — sichtbare Unterschiede (Frontend + Mitgliederbereich).
 * Lädt nach theme-system.css und überschreibt harte Grün-Töne im Dark-Mode.
 */

/* —— Standard: klassisch, flach, Bootstrap-Blau —— */
html[data-theme-skin="default"] body.theme-enabled {
  --skin-btn-bg: var(--theme-accent, #6ea8fe);
  --skin-btn-border: color-mix(in srgb, var(--theme-accent) 80%, #000);
}

html[data-theme-skin="premium"] body.theme-enabled {
  --skin-btn-bg: var(--theme-accent, #7c9cff);
  --skin-btn-border: color-mix(in srgb, var(--theme-accent) 70%, #1a2744);
}

/* Dark: Primärbuttons pro Skin (statt globalem Grün) */
html[data-theme-skin="default"][data-theme-mode="dark"] body.theme-enabled .btn-primary,
html[data-theme-skin="default"][data-theme-mode="auto"] body.theme-enabled .btn-primary {
  --bs-btn-bg: #4d8bd9;
  --bs-btn-border-color: #3d78c4;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #6ea8fe;
  --bs-btn-hover-border-color: #5a96eb;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #3d78c4;
  --bs-btn-active-border-color: #3268ad;
  background: #4d8bd9 !important;
  border-color: #3d78c4 !important;
  color: #fff !important;
  border-radius: 6px;
  box-shadow: none;
}

html[data-theme-skin="premium"][data-theme-mode="dark"] body.theme-enabled .btn-primary,
html[data-theme-skin="premium"][data-theme-mode="auto"] body.theme-enabled .btn-primary {
  --bs-btn-bg: #5c7fe6;
  --bs-btn-border-color: #4a6ad4;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #7c9cff;
  --bs-btn-hover-border-color: #6b8ef0;
  background: linear-gradient(145deg, #7c9cff, #5c7fe6) !important;
  border-color: #4a6ad4 !important;
  color: #fff !important;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(92, 127, 230, 0.35);
}

@media (prefers-color-scheme: dark) {
  html[data-theme-skin="default"][data-theme-mode="auto"] body.theme-enabled .btn-primary {
    --bs-btn-bg: #4d8bd9;
    background: #4d8bd9 !important;
    border-color: #3d78c4 !important;
    color: #fff !important;
  }
  html[data-theme-skin="premium"][data-theme-mode="auto"] body.theme-enabled .btn-primary {
    background: linear-gradient(145deg, #7c9cff, #5c7fe6) !important;
    border-color: #4a6ad4 !important;
    color: #fff !important;
  }
}

html[data-theme-skin="default"][data-theme-mode="dark"] body.theme-enabled #header,
html[data-theme-skin="default"][data-theme-mode="auto"] body.theme-enabled #header {
  border-top-color: var(--theme-accent) !important;
}

html[data-theme-skin="default"][data-theme-mode="dark"] body.theme-enabled #header .navbar.navbar-light.bg-light,
html[data-theme-skin="default"][data-theme-mode="auto"] body.theme-enabled #header .navbar.navbar-light.bg-light {
  border-bottom-color: var(--theme-accent) !important;
}

html[data-theme-skin="premium"][data-theme-mode="dark"] body.theme-enabled #header,
html[data-theme-skin="premium"][data-theme-mode="auto"] body.theme-enabled #header {
  border-top-color: color-mix(in srgb, var(--theme-accent) 65%, #1a2744) !important;
}

html[data-theme-skin="premium"][data-theme-mode="dark"] body.theme-enabled #header .navbar.navbar-light.bg-light,
html[data-theme-skin="premium"][data-theme-mode="auto"] body.theme-enabled #header .navbar.navbar-light.bg-light {
  border-bottom-color: color-mix(in srgb, var(--theme-accent) 55%, transparent) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
}

html[data-theme-skin="default"] body.theme-enabled .home-welcome-title::after {
  background: linear-gradient(90deg, transparent, var(--theme-accent), transparent) !important;
}

html[data-theme-skin="premium"] body.theme-enabled .home-welcome-title::after {
  background: linear-gradient(90deg, transparent, var(--theme-accent), #a8c4ff, transparent) !important;
  height: 4px;
}

/* Blog-Karten */
html[data-theme-skin="default"] body.theme-enabled .blog-item,
html[data-theme-skin="default"] body.theme-enabled .shadow-box {
  border-radius: 8px !important;
  box-shadow: var(--theme-elev-shadow, 0 2px 10px rgba(0, 0, 0, 0.15)) !important;
}

html[data-theme-skin="premium"] body.theme-enabled .blog-item {
  border-radius: var(--theme-radius, 14px) !important;
  box-shadow: var(--theme-elev-shadow, 0 12px 36px rgba(0, 0, 0, 0.35)) !important;
  border-width: 1px !important;
}

html[data-theme-skin="default"][data-theme-mode="dark"] body.theme-enabled .blog-banner,
html[data-theme-skin="default"][data-theme-mode="auto"] body.theme-enabled .blog-banner {
  background: linear-gradient(180deg, #4d8bd9, #3268ad) !important;
}

html[data-theme-skin="premium"][data-theme-mode="dark"] body.theme-enabled .blog-banner,
html[data-theme-skin="premium"][data-theme-mode="auto"] body.theme-enabled .blog-banner {
  background: linear-gradient(135deg, #5c7fe6, #3d5fbf 55%, #1e3260) !important;
  box-shadow: 0 12px 40px rgba(60, 100, 200, 0.25);
}

@media (prefers-color-scheme: dark) {
  html[data-theme-skin="default"][data-theme-mode="auto"] body.theme-enabled .blog-banner {
    background: linear-gradient(180deg, #4d8bd9, #3268ad) !important;
  }
  html[data-theme-skin="premium"][data-theme-mode="auto"] body.theme-enabled .blog-banner {
    background: linear-gradient(135deg, #5c7fe6, #3d5fbf 55%, #1e3260) !important;
  }
}

html[data-theme-skin="default"][data-theme-mode="dark"] body.theme-enabled a.category-link,
html[data-theme-skin="default"][data-theme-mode="auto"] body.theme-enabled a.category-link {
  color: #8ec0ff !important;
}

html[data-theme-skin="premium"][data-theme-mode="dark"] body.theme-enabled a.category-link,
html[data-theme-skin="premium"][data-theme-mode="auto"] body.theme-enabled a.category-link {
  color: #a8c4ff !important;
}

/* Mitgliederbereich: Sidebar */
html[data-theme-skin="default"] body.user-member-shell.theme-enabled .user-member-sidebar .sidebar-nav .nav-link {
  background: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  color: var(--theme-text) !important;
  box-shadow: none !important;
}

html[data-theme-skin="default"] body.user-member-shell.theme-enabled .user-member-sidebar .sidebar-nav .nav-link:hover,
html[data-theme-skin="default"] body.user-member-shell.theme-enabled .user-member-sidebar .sidebar-nav .nav-link.active {
  background: color-mix(in srgb, var(--theme-accent) 14%, transparent) !important;
  color: var(--theme-accent) !important;
}

html[data-theme-skin="premium"] body.user-member-shell.theme-enabled .user-member-sidebar .sidebar-nav .nav-link {
  background: color-mix(in srgb, var(--theme-accent) 10%, var(--theme-nav-bg)) !important;
  border: 1px solid color-mix(in srgb, var(--theme-accent) 22%, transparent) !important;
  border-radius: 10px !important;
  margin-bottom: 0.35rem;
}

html[data-theme-skin="premium"] body.user-member-shell.theme-enabled .user-member-sidebar .sidebar-nav .nav-link:hover,
html[data-theme-skin="premium"] body.user-member-shell.theme-enabled .user-member-sidebar .sidebar-nav .nav-link.active {
  background: color-mix(in srgb, var(--theme-accent) 22%, var(--theme-nav-bg)) !important;
  border-color: var(--theme-accent) !important;
  color: var(--theme-accent) !important;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--theme-accent) 25%, transparent);
}

html[data-theme-skin="premium"][data-theme-mode="dark"] body.user-member-shell.theme-enabled .user-member-sidebar .sidebar-nav .nav-link:hover,
html[data-theme-skin="premium"][data-theme-mode="dark"] body.user-member-shell.theme-enabled .user-member-sidebar .sidebar-nav .nav-link.active {
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

@media (prefers-color-scheme: dark) {
  html[data-theme-skin="premium"][data-theme-mode="auto"] body.user-member-shell.theme-enabled .user-member-sidebar .sidebar-nav .nav-link:hover,
  html[data-theme-skin="premium"][data-theme-mode="auto"] body.user-member-shell.theme-enabled .user-member-sidebar .sidebar-nav .nav-link.active {
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  }
}

/* Profil: Standard flach, Premium mit Verlauf */
html[data-theme-skin="default"] body.user-member-shell .profile-hero {
  background: var(--theme-accent) !important;
  box-shadow: none !important;
  border-radius: 10px !important;
}

html[data-theme-skin="premium"] body.user-member-shell .profile-hero {
  border-radius: var(--theme-radius, 14px) !important;
}

html[data-theme-skin="default"] body.user-member-shell .profile-panel,
html[data-theme-skin="default"] body.user-member-shell .profile-nav {
  border-radius: 10px !important;
  box-shadow: none !important;
}

html[data-theme-skin="premium"] body.user-member-shell .profile-panel {
  border-radius: var(--theme-radius, 14px) !important;
  box-shadow: var(--theme-elev-shadow) !important;
}

html[data-theme-skin="default"] body.user-member-shell .profile-nav__btn.active {
  background: var(--theme-accent) !important;
  box-shadow: none !important;
}

html[data-theme-skin="premium"] body.user-member-shell .profile-nav__btn.active {
  background: linear-gradient(135deg, var(--theme-accent), color-mix(in srgb, var(--theme-accent) 70%, #1a2744)) !important;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--theme-accent) 35%, transparent) !important;
}

/* Highlight-Badge im Dark-Mode: Skin-Farbe statt Grün */
html[data-theme-skin="default"][data-theme-mode="dark"] body.theme-enabled .blog-highlight-icon-badge,
html[data-theme-skin="default"][data-theme-mode="auto"] body.theme-enabled .blog-highlight-icon-badge {
  color: #fff;
  background: linear-gradient(145deg, #8ec0ff, #4d8bd9) !important;
  border-color: rgba(110, 168, 254, 0.45) !important;
}

html[data-theme-skin="premium"][data-theme-mode="dark"] body.theme-enabled .blog-highlight-icon-badge,
html[data-theme-skin="premium"][data-theme-mode="auto"] body.theme-enabled .blog-highlight-icon-badge {
  color: #fff;
  background: linear-gradient(145deg, #a8c4ff, #5c7fe6) !important;
  border-color: rgba(124, 156, 255, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  html[data-theme-skin="default"][data-theme-mode="auto"] body.theme-enabled .blog-highlight-icon-badge {
    background: linear-gradient(145deg, #8ec0ff, #4d8bd9) !important;
  }
  html[data-theme-skin="premium"][data-theme-mode="auto"] body.theme-enabled .blog-highlight-icon-badge {
    background: linear-gradient(145deg, #a8c4ff, #5c7fe6) !important;
  }
}

/* Hilfe-Button (Supporti) */
body.theme-enabled #open-helper.help-fab {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0.7rem 1.15rem;
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  border: 1px solid color-mix(in srgb, #fff 22%, transparent);
  border-radius: 999px;
  background: linear-gradient(
    145deg,
    var(--theme-accent, #0d6efd),
    color-mix(in srgb, var(--theme-accent, #0d6efd) 72%, #0a1628)
  ) !important;
  color: #fff !important;
  box-shadow:
    0 8px 28px color-mix(in srgb, var(--theme-accent) 38%, transparent),
    0 0 0 1px color-mix(in srgb, #fff 12%, transparent) inset;
  z-index: 1040;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

body.theme-enabled #open-helper.help-fab:hover,
html[data-theme-mode="dark"] body.theme-enabled #open-helper.help-fab:hover,
html[data-theme-mode="auto"] body.theme-enabled #open-helper.help-fab:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  color: #fff !important;
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--theme-accent) 90%, #fff),
    color-mix(in srgb, var(--theme-accent) 65%, #0a1628)
  ) !important;
}

html[data-theme-mode="dark"] body.theme-enabled #open-helper.help-fab,
html[data-theme-mode="auto"] body.theme-enabled #open-helper.help-fab {
  background: linear-gradient(
    145deg,
    var(--theme-accent, #6ea8fe),
    color-mix(in srgb, var(--theme-accent) 72%, #0a1628)
  ) !important;
  color: #fff !important;
}

html[data-theme-mode="dark"] body.theme-enabled #helper-header,
html[data-theme-mode="auto"] body.theme-enabled #helper-header {
  background: linear-gradient(
    135deg,
    var(--theme-accent),
    color-mix(in srgb, var(--theme-accent) 70%, #000)
  ) !important;
}

body.theme-enabled #helper-header {
  background: linear-gradient(
    135deg,
    var(--theme-accent, #0d6efd),
    color-mix(in srgb, var(--theme-accent) 70%, #000)
  ) !important;
  color: #fff !important;
}

body.theme-enabled #supporti-message {
  color: var(--theme-accent) !important;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  body.theme-enabled #open-helper.help-fab,
  body.theme-enabled #supporti-container,
  body.theme-enabled .supporti-box {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* Kontakt: kein globales header-Blau (style.css #header only) */
body.theme-enabled .contact-page__head {
  background: transparent !important;
  color: var(--theme-text, #152033) !important;
  padding: 0 !important;
}

body.theme-enabled .contact-page__head .contact-page__title {
  color: var(--theme-text, #152033) !important;
}

body.theme-enabled .contact-page__head .contact-page__lead {
  color: var(--theme-muted, #5c6f82) !important;
}

/* Kontakt: Hauptstyles in assets/css/contact.css (im Head bei page=kontakt) */

/* Dropdown-Hover: kein helles Bootstrap-Grau bei weißer Schrift */
body.theme-enabled #header .dropdown-menu .dropdown-item:hover,
body.theme-enabled #header .dropdown-menu .dropdown-item:focus,
body.theme-enabled #navbarNav .dropdown-menu .dropdown-item:hover,
body.theme-enabled #navbarNav .dropdown-menu .dropdown-item:focus,
body.theme-enabled .navbar .dropdown-menu .dropdown-item:hover,
body.theme-enabled .navbar .dropdown-menu .dropdown-item:focus {
  background-color: color-mix(in srgb, var(--theme-accent) 18%, var(--theme-surface)) !important;
  color: var(--theme-text) !important;
}

html[data-theme-skin="premium"] body.theme-enabled #header .dropdown-item:hover,
html[data-theme-skin="premium"] body.theme-enabled #header .dropdown-item:focus,
html[data-theme-skin="premium"] body.theme-enabled #navbarNav .dropdown-item:hover,
html[data-theme-skin="premium"] body.theme-enabled #navbarNav .dropdown-item:focus {
  background-color: color-mix(in srgb, var(--theme-accent) 18%, var(--theme-surface)) !important;
  color: var(--theme-text) !important;
}

body.user-member-shell.theme-enabled #header .dropdown-menu.profile .dropdown-item:hover,
body.user-member-shell.theme-enabled #header .dropdown-menu.profile .dropdown-item:focus {
  background-color: color-mix(in srgb, var(--theme-accent) 18%, var(--theme-surface)) !important;
  color: var(--theme-text) !important;
}