/*
Theme Name: Bildungsforum Home
Theme URI: https://bildungsforum-schweiz.ch
Description: Child-Theme für die öffentliche Homepage des Bildungsforum Schweiz (Prototyp). Basis: Kadence. Platzhalter-Corporate-Design – wird durch finales CD (Logo/Farben/Nadine) ersetzt.
Author: Bildungsforum Schweiz
Template: kadence
Version: 0.2.0
Text Domain: bf-home
*/

:root{
  --bf-blue:#16486E;
  --bf-blue-dark:#0E3251;
  --bf-coral:#E2533B;
  --bf-coral-dark:#C8432D;
  --bf-green:#3F9B86;
  --bf-sand:#F4F7FA;
  --bf-line:#E5EBF1;
  --bf-ink:#1F2A37;
  --bf-muted:#5A6B7B;
  --bf-radius:14px;
  --bf-shadow:0 10px 30px rgba(16,49,81,.08);
}

/* ---------- Basis & Typografie ---------- */
body{ color:var(--bf-ink); }
a{ color:var(--bf-blue); text-decoration-color:rgba(22,72,110,.3); text-underline-offset:3px; }
a:hover{ color:var(--bf-coral); }
::selection{ background:var(--bf-coral); color:#fff; }
h1,h2,h3,h4{ color:var(--bf-blue); letter-spacing:-.015em; }
h2{ font-size:clamp(1.7rem,3vw,2.3rem); line-height:1.15; }
h3{ font-size:1.25rem; }
.entry-content > *{ scroll-margin-top:90px; }

/* ---------- Header / Navigation ---------- */
.site-header-row-container-inner{ background:#fff; }
.site-branding .site-title a,.site-branding a{ color:var(--bf-blue) !important; font-weight:800; letter-spacing:-.02em; }
.site-header .header-navigation .menu > .menu-item > a{
  color:var(--bf-ink) !important; font-weight:600;
}
.site-header .header-navigation .menu > .menu-item > a:hover{ color:var(--bf-coral) !important; }
/* „Mitmachen & anmelden" als Button im Menü */
.menu-item.bf-nav-cta > a{
  background:var(--bf-coral); color:#fff !important; border-radius:10px;
  padding:9px 18px !important; margin-left:6px; transition:background .15s ease, transform .15s ease;
}
.menu-item.bf-nav-cta > a:hover{ background:var(--bf-coral-dark); color:#fff !important; transform:translateY(-1px); }

/* ---------- Buttons ---------- */
.bf-btn,.wp-block-button__link{ border-radius:10px !important; font-weight:600 !important; transition:transform .15s ease, background .15s ease, box-shadow .15s ease; }
.wp-block-button__link:hover{ transform:translateY(-1px); }
.bf-cta .wp-block-button__link{ background:var(--bf-coral) !important; color:#fff !important; padding:15px 30px !important; box-shadow:0 6px 18px rgba(226,83,59,.28); }
.bf-cta .wp-block-button__link:hover{ background:var(--bf-coral-dark) !important; }
.bf-cta-ghost .wp-block-button__link{ background:transparent !important; color:#fff !important; border:2px solid rgba(255,255,255,.7) !important; padding:13px 26px !important; }
.bf-cta-ghost .wp-block-button__link:hover{ border-color:#fff !important; background:rgba(255,255,255,.08) !important; }

/* ---------- Hero ---------- */
.bf-hero{ background:linear-gradient(135deg,var(--bf-blue) 0%,var(--bf-blue-dark) 100%); color:#fff; border-radius:0 0 28px 28px; position:relative; overflow:hidden; }
.bf-hero::after{ content:""; position:absolute; right:-120px; top:-120px; width:380px; height:380px; border-radius:50%; background:radial-gradient(circle, rgba(226,83,59,.25), transparent 70%); }
.bf-hero h1{ color:#fff !important; font-size:clamp(2rem,4.4vw,3.1rem) !important; }
.bf-hero .bf-sub{ color:#D7E3EE !important; max-width:640px; }
.bf-eyebrow{ color:var(--bf-coral); font-weight:700; text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; }
.bf-hero .bf-eyebrow{ color:#ffd9cf; }

/* Suchfeld prominent */
.bf-search .wp-block-search__inside-wrapper{ border:0; border-radius:14px; overflow:hidden; box-shadow:0 12px 30px rgba(10,40,70,.28); }
.bf-search input[type=search],.bf-search .wp-block-search__input{ border:0 !important; padding:18px 20px !important; font-size:1.05rem; }
.bf-search .wp-block-search__button{ background:var(--bf-blue); color:#fff; margin:6px; border-radius:9px; padding:0 22px; font-weight:600; }

/* ---------- Abschnitts-Rhythmus ---------- */
.entry-content > .wp-block-group{ }
.entry-content > .wp-block-group:nth-of-type(even){ background:var(--bf-sand); }

/* ---------- Karten ---------- */
.bf-card{ background:#fff; border:1px solid var(--bf-line); border-radius:var(--bf-radius); padding:26px 24px; height:100%; box-shadow:0 1px 2px rgba(16,49,81,.04); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.bf-card:hover{ transform:translateY(-4px); box-shadow:var(--bf-shadow); border-color:#d3e0ec; }
.bf-card h3{ margin:.4rem 0 .4rem; }
.bf-card p{ color:var(--bf-muted); }

/* Icon-Discs (per Position) für die 3 Säulen */
.bf-saeulen .wp-block-column .bf-card::before,
.bf-zielgruppen .wp-block-column .bf-card::before{
  content:""; display:block; width:52px; height:52px; border-radius:14px;
  background-repeat:no-repeat; background-position:center; background-size:26px 26px; margin-bottom:6px;
}
.bf-saeulen .wp-block-column:nth-child(1) .bf-card::before{ background-color:#16486E; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='6' r='3'/><circle cx='5' cy='18' r='3'/><circle cx='19' cy='18' r='3'/><path d='M12 9v3M12 12l-5 4M12 12l5 4'/></svg>"); }
.bf-saeulen .wp-block-column:nth-child(2) .bf-card::before{ background-color:#3F9B86; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='7' height='7' rx='1.5'/><rect x='14' y='3' width='7' height='7' rx='1.5'/><rect x='3' y='14' width='7' height='7' rx='1.5'/><rect x='14' y='14' width='7' height='7' rx='1.5'/></svg>"); }
.bf-saeulen .wp-block-column:nth-child(3) .bf-card::before{ background-color:#E2533B; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s-7-5.5-7-11a7 7 0 0 1 14 0c0 5.5-7 11-7 11z'/><circle cx='12' cy='10' r='2.5'/></svg>"); }

/* Icon-Discs für die 4 Zielgruppen */
.bf-zielgruppen .wp-block-column:nth-child(1) .bf-card::before{ background-color:#16486E; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z'/><circle cx='12' cy='12' r='2.5'/></svg>"); }
.bf-zielgruppen .wp-block-column:nth-child(2) .bf-card::before{ background-color:#3F9B86; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 20h9'/><path d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/></svg>"); }
.bf-zielgruppen .wp-block-column:nth-child(3) .bf-card::before{ background-color:#E2533B; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20.8 5.6a5 5 0 0 0-7.1 0L12 7.3l-1.7-1.7a5 5 0 1 0-7.1 7.1L12 21l8.8-8.3a5 5 0 0 0 0-7.1z'/></svg>"); }
.bf-zielgruppen .wp-block-column:nth-child(4) .bf-card::before{ background-color:#0E3251; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 21h18M5 21V7l7-4 7 4v14'/><path d='M9 21v-4h6v4M9 10h.01M15 10h.01M9 14h.01M15 14h.01'/></svg>"); }

/* ---------- Busreise-Teaser ---------- */
.bf-bus{ background:linear-gradient(135deg,#EFF5F2 0%, #F4F7FA 100%); border-radius:18px; border:1px solid #e3ece8; }
.bf-bus h2{ color:var(--bf-blue); }
.bf-bus .bf-badge{ display:inline-block; background:var(--bf-green); color:#fff; padding:5px 14px; border-radius:999px; font-size:.78rem; font-weight:700; letter-spacing:.03em; }

/* ---------- Footer ---------- */
.site-footer,.site-footer-row-container-inner{ background:var(--bf-blue-dark) !important; }
.site-footer, .site-footer a, .site-footer .widget-title, .site-footer p{ color:#cddbe8 !important; }
.site-footer a:hover{ color:#fff !important; }

/* ---------- Front-Page: Kadence-Titelbanner ausblenden ---------- */
.home .entry-hero, .home .entry-hero-container, body.home .entry-header.entry-hero{ display:none !important; }

/* ---------- Responsive Feinschliff ---------- */
@media (max-width:781px){
  .bf-hero{ border-radius:0 0 20px 20px; }
  .menu-item.bf-nav-cta > a{ display:inline-block; margin:6px 0; }
}