/*
Theme Name: Boldy Child (Volvo Style v4.5.5r2 – Refined)
Theme URI: https://www.mehr-sein-mit-schein.de/
Author: Sebastian Rudolph-Rauer
Author URI: https://www.mehr-sein-mit-schein.de/
Description: Refined Volvo-Style child theme for Boldy: smaller reliable hero oval slider, unified typography (Poppins/Inter), admin-only ticker edit link, and robust mobile menu JS. Built for Fahrschule Melanie Rauer.
Template: boldy
Version: 1.4.5r2
Text Domain: boldy-child-volvo
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-colors, custom-menu, sticky-post, theme-options, translation-ready
*/

:root{
  --volvo-gray:#6E7078;
  --volvo-gray-deep:#4A4B50;
  --volvo-gray-dark:#3A3B40;
  --ink:#0B0B0C;
  --gold:#B7A874;
  --bg:#F7F8F9;
  --radius:20px;
  --radius-lg:26px;
  --shadow:0 12px 32px rgba(0,0,0,.08);
  --shadow-sm:0 6px 18px rgba(0,0,0,.06);
  --max:1200px;
}

/* Typography */
html, body{
  background:var(--bg)!important;
  background-image:none!important;
  margin:0!important;
  padding:0!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
body{
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  line-height:1.72;
  font-size:16px
}
h1,h2,h3,h4{
  font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  letter-spacing:.01em;
  margin:0 0 .4em
}
h1{font-weight:800}
h2,h3{font-weight:700}
p,li{font-weight:400}
a{color:inherit;text-underline-offset:3px}
.wp-block-button__link,.button,.btn,button,input[type=submit]{font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;}

/* Layout */
.container{max-width:var(--max);margin:0 auto;padding:0 22px}
.section,.card,.entry{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;margin:20px 0}

/* Header */
.site-header{
  position:sticky;top:0;z-index:1000;
  background:linear-gradient(180deg, #7d8089 0%, var(--volvo-gray) 55%, var(--volvo-gray-deep) 100%)!important;
  border-bottom:2px solid var(--gold);
  box-shadow:var(--shadow-sm);
  color:#F5F5F5
}
.site-branding{display:flex;align-items:center;gap:12px;padding:12px 0}
.site-branding .site-title{font-weight:800;font-size:20px;margin:0;color:#fff}
.site-nav{display:flex;align-items:center;justify-content:space-between;padding:6px 0 12px;gap:14px;flex-wrap:wrap}
.primary-menu{display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.primary-menu a{display:inline-block;padding:10px 12px;border-radius:14px;color:#F5F5F5!important;font-weight:600;letter-spacing:.02em;transition:all .25s}
.primary-menu a:hover,.primary-menu .current-menu-item>a{color:var(--gold)!important}
.menu-cta a{background:var(--gold)!important;color:var(--ink)!important;border-radius:999px;padding:10px 16px!important;font-weight:800;box-shadow:var(--shadow-sm)}
.primary-menu .sub-menu{position:absolute;background:var(--volvo-gray-dark);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;margin-top:8px;display:none;min-width:220px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.primary-menu li{position:relative}
.primary-menu li:hover>.sub-menu{display:block}
.primary-menu .sub-menu a{color:#fff!important;border-radius:10px;padding:8px 10px}
.primary-menu .sub-menu a:hover{color:var(--gold)!important;background:rgba(255,255,255,.06)}
.menu-toggle{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:8px 12px;display:none}
@media(max-width:980px){.menu-toggle{display:inline-flex}.primary-menu{display:none}.primary-menu.is-open{display:flex;flex-direction:column;width:100%}}

/* Highlight "Mehr" */
.primary-menu .menu-item-highlight > a{background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);}
.primary-menu .menu-item-highlight > a:hover{background: rgba(255,255,255,.12); color: var(--gold)!important;}

/* Hero */
.hero{background:linear-gradient(120deg,#898c94,var(--volvo-gray-deep));color:#fff;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-sm)}
.hero .inner{padding:48px 0}
.hero-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:20px;align-items:center}
.hero h1{font-size:clamp(34px,4.4vw,52px)}
.hero .sub{opacity:.98}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-oval{justify-self:start}}

/* Buttons */
.button,.btn,button,input[type=submit],.wp-block-button__link{
  background:#3F4148;color:#fff;border:0;border-radius:999px;padding:12px 18px;box-shadow:var(--shadow-sm);
  transition:background .25s,color .25s,transform .05s
}
.button:hover,.btn:hover,.wp-block-button__link:hover{background:var(--gold);color:var(--ink)}
.button:active{transform:scale(.99)}
.button.is-outline{background:transparent;color:#fff;border:1px solid #fff}
.button.is-outline:hover{color:var(--ink);border-color:var(--gold)}
.button.btn-online{background:#fff;color:#0B0B0C;border:1px solid #fff}
.button.btn-online:hover{background:var(--gold);border-color:var(--gold);color:#0B0B0C}

/* Hero Oval Slider – small */
.hero-oval{
  width:240px;height:150px;border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
  border:2px solid rgba(183,168,116,.6);
  box-shadow:0 12px 26px rgba(0,0,0,.18);
  position:relative;overflow:hidden;display:grid;place-items:center
}
.hero-oval a{display:grid;place-items:center;width:100%;height:100%;text-decoration:none;color:#fff;padding:10px}
.hero-oval .slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .35s ease}
.hero-oval .slide.is-active{opacity:1}
.hero-oval .label{font-weight:800;letter-spacing:.02em;text-align:center;line-height:1.2;font-size:.98rem}
.hero-oval .emoji{font-size:24px;display:block;margin-bottom:6px}
.hero-oval .dots{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.hero-oval .dot{width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.2);cursor:pointer}
.hero-oval .dot.is-active{background:#fff}

/* CTA band */
.cta-band{background:#fff;border:1px solid #ECEDEF;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:-14px 0 20px;padding:14px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-band .left{font-weight:800;letter-spacing:.02em}
.cta-band .right{display:flex;gap:12px;flex-wrap:wrap}

/* Ticker */
.raru-ticker{background:#FFFFFF;border:1px solid #ECEDEF;border-left:0;border-right:0}
.raru-ticker .inner{max-width:var(--max);margin:0 auto;padding:8px 22px;display:flex;gap:14px;align-items:center}
.raru-ticker .badge{background:var(--gold);color:var(--ink);font-weight:800;border-radius:999px;padding:4px 10px}
.raru-ticker .marquee{overflow:hidden;flex:1}
.raru-ticker .msg{display:none;opacity:0}

/* Footer */
.site-footer{background:#F0F1F2;color:var(--ink);border-top:2px solid var(--gold);padding:48px 0 34px;border-radius:var(--radius) var(--radius) 0 0;background-image:none!important}
.footer-bottom,.site-info,.colophon,#copyright{background:#F0F1F2!important;color:var(--ink)!important;border-top:1px solid rgba(0,0,0,.06)!important}

/* Cookies bottom */
.cmplz-cookiebanner,.cmplz-cookiebanner .cmplz-container,.cky-consent-container,.cky-consent-container .cky-consent-bar,#cookie-law-info-bar,.BorlabsCookie,.BorlabsCookie ._brlbs-content-blocker{position:fixed!important;bottom:20px!important;top:auto!important;left:50%!important;transform:translateX(-50%)!important;z-index:99990!important;border-radius:14px!important;background:#ffffff!important;color:var(--ink)!important}

/* Kill pseudo bars */
header::before,header::after,.site-header::before,.site-header::after,footer::before,footer::after,.site-footer::before,.site-footer::after,#page::before,#page::after,#wrap::before,#wrap::after{content:none!important;background:none!important}