/*
Theme Name: VDO Portal
Theme URI: https://versicherung-deutschland-online.de
Author: Hermes for Daniel Kessler
Description: Schlankes Block-Theme für Versicherung-Deutschland-online.de mit Doppel-Header, schwarzer runder Typografie, warmem Orange und klarer Portal-Struktur.
Version: 0.2.1
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: vdo-portal
*/

:root{
  --vdo-black:#000;
  --vdo-text:#000;
  --vdo-muted:#292929;
  --vdo-orange:#f26f21;
  --vdo-orange-dark:#c24d09;
  --vdo-orange-soft:#fff3ea;
  --vdo-paper:#fff;
  --vdo-soft:#faf7f3;
  --vdo-cream:#fffaf5;
  --vdo-line:#eaded4;
  --vdo-dark:#17120f;
  --vdo-radius:24px;
  --vdo-shadow:0 18px 45px rgba(20,12,6,.08);
  --wp--style--global--content-size:760px;
  --wp--style--global--wide-size:1180px;
}

html{scroll-behavior:smooth;}
body{
  margin:0;
  background:#fff;
  color:#000;
  font-family:"Nunito Sans", Nunito, Lato, "Arial Rounded MT Bold", Arial, sans-serif;
  font-size:17px;
  line-height:1.58;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body, p, li, a, span, strong, em, h1, h2, h3, h4, h5, h6{color:#000;}
a{color:#000;text-decoration-color:var(--vdo-orange);text-decoration-thickness:3px;text-underline-offset:4px;}
a:hover{color:var(--vdo-orange-dark);}
.wp-site-blocks{min-height:100vh;display:flex;flex-direction:column;}
main{flex:1;}

.vdo-container{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px;}
.vdo-section{padding-top:80px;padding-bottom:80px;}
.vdo-section + .vdo-section{margin-top:18px;}
.vdo-section-soft{background:var(--vdo-soft);}
.vdo-kicker{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8a3a00;margin:0 0 8px;}
.vdo-h1{font-size:clamp(31px,4vw,46px);line-height:1.08;letter-spacing:-.025em;font-weight:900;margin:0 0 14px;color:#000;}
.vdo-h2{font-size:clamp(24px,3vw,34px);line-height:1.14;letter-spacing:-.018em;font-weight:900;margin:0 0 13px;color:#000;}
.vdo-lead{font-size:18px;line-height:1.48;max-width:660px;margin:0;color:#000;}
.vdo-card{background:#fff;border:1px solid var(--vdo-line);border-radius:24px;padding:24px;box-shadow:var(--vdo-shadow);}
.vdo-card h3{font-size:20px;line-height:1.22;margin:0 0 9px;color:#000;}
.vdo-card p{margin:0 0 14px;color:#000;}

.vdo-topbar{background:var(--vdo-dark);color:#fff;font-size:14px;}
.vdo-topbar *{color:#fff;}
.vdo-topbar__inner{max-width:1180px;margin:0 auto;padding:9px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.vdo-topbar__left,.vdo-topbar__right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.vdo-topbar a{color:#fff;text-decoration:none;font-weight:800;}
.vdo-topbar a:hover{color:#ffd9bf;}
.vdo-topbar__pill{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 10px;font-weight:800;}

.vdo-main-header{background:#fff;border-bottom:1px solid var(--vdo-line);position:relative;z-index:20;}
.vdo-main-header__inner{max-width:1180px;margin:0 auto;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:26px;}
.vdo-brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:250px;}
.vdo-brand__logo-wrap{width:48px;height:48px;border-radius:16px;background:#fff7f1;border:1px solid #f0d0b7;display:grid;place-items:center;padding:5px;box-shadow:0 10px 22px rgba(242,111,33,.13);flex:0 0 48px;}
.vdo-brand__logo{width:100%;height:100%;object-fit:contain;display:block;}
.vdo-brand__mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--vdo-orange),#ffb06b);display:grid;place-items:center;color:#fff;font-weight:1000;box-shadow:0 12px 22px rgba(242,111,33,.22);}
.vdo-brand__text{display:flex;flex-direction:column;line-height:1.05;}
.vdo-brand__name{font-size:19px;font-weight:1000;letter-spacing:-.02em;color:#000;}
.vdo-brand__sub{font-size:12px;font-weight:800;color:#5a463a;margin-top:4px;}
.vdo-main-nav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;}
.vdo-main-nav a{padding:10px 11px;border-radius:999px;text-decoration:none;font-size:15px;font-weight:900;color:#000;white-space:nowrap;}
.vdo-main-nav a:hover{background:var(--vdo-orange-soft);color:#000;}
.vdo-header-actions{display:flex;align-items:center;gap:10px;}
.vdo-mobile-panel{display:flex;align-items:center;gap:26px;flex:1;justify-content:space-between;}
.vdo-menu-toggle{display:none;align-items:center;gap:9px;border:1px solid var(--vdo-line);background:#fff;border-radius:999px;padding:10px 13px;font-weight:1000;color:#000;cursor:pointer;}
.vdo-menu-toggle__bars{width:19px;height:14px;position:relative;display:inline-block;}
.vdo-menu-toggle__bars:before,.vdo-menu-toggle__bars:after,.vdo-menu-toggle__bars{border-top:2px solid #000;}
.vdo-menu-toggle__bars:before,.vdo-menu-toggle__bars:after{content:"";position:absolute;left:0;width:19px;}
.vdo-menu-toggle__bars:before{top:4px;}.vdo-menu-toggle__bars:after{top:10px;}
.vdo-site-header.is-menu-open .vdo-menu-toggle__bars{border-top-color:transparent;}
.vdo-site-header.is-menu-open .vdo-menu-toggle__bars:before{transform:rotate(45deg);top:6px;}
.vdo-site-header.is-menu-open .vdo-menu-toggle__bars:after{transform:rotate(-45deg);top:6px;}
.vdo-header-cta,.vdo-btn-primary a,.vdo-btn-primary .wp-block-button__link{background:var(--vdo-orange)!important;color:#fff!important;border-radius:999px;padding:12px 17px;text-decoration:none;font-weight:1000;box-shadow:0 12px 26px rgba(242,111,33,.22);border:1px solid var(--vdo-orange)!important;}
.vdo-header-ghost{background:#fff;color:#000;border:1px solid var(--vdo-line);border-radius:999px;padding:11px 15px;text-decoration:none;font-weight:900;}
.vdo-mobile-note{display:none;}

.vdo-footer-cta{background:var(--vdo-dark);color:#fff;padding:58px 24px;}
.vdo-footer-cta *{color:#fff;}
.vdo-footer-cta__inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:center;}
.vdo-footer-cta h2{font-size:clamp(26px,3vw,36px);line-height:1.12;margin:0 0 12px;color:#fff;}
.vdo-footer-cta p{margin:0;color:#fff;opacity:.88;max-width:720px;}
.vdo-footer-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;}
.vdo-footer{background:var(--vdo-soft);border-top:1px solid var(--vdo-line);padding:48px 24px 28px;}
.vdo-footer__inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.1fr .8fr .8fr .8fr;gap:26px;}
.vdo-footer h3{font-size:17px;margin:0 0 12px;color:#000;}
.vdo-footer p{margin:0 0 10px;color:#000;}
.vdo-footer a{display:inline-block;margin:0 0 7px;text-decoration:none;font-weight:800;color:#000;}
.vdo-footer a:hover{text-decoration:underline;text-decoration-color:var(--vdo-orange);}
.vdo-footer__bottom{max-width:1180px;margin:28px auto 0;padding-top:20px;border-top:1px solid var(--vdo-line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:#000;}
.vdo-ai-label{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.82);color:#fff;font-size:12px;line-height:1;padding:7px 9px;border-radius:999px;z-index:3;}

@media(max-width:980px){
  .vdo-main-header__inner{align-items:center;gap:14px;}
  .vdo-main-nav{justify-content:flex-start;flex-wrap:wrap;width:100%;}
  .vdo-mobile-panel{gap:14px;}
  .vdo-header-actions{width:auto;flex-wrap:wrap;}
  .vdo-footer-cta__inner,.vdo-footer__inner{grid-template-columns:1fr;}
  .vdo-footer-actions{justify-content:flex-start;}
}
@media(max-width:760px){
  body{font-size:16px;}
  .vdo-section{padding-top:58px;padding-bottom:58px;}
  .vdo-topbar__inner{padding:8px 18px;gap:8px;}
  .vdo-topbar__left{display:none;}
  .vdo-topbar__right{width:100%;justify-content:center;font-size:13px;}
  .vdo-main-header__inner{padding:12px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;}
  .vdo-brand{min-width:0;gap:9px;}
  .vdo-brand__logo-wrap{width:42px;height:42px;border-radius:14px;flex-basis:42px;}
  .vdo-brand__name{font-size:16px;}
  .vdo-brand__sub{font-size:11px;}
  .vdo-menu-toggle{display:inline-flex;justify-self:end;}
  .vdo-mobile-panel{display:none;grid-column:1 / -1;width:100%;background:#fff;border:1px solid var(--vdo-line);border-radius:22px;padding:12px;margin-top:4px;box-shadow:0 14px 35px rgba(20,12,6,.08);}
  .vdo-site-header.is-menu-open .vdo-mobile-panel{display:block;}
  .vdo-main-nav{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;}
  .vdo-main-nav a{background:#fff7f1;border:1px solid #f3d2bd;text-align:center;padding:10px 8px;font-size:14px;}
  .vdo-header-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px;}
  .vdo-header-cta,.vdo-header-ghost{width:100%;text-align:center;box-sizing:border-box;justify-content:center;}
  .vdo-footer-cta,.vdo-footer{padding-left:18px;padding-right:18px;}
}