/*
Theme Name: BTB Vielfalt
Theme URI: https://www.badischer-turner-bund.de
Author: Badischer Turner-Bund e.V.
Description: Modernes Full-Site-Editing-Block-Theme im offiziellen Corporate Design des Badischen Turner-Bunds (badische Landesfarben Rot #E52242 / Gelb #FECE43 plus Grau #B2B2B1, Verläufe im 70°-Winkel, Schriften Rubik & Calibri, BTB-Turnerkreuz als Gestaltungselement). Enthält Front-Page-Vorlage und BTB-Patterns (Hero, Drei Welten, Ehrenamt u. a.).
Version: 2.4.0
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: btb-vielfalt
*/

/* ============================================================
   BTB-Gestaltungselemente aus dem Styleguide (2023)
   ============================================================ */

/* --- Turnerkreuz: Kennzeichnung von Überschriften / Eyebrows --- */
.btb-eyebrow{
  display:inline-flex; align-items:center; gap:.55rem;
  font-family:'Rubik',sans-serif; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; font-size:.8rem;
  color:var(--wp--preset--color--rot);
}
.btb-eyebrow::before{
  content:""; width:1.05em; height:1.05em; flex:none;
  background:var(--wp--preset--color--rot);
  -webkit-mask:url(assets/turnerkreuz.svg) center/contain no-repeat;
          mask:url(assets/turnerkreuz.svg) center/contain no-repeat;
}
.btb-eyebrow.is-weiss{ color:#fff; }
.btb-eyebrow.is-weiss::before{ background:#fff; }
.btb-eyebrow.is-gelb{ color:var(--wp--preset--color--gelb); }
.btb-eyebrow.is-gelb::before{ background:var(--wp--preset--color--gelb); }

/* --- Turnerkreuz als Aufzählungszeichen --- */
.btb-kreuz-list ul{ list-style:none; margin-left:0; padding-left:0; }
.btb-kreuz-list li{
  position:relative; padding-left:2rem; margin-bottom:.55rem;
}
.btb-kreuz-list li::before{
  content:""; position:absolute; left:0; top:.28em;
  width:1.05em; height:1.05em;
  background:var(--wp--preset--color--rot);
  -webkit-mask:url(assets/turnerkreuz.svg) center/contain no-repeat;
          mask:url(assets/turnerkreuz.svg) center/contain no-repeat;
}

/* --- Kopfbereich & Navigations-Untermenü immer über dem Inhalt (v.a. Hero) --- */
.wp-site-blocks > header{ position:relative; z-index:100; }
.wp-block-navigation__submenu-container{ z-index:100; }

/* --- Hero: Foto-Hintergrund mit 70°-Rot-Verlauf-Overlay (per CSS, kein Cover-Block) --- */
.btb-hero{ position:relative; overflow:hidden; background-color:#C50F52;
  background-image:
    linear-gradient(70deg, rgba(229,34,66,0.92) 0%, rgba(208,16,106,0.85) 100%),
    var(--btb-hero-photo, url("https://www.badischer-turner-bund.de/fileadmin/_processed_/1/9/csm_2026-07-06_DJM_GTm_Gruppenfoto_Foto._C._Haase_a1c8bf15d7.webp"));
  background-size:cover; background-position:center; background-repeat:no-repeat; }
.btb-hero .btb-schwung{
  position:absolute; right:-2%; bottom:-2px; width:62%; max-width:760px;
  z-index:1; line-height:0; pointer-events:none;
}
/* --- Turnerkreuz als Wasserzeichen --- */
.btb-watermark{
  position:absolute; z-index:0; pointer-events:none; opacity:.10;
  width:min(46vw,520px); aspect-ratio:1;
  background:#fff;
  -webkit-mask:url(assets/turnerkreuz.svg) center/contain no-repeat;
          mask:url(assets/turnerkreuz.svg) center/contain no-repeat;
  top:-8%; right:-4%; transform:rotate(8deg);
}
.btb-hero-inner{ position:relative; z-index:2; }

/* --- Infoträger: abgerundete Form mit Verlauf (gelb/rot) & eckig grau --- */
.btb-infotraeger-rund{ border-radius:26px; }
.btb-infotraeger-rund.is-rot{ background:linear-gradient(70deg,#E52242 0%,#D0106A 100%); color:#fff; }
.btb-infotraeger-rund.is-gelb{ background:linear-gradient(70deg,#F5891E 0%,#FECE43 100%); color:#4a3600; }
.btb-infotraeger-eckig{ border-radius:4px; background:linear-gradient(70deg,#E6E6E6 0%,#B2B2B1 100%); color:var(--wp--preset--color--anthrazit); }

/* --- Karten-Hover --- */
.btb-card{ transition:transform .22s ease, box-shadow .22s ease; }
.btb-card:hover{ transform:translateY(-6px); box-shadow:0 18px 45px -20px rgba(60,60,59,.35); }

.wp-block-button.is-style-pill .wp-block-button__link{ border-radius:999px; }

/* ============================================================
   Innenseiten-Layout im CI (Seitenkopf, Akzent, Infoträger)
   ============================================================ */

/* Seitenkopf-Band mit Turnerkreuz-Wasserzeichen */
.btb-pagehead{ position:relative; overflow:hidden; }
.btb-pagehead > *{ position:relative; z-index:2; }
.btb-pagehead .btb-watermark{ background:var(--wp--preset--color--grau,#B2B2B1); opacity:.16; top:-18%; right:-3%; width:min(34vw,360px); }

/* Roter Akzentstrich (Verlauf 70°) unter Überschriften */
.btb-accent{ width:66px; height:5px; border-radius:3px; margin-top:14px; background:linear-gradient(70deg,#E52242 0%,#D0106A 100%); }
.btb-accent.is-center{ margin-left:auto; margin-right:auto; }

/* Fließtext-Feinschliff auf Innenseiten */
.btb-prose h2{ margin-top:1.6em; }
.btb-prose h3{ color:var(--wp--preset--color--rot,#E52242); }
.btb-prose ul{ list-style:none; padding-left:0; }
.btb-prose ul li{ position:relative; padding-left:1.9rem; margin-bottom:.5rem; }
.btb-prose ul li::before{ content:""; position:absolute; left:.15em; top:.62em; width:.5em; height:.5em; border-radius:50%;
  background:var(--wp--preset--color--rot,#E52242); }
/* Kicker (Eyebrow ohne Turnerkreuz-Symbol) für Innenseiten */
.btb-kicker{ font-family:'Rubik',sans-serif; font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:.8rem; color:var(--wp--preset--color--rot,#E52242); }
.btb-prose blockquote{ border-left:5px solid var(--wp--preset--color--gelb,#FECE43); padding-left:1.1rem; font-style:italic; color:var(--wp--preset--color--anthrazit,#3C3C3B); }

/* Infoträger (CI-Element): abgerundet mit Verlauf */
.btb-info{ border-radius:22px; padding:1.6rem 1.8rem; }
.btb-info.is-rot{ background:linear-gradient(70deg,#E52242 0%,#D0106A 100%); color:#fff; }
.btb-info.is-gelb{ background:linear-gradient(70deg,#F5891E 0%,#FECE43 100%); color:#4a3600; }
.btb-info.is-grau{ background:linear-gradient(70deg,#EDEDED 0%,#B2B2B1 100%); color:var(--wp--preset--color--anthrazit,#3C3C3B); }

/* Ansprechpartner-Karte */
.btb-person{ border:1px solid var(--wp--preset--color--grau-hell,#EDEDED); border-radius:18px; padding:1.4rem; background:#fff; }
.btb-person .btb-avatar{ width:64px; height:64px; border-radius:50%; background:linear-gradient(70deg,#E52242,#D0106A); display:grid; place-items:center; color:#fff; font-family:'Rubik',sans-serif; font-weight:800; font-size:1.4rem; }