/*
Theme Name: Rockbase Child
Theme URI: https://rockbase.co
Author: Rockbase LLC
Author URI: https://rockbase.co
Description: A child theme for the Rockbase block theme.
Requires at least: 6.3
Tested up to: 6.4
Requires PHP: 7.3
Version: 1.3.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: rockbase
Text Domain: rockbase-child
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, translation-ready, block-styles, template-editing, wide-blocks, global-styles
*/

/* ===== ergebnisoffen.de CI v1.0 ===== */
:root{--wp--preset--font-family--primary:"Helvetica Neue",Helvetica,Arial,sans-serif;--wp--preset--font-family--verb:"Helvetica Neue",Helvetica,Arial,sans-serif;--eo-amber:#E8A838;--eo-amber-hell:#FEF3DC;--eo-teal:#1A8A6E;--eo-teal-hell:#DCF0EB;--eo-lavendel:#7C3AED;--eo-lavendel-hell:#EDE9FE;--eo-dunkel:#1A1A1A;--eo-grau:#555555;--eo-grau-hell:#888888;--eo-border:rgba(0,0,0,0.09);--eo-border-solid:#E8E5E0;--eo-max-width:900px;--eo-radius-lg:18px;--eo-radius-md:12px;--wp--preset--color--primary:#E8A838;--wp--preset--color--foreground-1:#1A1A1A;--wp--preset--color--foreground-2:#555555;--wp--preset--color--foreground-3:#888888;--eo-radius-pill:20px}
a,button,input,textarea,select{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:15px;font-weight:400;line-height:1.75;color:var(--eo-grau)}
h1{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:2.75rem;font-weight:700;letter-spacing:-0.03em;line-height:1.1;color:var(--eo-dunkel)}
h2{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:1.3rem;font-weight:600;letter-spacing:-0.02em;line-height:1.3;color:var(--eo-dunkel)}
h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-weight:600;color:var(--eo-dunkel)}
h3{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:1.1rem;font-weight:600;line-height:1.4;color:var(--eo-dunkel)}
a,a:visited{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}
.eo-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--eo-amber);display:inline-block}
.eo-eyebrow-pill{display:inline-block;background:var(--eo-amber-hell);color:var(--eo-amber);padding:.25rem .75rem;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.wp-block-button__link{border-radius:var(--eo-radius-pill)!important;font-weight:600!important;font-size:14px!important;padding:.65rem 1.4rem!important;transition:transform .2s ease!important}
.wp-block-button__link:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.12)}
.eo-card{background:#fff;border:1.5px solid var(--eo-border);border-radius:var(--eo-radius-lg);padding:1.5rem;transition:transform .2s ease,border-color .2s ease}
.eo-card:hover{transform:translateY(-3px);border-color:rgba(232,168,56,.5);box-shadow:0 8px 24px rgba(0,0,0,.07)}
.eo-path-card{border-left:4px solid var(--eo-amber);padding:1.5rem;background:#fff;border-radius:0 var(--eo-radius-lg) var(--eo-radius-lg) 0;border-top:1.5px solid var(--eo-border);border-right:1.5px solid var(--eo-border);border-bottom:1.5px solid var(--eo-border);transition:transform .2s ease}
.eo-path-card:hover{transform:translateY(-3px)}
.eo-path-card.teal{border-left-color:var(--eo-teal)}
.eo-path-card.lavendel{border-left-color:var(--eo-lavendel)}
.eo-blob{position:absolute;border-radius:50%;opacity:.45;pointer-events:none;z-index:0}
.eo-blob-amber{background:var(--eo-amber-hell)}
.eo-blob-teal{background:var(--eo-teal-hell)}
.eo-blob-lavendel{background:var(--eo-lavendel-hell)}
.eo-section{padding:2.5rem 2rem;position:relative;overflow:hidden}
.eo-section-dark{background:var(--eo-dunkel);color:#fff}
.eo-section-dark h1,.eo-section-dark h2,.eo-section-dark h3{color:#fff}
.eo-pill{display:inline-block;padding:.3rem .75rem;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.eo-pill-amber{background:var(--eo-amber-hell);color:var(--eo-amber)}
.eo-pill-teal{background:var(--eo-teal-hell);color:var(--eo-teal)}
.eo-pill-lavendel{background:var(--eo-lavendel-hell);color:var(--eo-lavendel)}
.eo-logo-dot{color:var(--eo-amber);display:inline-block;transition:transform .2s ease}
a:hover .eo-logo-dot{transform:scale(1.3)}
.eo-prinzip{padding:1.5rem 1rem;border-right:1px solid var(--eo-border);transition:background .2s ease}
.eo-prinzip:hover{background:var(--eo-amber-hell)}
.eo-prinzip:last-child{border-right:none}
.eo-prinzip-num{font-size:11px;font-weight:700;color:var(--eo-amber);letter-spacing:.1em;display:block;margin-bottom:.25rem}
.eo-teal-accent{color:var(--eo-teal)}
.eo-amber-accent{color:var(--eo-amber)}
.eo-lavendel-accent{color:var(--eo-lavendel)}
.eo-day-kachel{background:#2a2a2a;color:rgba(255,255,255,.7);border-radius:var(--eo-radius-md);padding:1rem;font-size:13px}
.eo-day-kachel.active{background:var(--eo-amber);color:var(--eo-dunkel);font-weight:600}
.eo-event-card{background:var(--eo-teal-hell);border:1.5px solid rgba(26,138,110,.2);border-radius:var(--eo-radius-lg);padding:1.5rem}
.eo-zitat-banner{background:var(--eo-amber-hell);padding:3rem 2rem;text-align:center}
.eo-zitat-banner p{font-style:italic;font-size:1.2rem;max-width:700px;margin:0 auto;color:var(--eo-dunkel);line-height:1.6}
.eo-blockquote-amber{border-left:4px solid var(--eo-amber);padding-left:1.2rem;font-style:italic;color:var(--eo-dunkel)}
.eo-experiment-box{background:var(--eo-amber-hell);border-left:4px solid var(--eo-amber);border-radius:0 var(--eo-radius-md) var(--eo-radius-md) 0;padding:1.2rem 1.5rem;margin:2rem 0}
.eo-sidebar-card{background:#fff;border:1.5px solid var(--eo-border);border-radius:var(--eo-radius-md);padding:1.2rem;margin-bottom:1rem}
.eo-filter-btn{padding:.4rem 1rem;border-radius:99px;border:1.5px solid var(--eo-border);background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}
.eo-filter-btn.active,.eo-filter-btn:hover{background:var(--eo-dunkel);color:#fff;border-color:var(--eo-dunkel)}
.eo-wert{padding:1.2rem;border:1.5px solid var(--eo-border);border-radius:var(--eo-radius-md);transition:transform .2s ease}
.eo-wert:hover{transform:translateY(-2px)}

/* Force Helvetica on links — overrides Rockbase system-ui stack */
body a,body a:visited,body a:hover,body a:focus,body a:active{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}
/* Also override the wp--preset via :root */

:root,body{--wp--preset--font-family--system:"Helvetica Neue",Helvetica,Arial,sans-serif!important}


/* ===== LAYOUT & SPACING FIXES (2025-05) ===== */

/* Seitentitel + Wrapper-Block auf Homepage ausblenden */
body.home .wp-block-post-title{display:none}
body.home article > header.wp-block-group:has(.wp-block-post-title),
body.home .entry-content > header.wp-block-group:has(.wp-block-post-title){display:none}
body.home .entry-content{margin-top:0!important}

/* Section-Innenabstände reduzieren */
.eo-section{
  padding-top:40px!important;
  padding-bottom:40px!important;
}
.eo-section:first-child{
  padding-top:48px!important;
}

/* Abstand zwischen Post-Content-Area und erster Section */
.wp-block-post-content{
  padding-top:0!important;
}

/* Abstand zwischen aufeinanderfolgenden eo-sections */
.eo-section+.eo-section{
  margin-top:8px!important;
}


/* ===== FIXES 2025-05-22 ===== */

/* 1) Sticky Header */
header.site-header,
.wp-block-template-part.site-header{
  position:sticky!important;
  top:0;
  z-index:999;
  background:#fff;
  box-shadow:0 1px 0 var(--eo-border);
}

/* 2) Schriftgröße Desktop: Override Rockbase fluid type */
body,p,.wp-block-paragraph{font-size:17px!important;line-height:1.75!important}

/* 3) Abstand Header→Inhalt reduzieren */
.eo-section:first-child{padding-top:32px!important}

/* 4) Path-Cards Container auf volle Breite */
.eo-path-card{
  min-width:0;
  flex:1 1 280px;
}
/* Force card container to fill section width */
.eo-section > div:has(.eo-path-card),
.eo-section > .wp-block-columns:has(.eo-path-card),
.eo-section .wp-block-group:has(.eo-path-card){
  width:100%!important;
  max-width:100%!important;
}

/* 5) Schrittfolge 01-05: größer, breiter, lesbarer Hover */
/* Find the steps container – items with just number + text */
.eo-section .wp-block-columns .wp-block-column:has(> p:first-child),
[class*="eo-step"],[class*="eo-principle"]{
  padding:1.5rem!important;
  font-size:16px!important;
}

/* Hover fix: dunkler Hintergrund → weißer Text sichtbar */
.eo-path-card:hover{
  background:var(--eo-dunkel)!important;
  color:#fff!important;
  border-left-color:var(--eo-amber)!important;
}
.eo-path-card:hover *{color:#fff!important}
.eo-path-card:hover .eo-eyebrow{color:var(--eo-amber)!important}


/* ===== BREITEN-FIXES 2025-05-22b ===== */

/* Alle inner 900px-Container auf volle Breite */
.eo-section > div[style*="max-width:900px"]{
  max-width:100%!important;
}

/* Schrittfolge 01-05: hover deaktivieren */
.eo-path-card:hover{
  transform:none!important;
  background:#fff!important;
  color:inherit!important;
  box-shadow:none!important;
  border-left-color:var(--eo-amber)!important;
}
.eo-path-card:hover *{color:inherit!important}

/* Schrittfolge: Trenner deutlicher (border-bottom als Separator) */
.eo-path-card{border-bottom:2px solid var(--eo-border)!important}
.eo-path-card:last-child{border-bottom:none!important}

/* Kit-Formular volle Breite + größere Bullets */
.seva-form.formkit-form,[data-sv-form]{
  max-width:100%!important;
  width:100%!important;
}
.formkit-content{max-width:100%!important}
[data-sv-form] ul,[data-sv-form] li,
[data-sv-form] .formkit-disclaimer{
  font-size:17px!important;
  line-height:1.6!important;
}
[data-sv-form] .formkit-guarantee{font-size:15px!important}

/* Community-Button: Amber-Hover */
.site-header .wp-element-button:hover,
header.site-header a.wp-element-button:hover{
  background-color:var(--eo-amber)!important;
  color:var(--eo-dunkel)!important;
}


/* 5-step section (no class) + newsletter-dark: inner 900px divs → full width */
section > div[style*="max-width:900px"],
.eo-newsletter-dark > div[style*="max-width:900px"]{
  max-width:100%!important;
}

/* Kit-Formular: auf Content-Breite begrenzen + zentrieren */
.seva-form.formkit-form,[data-sv-form]{
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* ============================================================
   Visuelle Harmonisierung – Mai 2026
   ============================================================ */

/* 1. Header-Inhaltsbreite = Content-Breite (1200px) */
.site-header .wp-block-group.alignwide {
  max-width: 1200px !important;
  width: 100% !important;
}

/* 2. Schrittfolge (eo-prinzip) Hover deaktivieren */
.eo-prinzip { transition: none !important; }
.eo-prinzip:hover { background: none !important; cursor: default; }

/* 3. Newsletter-Sektion: weniger Padding + Bullet-Größe */
.eo-newsletter-dark {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
/* Newsletter Bullets (Kit-eigene classless divs) */
.eo-newsletter-dark div {
  font-size: 17px !important;
  line-height: 1.7 !important;
}
.eo-newsletter-dark li,
.eo-newsletter-dark .formkit-guarantee,
.eo-newsletter-dark ul {
  font-size: 17px !important;
  line-height: 1.7 !important;
}

/* 4. Kit-Formular: auf lesbare Formularbreite reduzieren */
.seva-form.formkit-form,[data-sv-form]{
  max-width:680px !important;
}

/* 5. "Jeden Monat" – Event-Card bündig mit Überschrift (gemessen: 119px) */
.eo-event-card { margin-top: 119px !important; }