/*
 * SV Fellbach Fußball – Club23
 * user.css V13 FINAL
 * Joomla 6 / Cassiopeia / SP Page Builder
 *
 * Voraussetzung:
 * Im Joomla-Menüeintrag unter "Seitenanzeige" → "CSS-Klasse Seite":
 * club23-page
 *
 * Ziel:
 * - Cassiopeia nur auf der Club23-Seite ausblenden
 * - Full-Width nur auf dieser Seite
 * - keine globalen Nebenwirkungen auf Impressum/Datenschutz/andere Seiten
 * - Sticky-/Fixed-Club23-Navigation sauber erhalten
 */

/* =========================================================
   1. NUR CLUB23-SEITE: CASSIOPEIA ENTSCHÄRFEN
   ========================================================= */

body.club23-page {
  margin: 0 !important;
  padding: 0 !important;
  background: #121417 !important;
}

/* Cassiopeia Kopfbereich nur auf Club23 ausblenden */
body.club23-page .container-header,
body.club23-page header.header,
body.club23-page .container-topbar,
body.club23-page .container-banner {
  display: none !important;
}

/* Breadcrumbs / Standard-Seitenkopf auf Club23 ausblenden */
body.club23-page .breadcrumbs,
body.club23-page .mod-breadcrumbs,
body.club23-page .page-header {
  display: none !important;
}

/* Joomla Hauptlayout auf volle Breite setzen */
body.club23-page .site-grid,
body.club23-page .grid-child,
body.club23-page main,
body.club23-page main.container-component,
body.club23-page .container-component,
body.club23-page .com-content-article,
body.club23-page .item-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* SP Page Builder Container auf Club23 neutralisieren */
body.club23-page #sp-main-body,
body.club23-page #sp-component,
body.club23-page #sp-page-builder,
body.club23-page .sppb-page-content,
body.club23-page .sppb-section,
body.club23-page .sppb-container-inner,
body.club23-page .sppb-row-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Nur vertikale Außenabstände entfernen.
   Horizontale Innenabstände regelt die Landingpage selbst. */
body.club23-page #sp-main-body,
body.club23-page #sp-component,
body.club23-page #sp-page-builder,
body.club23-page .sppb-page-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* =========================================================
   2. CLUB23 ROOT: FULL-WIDTH OHNE SEITENRAHMEN
   ========================================================= */

body.club23-page #svf-u23 {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Sicherheitsnetz gegen unerwünschte Joomla-Abstände direkt um Root */
body.club23-page #svf-u23,
body.club23-page #svf-u23 > :first-child {
  border-top: 0 !important;
}

/* =========================================================
   3. CLUB23 NAVIGATION: FIXED + SAUBERE LAYER
   ========================================================= */

body.club23-page #svf-u23 .nav,
body.club23-page #svf-u23 .club23-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  z-index: 100000 !important;
}

/* Joomla darf Links in der Club23-Navi nicht umfärben */
body.club23-page #svf-u23 .nav a,
body.club23-page #svf-u23 .club23-nav a {
  text-decoration: none !important;
}

/* =========================================================
   4. HERO: ABSTAND FÜR FIXED NAV
   ========================================================= */

body.club23-page #svf-u23 .hero {
  scroll-margin-top: 78px !important;
}

/* Falls die Landingpage selbst kein ausreichendes Padding liefert */
@media (min-width: 701px) {
  body.club23-page #svf-u23 .hero {
    padding-top: 150px !important;
  }
}

@media (max-width: 700px) {
  body.club23-page #svf-u23 .hero {
    padding-top: 122px !important;
  }
}

/* =========================================================
   5. ANKER: NICHT HINTER DER FIXED NAV VERSCHWINDEN
   ========================================================= */

body.club23-page #svf-u23 section[id],
body.club23-page #svf-u23 [id^="club23-"] {
  scroll-margin-top: 90px !important;
}

/* =========================================================
   6. BUTTON-FIXES GEGEN CASSIOPEIA
   ========================================================= */

body.club23-page #svf-u23 .btn,
body.club23-page #svf-u23 a.btn,
body.club23-page #svf-u23 button.btn {
  text-decoration: none !important;
}

/* Primärbutton */
body.club23-page #svf-u23 .btn-primary,
body.club23-page #svf-u23 a.btn-primary,
body.club23-page #svf-u23 button.btn-primary {
  color: #fff !important;
}

/* Sekundärbutton im Hero */
body.club23-page #svf-u23 .hero .btn-secondary,
body.club23-page #svf-u23 .hero a.btn-secondary {
  color: #fff !important;
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.86) !important;
}

body.club23-page #svf-u23 .hero .btn-secondary:hover,
body.club23-page #svf-u23 .hero .btn-secondary:focus,
body.club23-page #svf-u23 .hero a.btn-secondary:hover,
body.club23-page #svf-u23 .hero a.btn-secondary:focus {
  color: #15171a !important;
  background: #fff !important;
  border-color: #fff !important;
}

/* =========================================================
   7. CLUB23 LOGO: TEMPLATE-EINFLÜSSE VERHINDERN
   ========================================================= */

body.club23-page #svf-u23 .brand img,
body.club23-page #svf-u23 .hero-logo img,
body.club23-page #svf-u23 .logo,
body.club23-page #svf-u23 .form-side img,
body.club23-page #svf-u23 .svf-form-logo {
  height: auto;
  object-fit: contain !important;
}

/* =========================================================
   8. FORMULARE: CASSIOPEIA FORM-STYLES NEUTRAL HALTEN
   ========================================================= */

body.club23-page #svf-u23 input,
body.club23-page #svf-u23 select,
body.club23-page #svf-u23 textarea,
body.club23-page #svf-u23 button {
  font-family: inherit !important;
}

body.club23-page #svf-u23 input[type="checkbox"] {
  accent-color: #ed0016 !important;
}

/* =========================================================
   9. FOOTER / FLOATING CTA
   ========================================================= */

body.club23-page #svf-u23 .club23-footer,
body.club23-page #svf-u23 .footer {
  position: relative !important;
  z-index: 5 !important;
}

/* Floating CTA immer über Content, aber unter Fixed Nav */
body.club23-page #svf-u23 .floating,
body.club23-page #svf-u23 .sticky {
  z-index: 99990 !important;
}

/* Wird per Landingpage-JS gesetzt */
body.club23-page #svf-u23 .floating.cta-hidden,
body.club23-page #svf-u23 .sticky.cta-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(16px) !important;
}

/* =========================================================
   10. MOBILE
   ========================================================= */

@media (max-width: 700px) {
  body.club23-page #svf-u23 {
    overflow-x: hidden !important;
  }

  body.club23-page #svf-u23 .floating,
  body.club23-page #svf-u23 .sticky {
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
  }
}

/* =========================================================
   11. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  body.club23-page #svf-u23 *,
  body.club23-page #svf-u23 *::before,
  body.club23-page #svf-u23 *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}