/* ============================================
   Watson Digital — Custom Design System
   v3.0 — MagicUI + Aceternity Inspired
   Mobile-First, Animated, Conversion-Optimized
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --wd-dark:#0a0f1c; --wd-dark-2:#111827; --wd-dark-3:#1e293b;
  --wd-accent:#6366f1; --wd-accent-light:#818cf8; --wd-accent-glow:rgba(99,102,241,0.3);
  --wd-green:#10b981; --wd-green-light:#34d399; --wd-orange:#f59e0b;
  --wd-text:#f8fafc; --wd-text-muted:#c4d0de; --wd-text-dim:#94a3b8;
  --wd-surface:#1e293b; --wd-surface-hover:#334155;
  --wd-border:rgba(148,163,184,0.1);
  --wd-radius:12px; --wd-radius-lg:20px;
  --wd-font:'Inter',-apple-system,sans-serif;
  --wd-font-display:'Space Grotesk',sans-serif;
  --wd-shadow:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -2px rgba(0,0,0,0.2);
  --wd-shadow-lg:0 20px 60px -12px rgba(0,0,0,0.5);
  --wd-shadow-card:0 8px 32px -8px rgba(0,0,0,0.4);
  --wd-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
}

/* GLOBAL */
body,html{font-family:var(--wd-font)!important;background:var(--wd-dark)!important;color:var(--wd-text)!important;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px!important;line-height:1.6;overflow-x:hidden!important}
*,*::before,*::after{box-sizing:border-box}
h1,h2,h3,h4,h5,h6{font-family:var(--wd-font-display)!important;color:var(--wd-text)!important;line-height:1.2}
p{color:var(--wd-text-muted);line-height:1.7;font-size:16px}
a{color:var(--wd-accent-light);text-decoration:none;transition:var(--wd-transition)}
a:hover{color:#a5b4fc}

/* TOP BAR */
.wd-topbar{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,var(--wd-accent),#7c3aed);padding:8px 20px;text-align:center;font-size:13px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 2px 20px rgba(99,102,241,0.4)}
.wd-topbar a{background:#fff;color:var(--wd-accent);padding:4px 14px;border-radius:100px;font-weight:700;font-size:12px;text-decoration:none;transition:var(--wd-transition);flex-shrink:0}
.wd-topbar a:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(255,255,255,0.3)}
body.has-topbar{padding-top:42px!important}

/* HEADER */
.site-header,#masthead,.site-header-inner-wrap{background:rgba(10,15,28,0.9)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--wd-border)!important}
.header-navigation .menu-item>a,.primary-menu>.menu-item>a{color:var(--wd-text-muted)!important;font-weight:500!important;font-size:14px!important;transition:var(--wd-transition)}
.header-navigation .menu-item>a:hover,.primary-menu>.menu-item>a:hover{color:#fff!important}
.header-navigation .menu-item.current-menu-item>a{color:var(--wd-accent-light)!important}
.menu-toggle,.mobile-toggle-open,button.menu-toggle{color:#fff!important;background:transparent!important;border:none!important}
#mobile-drawer,.mobile-navigation,.drawer-navigation{background:var(--wd-dark-2)!important}
.mobile-navigation a,.drawer-navigation a{color:var(--wd-text-muted)!important;font-size:16px!important;padding:12px 20px!important}
.mobile-navigation a:hover,.drawer-navigation a:hover{color:#fff!important;background:var(--wd-surface)!important}

/* HERO */
.wd-hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;background:var(--wd-dark);overflow:hidden;padding:140px 24px 100px}
.wd-hero::before{content:'';position:absolute;top:-50%;left:-30%;width:80%;height:80%;background:radial-gradient(circle,rgba(99,102,241,0.15),transparent 70%);pointer-events:none;z-index:1}
.wd-hero::after{content:'';position:absolute;bottom:-30%;right:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(16,185,129,0.1),transparent 70%);pointer-events:none;z-index:1}

/* METEORS */
.wd-meteor-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}
@keyframes meteor-fall{0%{transform:translateX(0) translateY(0) rotate(-45deg);opacity:1}70%{opacity:1}100%{transform:translateX(-600px) translateY(600px) rotate(-45deg);opacity:0}}
.wd-meteor{position:absolute;width:2px;height:80px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(99,102,241,0.6));border-radius:100px;animation:meteor-fall linear infinite;transform-origin:top center}
.wd-meteor:nth-child(1){top:5%;left:85%;animation-duration:4s;animation-delay:0s;width:1px;height:60px}
.wd-meteor:nth-child(2){top:15%;left:72%;animation-duration:5s;animation-delay:.8s;height:100px}
.wd-meteor:nth-child(3){top:2%;left:60%;animation-duration:3.5s;animation-delay:1.5s;width:1px;height:50px}
.wd-meteor:nth-child(4){top:8%;left:90%;animation-duration:6s;animation-delay:.3s;height:90px}
.wd-meteor:nth-child(5){top:20%;left:78%;animation-duration:4.5s;animation-delay:2.1s;width:1px;height:70px}
.wd-meteor:nth-child(6){top:0%;left:50%;animation-duration:5.5s;animation-delay:1.2s;height:110px}
.wd-meteor:nth-child(7){top:10%;left:95%;animation-duration:3.8s;animation-delay:3s;width:1px;height:55px}
.wd-meteor:nth-child(8){top:25%;left:65%;animation-duration:7s;animation-delay:.6s;height:120px}
.wd-meteor:nth-child(9){top:3%;left:40%;animation-duration:4.2s;animation-delay:2.4s;width:1px;height:65px}
.wd-meteor:nth-child(10){top:18%;left:82%;animation-duration:5.8s;animation-delay:1.8s;height:85px}
.wd-meteor:nth-child(11){top:1%;left:30%;animation-duration:3.2s;animation-delay:4s;width:1px;height:45px}
.wd-meteor:nth-child(12){top:12%;left:55%;animation-duration:6.5s;animation-delay:.9s;height:100px}
.wd-meteor:nth-child(13){top:7%;left:70%;animation-duration:4.8s;animation-delay:1.6s;width:1px;height:75px}
.wd-meteor:nth-child(14){top:22%;left:88%;animation-duration:5.2s;animation-delay:3.5s;height:95px}
.wd-meteor:nth-child(15){top:4%;left:45%;animation-duration:3.9s;animation-delay:2.7s;width:1px;height:60px}
.wd-meteor:nth-child(16){top:16%;left:75%;animation-duration:6.2s;animation-delay:.4s;height:105px}
.wd-meteor:nth-child(17){top:9%;left:35%;animation-duration:4.4s;animation-delay:5s;width:1px;height:70px}
.wd-meteor:nth-child(18){top:28%;left:92%;animation-duration:5.6s;animation-delay:1.1s;height:88px}

/* HERO INNER */
.wd-hero-inner{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}
.wd-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(99,102,241,0.1);border:1px solid rgba(99,102,241,0.3);color:var(--wd-accent-light);padding:8px 20px;border-radius:100px;font-size:13px;font-weight:600;margin-bottom:36px;letter-spacing:.5px;text-transform:uppercase}
.wd-hero h1{font-size:clamp(38px,6vw,68px)!important;font-weight:800!important;line-height:1.08!important;margin-bottom:28px!important;background:linear-gradient(135deg,#fff 0%,#c7d2fe 50%,var(--wd-accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-height:1.2em}

/* TYPING CURSOR */
.wd-typing-cursor{display:inline-block;width:3px;background:var(--wd-accent-light);margin-left:3px;border-radius:2px;vertical-align:middle;-webkit-text-fill-color:var(--wd-accent-light);animation:cursor-blink .8s step-end infinite}
@keyframes cursor-blink{0%,100%{opacity:1}50%{opacity:0}}

.wd-hero-sub{font-size:clamp(17px,2.2vw,21px);color:var(--wd-text-muted);max-width:600px;margin:0 auto 48px;line-height:1.7}

/* HERO CTA */
.wd-hero-cta{display:flex;align-items:center;gap:12px;max-width:480px;margin:0 auto 28px;background:var(--wd-surface);border:1px solid var(--wd-border);border-radius:100px;padding:6px 6px 6px 24px}
.wd-hero-cta input[type="email"]{flex:1;background:transparent;border:none;color:#fff;font-size:15px;font-family:var(--wd-font);outline:none;padding:12px 0}
.wd-hero-cta input::placeholder{color:var(--wd-text-dim)}
.wd-hero-cta .wd-btn{padding:12px 28px;white-space:nowrap}
.wd-trust-badges{display:flex;align-items:center;justify-content:center;gap:20px;font-size:13px;color:var(--wd-text-dim)}
.wd-trust-badges span{display:flex;align-items:center;gap:5px}

/* AI DOT PULSE */
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,.6)}50%{opacity:.9;transform:scale(1.2);box-shadow:0 0 0 6px rgba(16,185,129,0)}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 4px 2px rgba(16,185,129,.4),0 0 0 0 rgba(16,185,129,.2)}50%{box-shadow:0 0 12px 4px rgba(16,185,129,.7),0 0 20px 8px rgba(16,185,129,.2)}}
.wd-ai-dot{width:9px;height:9px;background:var(--wd-green);border-radius:50%;display:inline-block;animation:pulse-dot 2s ease-in-out infinite,pulse-glow 2s ease-in-out infinite;flex-shrink:0}

/* BUTTONS */
.wd-btn,.wp-block-button__link{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--wd-accent),#7c3aed)!important;color:#fff!important;font-family:var(--wd-font)!important;font-weight:600!important;font-size:16px!important;padding:16px 36px!important;border-radius:100px!important;border:none!important;cursor:pointer;transition:var(--wd-transition);text-decoration:none!important;box-shadow:0 4px 15px rgba(99,102,241,.3);letter-spacing:.2px;position:relative}
.wd-btn:hover,.wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,.5)!important}
.wd-btn-green{background:linear-gradient(135deg,var(--wd-accent),#7c3aed)!important;box-shadow:0 4px 15px rgba(99,102,241,.3);font-size:17px!important;padding:18px 40px!important}
.wd-btn-green:hover{box-shadow:0 8px 30px rgba(99,102,241,.5)!important;transform:translateY(-2px)}
.wd-btn-secondary{background:transparent!important;border:2px solid rgba(148,163,184,.2)!important;color:var(--wd-text-muted)!important;box-shadow:none}
.wd-btn-secondary:hover{border-color:var(--wd-accent)!important;color:#fff!important;background:rgba(99,102,241,.1)!important;box-shadow:none!important}

/* ANIMATED GRADIENT BORDER WRAP */
.wd-btn-glow-wrap{position:relative;display:inline-flex;border-radius:100px;padding:2px;background:conic-gradient(from var(--angle,0deg),#6366f1,#10b981,#f59e0b,#7c3aed,#6366f1);animation:rotate-gradient 4s linear infinite}
@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes rotate-gradient{to{--angle:360deg}}
.wd-btn-glow-wrap .wd-btn{margin:0!important}

/* SECTIONS */
.wd-section{padding:80px 24px;max-width:1200px;margin:0 auto}
.wd-section-dark{background:var(--wd-dark-2);max-width:100%;padding:80px 24px}
.wd-section-dark>.wd-container{max-width:1200px;margin:0 auto}
.wd-section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--wd-accent-light);margin-bottom:16px}
.wd-section-title{font-size:clamp(28px,4vw,44px)!important;font-weight:700!important;margin-bottom:20px!important}
.wd-section-desc{font-size:18px;color:var(--wd-text-muted);max-width:600px;line-height:1.7}

/* FEATURE CARDS */
.wd-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-top:60px}
.wd-card{background:var(--wd-surface);border:1px solid var(--wd-border);border-radius:var(--wd-radius-lg);padding:32px 28px;transition:var(--wd-transition);position:relative;overflow:hidden;box-shadow:var(--wd-shadow-card)}
.wd-card:hover{border-color:rgba(99,102,241,.25);transform:translateY(-3px);box-shadow:0 24px 64px -16px rgba(0,0,0,.5)}
.wd-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--wd-accent),var(--wd-green));opacity:0;transition:var(--wd-transition)}
.wd-card:hover::before{opacity:1}

/* SHINE EFFECT */
.wd-card::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.05) 40%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.05) 60%,transparent 80%);transition:left .6s ease;pointer-events:none;z-index:1}
.wd-card:hover::after{left:150%}
.wd-card-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:24px;background:rgba(99,102,241,.1);position:relative;z-index:2}
.wd-card h3{font-size:20px!important;font-weight:700!important;margin-bottom:14px!important;position:relative;z-index:2}
.wd-card p{font-size:15px;color:var(--wd-text-muted);line-height:1.7;position:relative;z-index:2}

/* STAGGERED REVEAL */
.wd-features .wd-card:nth-child(1){transition-delay:0ms}
.wd-features .wd-card:nth-child(2){transition-delay:80ms}
.wd-features .wd-card:nth-child(3){transition-delay:160ms}
.wd-features .wd-card:nth-child(4){transition-delay:240ms}
.wd-features .wd-card:nth-child(5){transition-delay:320ms}
.wd-features .wd-card:nth-child(6){transition-delay:400ms}

/* STATS */
.wd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center;padding:40px 0}
.wd-stat-number{font-family:var(--wd-font-display);font-size:52px;font-weight:700;background:linear-gradient(135deg,var(--wd-accent-light),var(--wd-green-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.wd-stat-label{font-size:14px;color:var(--wd-text-dim);margin-top:4px}

/* TESTIMONIALS */
.wd-testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px}
.wd-testimonial{background:var(--wd-surface);border:1px solid var(--wd-border);border-radius:var(--wd-radius-lg);padding:36px;box-shadow:var(--wd-shadow-card);transition:var(--wd-transition)}
.wd-testimonial:hover{transform:translateY(-2px);border-color:rgba(99,102,241,.2)}
.wd-testimonial-text{font-size:15px;font-style:italic;color:var(--wd-text-muted);line-height:1.7;margin-bottom:20px}
.wd-testimonial-author{font-size:14px;font-weight:600;color:var(--wd-text)}
.wd-testimonial-role{font-size:13px;color:var(--wd-text-dim)}
.wd-stars{color:var(--wd-orange);font-size:14px;margin-bottom:16px}

/* NEWSLETTER BOX */
.wd-newsletter-box{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(124,58,237,.08));border:1px solid rgba(99,102,241,.2);border-radius:var(--wd-radius-lg);padding:32px;margin:32px auto;max-width:600px}
.wd-newsletter-box iframe{width:100%!important;max-width:540px!important;display:block!important;margin:0 auto!important;border-radius:var(--wd-radius);min-height:305px}

/* CTA SECTION */
.wd-cta-section{text-align:center;padding:80px 24px;background:linear-gradient(180deg,var(--wd-dark),var(--wd-dark-2));position:relative}
.wd-cta-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.12),transparent 70%);pointer-events:none}
.wd-cta-box{max-width:640px;margin:0 auto;position:relative;z-index:2;background:var(--wd-surface);border:1px solid var(--wd-border);border-radius:var(--wd-radius-lg);padding:48px 36px;box-shadow:var(--wd-shadow-lg)}

/* BLOG GRID */
.wp-block-latest-posts__list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:24px!important;list-style:none!important;padding:0!important}
.wp-block-latest-posts__list li{background:var(--wd-surface)!important;border:1px solid var(--wd-border)!important;border-radius:var(--wd-radius-lg)!important;padding:32px!important;transition:var(--wd-transition);box-shadow:var(--wd-shadow-card)}
.wp-block-latest-posts__list li:hover{border-color:rgba(99,102,241,.25)!important;transform:translateY(-3px)}
.wp-block-latest-posts__post-title{font-family:var(--wd-font-display)!important;font-size:18px!important;font-weight:600!important;color:var(--wd-text)!important;line-height:1.4!important;text-decoration:none!important}
.wp-block-latest-posts__post-title:hover{color:var(--wd-accent-light)!important}
.wp-block-latest-posts__post-date{color:var(--wd-text-dim)!important;font-size:13px!important;margin-top:12px!important}
.wp-block-latest-posts__post-excerpt{color:var(--wd-text-muted)!important;font-size:14px!important;line-height:1.6!important}

/* FOOTER */
.site-footer,footer.site-footer{background:var(--wd-dark-2)!important;border-top:1px solid var(--wd-border)!important;color:var(--wd-text-muted)!important}
.site-footer a{color:var(--wd-text-muted)!important}
.site-footer a:hover{color:var(--wd-accent-light)!important}

/* SINGLE POST */
.single-post .entry-content{max-width:720px!important;margin:0 auto}
.single-post .entry-content p{font-size:17px;line-height:1.8}
.single-post .entry-content h2{margin-top:40px!important;margin-bottom:20px!important;font-size:28px!important}
.wd-post-cta{margin-top:40px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(124,58,237,.1));border:1px solid rgba(99,102,241,.2);border-radius:var(--wd-radius-lg);padding:36px;text-align:center}
.wd-post-cta h3{font-size:24px!important;margin-bottom:12px!important}
.wd-post-cta p{color:var(--wd-text-muted);margin-bottom:28px;font-size:16px}

/* FORMS */
input[type="email"],input[type="text"],textarea{background:var(--wd-dark-3)!important;border:1px solid var(--wd-border)!important;color:var(--wd-text)!important;border-radius:var(--wd-radius)!important;padding:14px 20px!important;font-family:var(--wd-font)!important;font-size:16px!important;transition:var(--wd-transition)}
input:focus,textarea:focus{border-color:var(--wd-accent)!important;outline:none!important;box-shadow:0 0 0 3px var(--wd-accent-glow)!important}

/* SCROLL REVEAL */
.wd-reveal{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s ease}
.wd-reveal.wd-hidden{opacity:0;transform:translateY(30px)}
.wd-reveal.visible{opacity:1!important;transform:translateY(0)!important}

/* WP BLOCKS */
.wp-block-spacer{height:60px!important}
.wp-block-columns{gap:28px}
.wp-block-column{background:var(--wd-surface);border:1px solid var(--wd-border);border-radius:var(--wd-radius-lg);padding:36px 28px;transition:var(--wd-transition);box-shadow:var(--wd-shadow-card)}
.wp-block-column:hover{border-color:rgba(99,102,241,.25);transform:translateY(-2px)}

/* UTILITY */
.text-center{text-align:center}
.mx-auto{margin-left:auto;margin-right:auto}
.mt-8{margin-top:32px}
.mb-0{margin-bottom:0!important}
.max-w-600{max-width:600px}
.page-id-9 .entry-title,.page-id-9 .entry-header,.page-id-11 .entry-title,.page-id-11 .entry-header{display:none!important}
.wd-section,.wd-section-dark,.wd-cta-section{visibility:visible!important;display:block!important}

/* NEWSLETTER PAGE */
.page-id-11 .entry-content{max-width:720px;margin:0 auto;padding:32px 24px 60px}
.page-id-11 .entry-content h2{text-align:center;font-size:clamp(28px,4vw,40px)!important;margin-bottom:16px!important}
.page-id-11 .entry-content h2+p{text-align:center;font-size:18px;max-width:560px;margin:0 auto 32px}

/* ADMIN BAR */
body.admin-bar .wd-topbar{top:32px}
@media(max-width:782px){body.admin-bar .wd-topbar{top:46px}}

/* ====== TABLET (max 768px) ====== */
@media(max-width:768px){
  body,html{overflow-x:hidden}
  .wd-hero{min-height:100svh;padding:110px 20px 70px}
  .wd-hero h1{font-size:36px!important}
  .wd-hero-sub{font-size:17px;margin-bottom:36px}
  .wd-hero-cta{flex-direction:column;border-radius:20px;padding:16px;max-width:100%}
  .wd-hero-cta input[type="email"]{padding:12px 16px;text-align:center;width:100%;border-bottom:1px solid var(--wd-border);margin-bottom:8px}
  .wd-hero-cta .wd-btn{width:100%!important;justify-content:center;border-radius:12px!important;padding:14px 20px!important}
  .wd-trust-badges{flex-direction:column;gap:8px}
  .wd-section{padding:56px 20px}
  .wd-section-dark{padding:56px 20px}
  .wd-stats{gap:16px}
  .wd-stat-number{font-size:32px}
  .wd-features{grid-template-columns:1fr;gap:16px}
  .wd-card{padding:24px 20px}
  .wd-testimonials{grid-template-columns:1fr}
  .wd-cta-box{padding:32px 24px}
  .wd-topbar{font-size:11px;padding:6px 12px;gap:8px}
  .wd-topbar a{font-size:11px;padding:4px 12px}
  body.has-topbar{padding-top:36px!important}
  .wp-block-latest-posts__list{grid-template-columns:1fr!important}
  .wd-newsletter-box{padding:20px 16px;margin:24px auto}
  .wd-newsletter-box iframe{min-height:380px!important}
  .wd-post-cta{padding:36px 24px}
}

/* ====== MOBILE (max 480px) ====== */
@media(max-width:480px){
  body,html{overflow-x:hidden}
  .wd-hero{min-height:100svh;padding:100px 16px 60px}
  .wd-hero h1{font-size:30px!important}
  .wd-hero-badge{font-size:11px;padding:6px 14px;margin-bottom:28px}
  .wd-hero-sub{font-size:16px}
  .wd-section{padding:40px 16px}
  .wd-section-dark{padding:40px 16px}
  .wd-section-title{font-size:24px!important}
  .wd-stats{grid-template-columns:1fr;gap:16px}
  .wd-stat-number{font-size:36px}
  .wd-card{padding:20px 16px}
  .wd-card h3{font-size:18px!important}
  .wd-cta-box{padding:28px 16px}
  .wd-newsletter-box{padding:16px 12px}
  .wd-newsletter-box iframe{min-height:400px!important}
  .wd-btn,.wp-block-button__link{font-size:15px!important;padding:14px 24px!important;white-space:nowrap!important}
  .wd-btn-green{font-size:15px!important;padding:14px 24px!important;white-space:nowrap!important}
  p,.entry-content p{font-size:16px!important}
  .single-post .entry-content p{font-size:16px!important}
  .page-id-11 .entry-content{padding:24px 16px 60px}
  .page-id-11 .entry-content h2{font-size:26px!important}
}

/* ====== REDUCED MOTION ====== */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .wd-meteor{display:none!important}
  .wd-ai-dot,.wd-typing-cursor{animation:none!important}
  .wd-reveal.wd-hidden{opacity:1!important;transform:none!important}
}

/* ============================================
   BLOG & ARTIKEL — Vollständiges Design
   v3.1 — Matches Homepage Style
   ============================================ */

/* ====== BLOG LISTING PAGE HERO ====== */
.blog .entry-hero,
.archive .entry-hero,
.page-template-default .entry-hero {
  background: var(--wd-dark) !important;
  min-height: 220px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.blog .entry-hero::before,
.archive .entry-hero::before {
  content: '';
  position: absolute;
  top: -50%; left: -20%;
  width: 70%; height: 200%;
  background: radial-gradient(circle, rgba(99,102,241,.12), transparent 70%);
  pointer-events: none;
}
.blog .entry-header,
.archive .entry-header {
  text-align: center;
  padding: 60px 24px 40px;
  background: linear-gradient(180deg, var(--wd-dark) 0%, var(--wd-dark-2) 100%);
  position: relative;
}
.blog .entry-title,
.archive .entry-title {
  font-size: clamp(32px,5vw,52px) !important;
  background: linear-gradient(135deg,#fff,#c7d2fe,var(--wd-accent-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ====== BLOG CARDS — LISTING ====== */
.loop-entry,
.entry-list-item {
  background: var(--wd-surface) !important;
  border: 1px solid var(--wd-border) !important;
  border-radius: var(--wd-radius-lg) !important;
  overflow: hidden !important;
  transition: var(--wd-transition) !important;
  box-shadow: var(--wd-shadow-card) !important;
  position: relative;
}
.loop-entry:hover,
.entry-list-item:hover {
  border-color: rgba(99,102,241,.3) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 64px -16px rgba(0,0,0,.5) !important;
}
/* Gradient top border on hover */
.loop-entry::before,
.entry-list-item::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg,var(--wd-accent),var(--wd-green));
  opacity: 0;
  transition: var(--wd-transition);
  z-index: 2;
}
.loop-entry:hover::before,
.entry-list-item:hover::before { opacity: 1; }

/* Shine sweep on card hover */
.loop-entry::after,
.entry-list-item::after {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 60%; height: 100%;
  background: linear-gradient(105deg,transparent 20%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 60%,transparent 80%);
  transition: left .6s ease;
  pointer-events: none;
  z-index: 1;
}
.loop-entry:hover::after,
.entry-list-item:hover::after { left: 150%; }

.loop-entry .entry-content-wrap,
.entry-list-item .entry-content-wrap {
  padding: 28px 28px 24px !important;
  background: transparent !important;
}

/* Blog card category tags */
.loop-entry .category-links a,
.entry-list-item .category-links a {
  display: inline-block;
  background: rgba(99,102,241,.12);
  color: var(--wd-accent-light) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 3px 10px;
  border-radius: 100px;
  margin: 0 4px 8px 0;
  text-decoration: none !important;
  border: 1px solid rgba(99,102,241,.2);
}
.loop-entry .category-links a:hover,
.entry-list-item .category-links a:hover {
  background: rgba(99,102,241,.25);
  color: #fff !important;
}

/* Blog card title */
.loop-entry .entry-title,
.entry-list-item .entry-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 10px 0 12px !important;
  color: var(--wd-text) !important;
}
.loop-entry .entry-title a,
.entry-list-item .entry-title a {
  color: var(--wd-text) !important;
  text-decoration: none !important;
  transition: var(--wd-transition);
}
.loop-entry .entry-title a:hover,
.entry-list-item .entry-title a:hover {
  color: var(--wd-accent-light) !important;
}

/* Blog card excerpt */
.loop-entry .entry-excerpt p,
.entry-list-item .entry-excerpt p,
.loop-entry p,
.entry-list-item p {
  font-size: 14px !important;
  color: var(--wd-text-muted) !important;
  line-height: 1.65 !important;
  margin-bottom: 16px !important;
}

/* Blog card meta */
.loop-entry .entry-meta,
.entry-list-item .entry-meta {
  font-size: 12px !important;
  color: var(--wd-text-dim) !important;
  margin-bottom: 16px !important;
}
.loop-entry .entry-meta a,
.entry-list-item .entry-meta a {
  color: var(--wd-text-dim) !important;
}

/* Read more link */
.loop-entry .more-link,
.entry-list-item .more-link,
.loop-entry a[class*="read-more"],
.entry-list-item a[class*="read-more"] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wd-accent-light) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: var(--wd-transition);
  letter-spacing: .3px;
}
.loop-entry .more-link:hover,
.entry-list-item .more-link:hover {
  color: #fff !important;
  gap: 10px;
}

/* Featured image in listing */
.loop-entry .post-thumbnail img,
.entry-list-item .post-thumbnail img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .5s ease !important;
}
.loop-entry:hover .post-thumbnail img,
.entry-list-item:hover .post-thumbnail img {
  transform: scale(1.04);
}
.loop-entry .post-thumbnail,
.entry-list-item .post-thumbnail {
  overflow: hidden !important;
  border-radius: var(--wd-radius-lg) var(--wd-radius-lg) 0 0 !important;
}

/* Blog grid layout */
.blog .content-container,
.archive .content-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 32px 24px 48px;
}
.blog .content-wrap,
.archive .content-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 28px;
  align-items: start;
}

/* ====== SINGLE POST — HERO HEADER ====== */
.single-post .entry-header,
.single .entry-header {
  background: linear-gradient(180deg, var(--wd-dark) 0%, rgba(17,24,39,.95) 100%);
  padding: 60px 24px 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--wd-border);
}
.single-post .entry-header::before,
.single .entry-header::before {
  content: '';
  position: absolute;
  top: -40%; left: 50%;
  transform: translateX(-50%);
  width: 800px; height: 500px;
  background: radial-gradient(ellipse, rgba(99,102,241,.1), transparent 70%);
  pointer-events: none;
}

/* Category badges in post header */
.single-post .entry-taxonomies,
.single .entry-taxonomies {
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.single-post .category-links a,
.single .category-links a {
  display: inline-block;
  background: rgba(99,102,241,.15);
  color: var(--wd-accent-light) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 5px 14px;
  border-radius: 100px;
  margin: 0 4px 8px 0;
  text-decoration: none !important;
  border: 1px solid rgba(99,102,241,.25);
  transition: var(--wd-transition);
}
.single-post .category-links a:hover,
.single .category-links a:hover {
  background: rgba(99,102,241,.3);
  color: #fff !important;
}

/* Post title */
.single-post .entry-title,
.single .entry-title {
  font-size: clamp(28px,4.5vw,52px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  max-width: 800px;
  margin: 0 auto 24px !important;
  background: linear-gradient(135deg, #fff 0%, #e2e8f0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  z-index: 2;
}

/* Post meta (date/author) */
.single-post .entry-meta,
.single .entry-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 13px !important;
  color: var(--wd-text-dim) !important;
  position: relative;
  z-index: 2;
  margin: 0 !important;
}
.single-post .entry-meta a,
.single .entry-meta a {
  color: var(--wd-accent-light) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.single-post .entry-meta .entry-meta-divider,
.single .entry-meta .entry-meta-divider,
.single-post .entry-meta-divider-dot .entry-meta-divider,
.entry-meta .entry-meta-divider {
  color: var(--wd-text-dim) !important;
}
.single-post .entry-date,
.single .entry-date {
  background: rgba(148,163,184,.1);
  padding: 4px 12px;
  border-radius: 100px;
  font-size: 12px;
  color: var(--wd-text-dim) !important;
}

/* ====== SINGLE POST — CONTENT ====== */
.single-post .content-area,
.single .content-area {
  background: var(--wd-dark) !important;
  padding: 0;
}

.single-post .entry-content-wrap,
.single .entry-content-wrap {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.single-post .entry,
.single .entry {
  background: transparent !important;
  box-shadow: none !important;
}

/* Content typography */
.single-post .entry-content p,
.single .entry-content p {
  font-size: 17px !important;
  line-height: 1.85 !important;
  color: var(--wd-text-muted) !important;
  margin-bottom: 24px !important;
}
.single-post .entry-content h2,
.single .entry-content h2 {
  font-size: clamp(22px,3vw,30px) !important;
  font-weight: 700 !important;
  color: var(--wd-text) !important;
  margin: 36px 0 16px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--wd-border);
}
.single-post .entry-content h3,
.single .entry-content h3 {
  font-size: clamp(19px,2.5vw,24px) !important;
  font-weight: 700 !important;
  color: var(--wd-text) !important;
  margin: 28px 0 12px !important;
}
.single-post .entry-content h4,
.single .entry-content h4 {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--wd-text) !important;
  margin: 24px 0 10px !important;
}

/* Lists */
.single-post .entry-content ul,
.single .entry-content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
}
.single-post .entry-content ul li,
.single .entry-content ul li {
  position: relative;
  padding-left: 24px !important;
  margin-bottom: 10px !important;
  color: var(--wd-text-muted);
  font-size: 16px;
  line-height: 1.7;
}
.single-post .entry-content ul li::before,
.single .entry-content ul li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--wd-accent-light);
  font-weight: 700;
}
.single-post .entry-content ol,
.single .entry-content ol {
  counter-reset: list-counter;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
}
.single-post .entry-content ol li,
.single .entry-content ol li {
  counter-increment: list-counter;
  position: relative;
  padding-left: 36px !important;
  margin-bottom: 10px !important;
  color: var(--wd-text-muted);
  font-size: 16px;
  line-height: 1.7;
}
.single-post .entry-content ol li::before,
.single .entry-content ol li::before {
  content: counter(list-counter);
  position: absolute;
  left: 0;
  width: 24px; height: 24px;
  background: rgba(99,102,241,.15);
  color: var(--wd-accent-light);
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 2px;
}

/* Blockquote */
.single-post .entry-content blockquote,
.single .entry-content blockquote {
  border-left: 3px solid var(--wd-accent) !important;
  background: rgba(99,102,241,.06) !important;
  margin: 32px 0 !important;
  padding: 20px 28px !important;
  border-radius: 0 var(--wd-radius) var(--wd-radius) 0 !important;
}
.single-post .entry-content blockquote p,
.single .entry-content blockquote p {
  color: var(--wd-text) !important;
  font-size: 16px !important;
  font-style: italic;
  margin: 0 !important;
}

/* Inline code */
.single-post .entry-content code,
.single .entry-content code {
  background: rgba(99,102,241,.12) !important;
  color: var(--wd-accent-light) !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-family: 'Monaco', 'Consolas', monospace !important;
}

/* Code blocks */
.single-post .entry-content pre,
.single .entry-content pre {
  background: var(--wd-dark-2) !important;
  border: 1px solid var(--wd-border) !important;
  border-radius: var(--wd-radius) !important;
  padding: 24px !important;
  overflow-x: auto !important;
  margin: 24px 0 !important;
}
.single-post .entry-content pre code,
.single .entry-content pre code {
  background: none !important;
  padding: 0 !important;
  font-size: 14px !important;
  color: var(--wd-text-muted) !important;
}

/* HR separator */
.single-post .entry-content hr,
.single .entry-content hr {
  border: none !important;
  border-top: 1px solid var(--wd-border) !important;
  margin: 40px 0 !important;
}

/* Tables */
.single-post .entry-content table,
.single .entry-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 32px 0 !important;
  font-size: 14px !important;
  border-radius: var(--wd-radius) !important;
  overflow: hidden !important;
  border: 1px solid var(--wd-border) !important;
}
.single-post .entry-content th,
.single .entry-content th {
  background: rgba(99,102,241,.12) !important;
  color: var(--wd-accent-light) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 14px 18px !important;
  text-align: left !important;
  border-bottom: 1px solid rgba(99,102,241,.2) !important;
}
.single-post .entry-content td,
.single .entry-content td {
  padding: 13px 18px !important;
  border-bottom: 1px solid var(--wd-border) !important;
  color: var(--wd-text-muted) !important;
  vertical-align: top !important;
}
.single-post .entry-content tr:last-child td,
.single .entry-content tr:last-child td {
  border-bottom: none !important;
}
.single-post .entry-content tr:nth-child(even) td,
.single .entry-content tr:nth-child(even) td {
  background: rgba(255,255,255,.02) !important;
}
.single-post .entry-content tr:hover td,
.single .entry-content tr:hover td {
  background: rgba(99,102,241,.06) !important;
}

/* Images in content */
.single-post .entry-content img,
.single .entry-content img {
  border-radius: var(--wd-radius) !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 8px 0 !important;
}

/* ====== POST FOOTER / TAGS ====== */
.entry-footer {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid var(--wd-border);
  font-size: 13px;
  color: var(--wd-text-dim);
}
.entry-footer a {
  color: var(--wd-text-dim) !important;
}
.entry-footer a:hover {
  color: var(--wd-accent-light) !important;
}

/* ====== ENTRY ACTIONS (Share etc.) ====== */
.entry-actions {
  margin-top: 24px;
  padding: 20px 0;
  border-top: 1px solid var(--wd-border);
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.entry-actions a {
  background: var(--wd-surface) !important;
  border: 1px solid var(--wd-border) !important;
  color: var(--wd-text-muted) !important;
  padding: 8px 16px !important;
  border-radius: 100px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: var(--wd-transition) !important;
  text-decoration: none !important;
}
.entry-actions a:hover {
  border-color: var(--wd-accent) !important;
  color: var(--wd-accent-light) !important;
}

/* ====== RELATED POSTS ====== */
.entry-related {
  background: var(--wd-dark-2) !important;
  border-top: 1px solid var(--wd-border) !important;
  padding: 64px 24px !important;
}
.entry-related-inner {
  max-width: 1100px;
  margin: 0 auto;
}
.entry-related h2,
.entry-related .related-posts-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--wd-text) !important;
  margin-bottom: 32px !important;
  text-align: center;
}
.entry-related .entry-related-carousel {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px,1fr)) !important;
  gap: 24px !important;
}
.entry-related .loop-entry {
  margin: 0 !important;
}

/* ====== COMMENTS ====== */
.comments-area {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 24px;
}
.comments-area h2 {
  font-size: 24px !important;
  margin-bottom: 32px !important;
}
.comment-form input,
.comment-form textarea {
  width: 100%;
  margin-bottom: 16px;
}

/* ====== PAGINATION ====== */
.pagination,
.posts-navigation,
.page-numbers {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 48px 0;
  flex-wrap: wrap;
}
.page-numbers a,
.page-numbers span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px; height: 44px;
  background: var(--wd-surface) !important;
  border: 1px solid var(--wd-border) !important;
  border-radius: var(--wd-radius) !important;
  color: var(--wd-text-muted) !important;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none !important;
  transition: var(--wd-transition);
}
.page-numbers a:hover,
.page-numbers .current {
  background: var(--wd-accent) !important;
  border-color: var(--wd-accent) !important;
  color: #fff !important;
}

/* ====== BLOG / ARCHIVE CONTENT AREA ====== */
.blog .content-area,
.archive .content-area {
  background: var(--wd-dark) !important;
  margin: 0 !important;
}
.blog .site-main,
.archive .site-main {
  background: var(--wd-dark) !important;
  padding: 48px 24px 80px;
}
.blog .content-wrap,
.archive .content-wrap {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px,1fr));
  gap: 28px;
}
/* Remove default entry box styles on blog listing */
.blog .entry,
.archive .entry {
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ====== RESPONSIVE BLOG ====== */
@media(max-width:768px) {
  .blog .content-wrap,
  .archive .content-wrap {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 0;
  }
  .blog .site-main,
  .archive .site-main { padding: 32px 16px 60px; }

  .single-post .entry-header,
  .single .entry-header { padding: 48px 16px 32px; }
  .single-post .entry-title,
  .single .entry-title { font-size: 26px !important; }

  .single-post .content-container,
  .single .content-container {
    padding: 24px 16px 48px !important;
  }
  .single-post .entry-content p,
  .single .entry-content p { font-size: 16px !important; }
  .single-post .entry-content h2,
  .single .entry-content h2 { font-size: 22px !important; margin: 28px 0 12px !important; }
  .single-post .entry-content h3,
  .single .entry-content h3 { font-size: 19px !important; }

  /* Tables scrollable on mobile */
  .single-post .entry-content table,
  .single .entry-content table {
    display: block !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }

  .entry-related { padding: 32px 16px !important; }
  .entry-related .entry-related-carousel {
    grid-template-columns: 1fr !important;
  }

  .loop-entry .entry-content-wrap,
  .entry-list-item .entry-content-wrap { padding: 20px !important; }
}

@media(max-width:480px) {
  .single-post .entry-header,
  .single .entry-header { padding: 36px 16px 24px; }
  .single-post .entry-title,
  .single .entry-title { font-size: 22px !important; }
  .loop-entry .entry-title,
  .entry-list-item .entry-title { font-size: 18px !important; }
  .single-post .entry-content p,
  .single .entry-content p { font-size: 15px !important; line-height: 1.75 !important; }
}

/* ====== FIXES v3.2 ====== */

/* Newsletter Form — dunkel stylen */
.brevo-form, .sib-form, [class*="sib-"], [class*="brevo-"],
.wp-block-jetpack-contact-form, .gform_wrapper,
.newsletter-widget, .mc4wp-form,
.entry-content form, .entry-content .form-container,
iframe[src*="sibforms"], iframe[src*="brevo"] {
  background: transparent !important;
  color: var(--wd-text) !important;
}
/* Brevo/Sendinblue iframe Wrapper */
.wd-newsletter-box,
.sib-container, .sib-form-block,
div[id*="sib_embed"],
div[class*="sib_embed"] {
  background: rgba(99,102,241,.06) !important;
  border: 1px solid rgba(99,102,241,.2) !important;
  border-radius: var(--wd-radius-lg) !important;
  padding: 32px !important;
  color: var(--wd-text) !important;
}
/* Input fields in forms dark */
.entry-content .sib-form input,
.entry-content form input[type="email"],
.entry-content form input[type="text"],
.entry-content form textarea,
.wp-block-jetpack-contact-form input,
.wp-block-jetpack-contact-form textarea {
  background: var(--wd-dark-3) !important;
  border: 1px solid var(--wd-border) !important;
  color: var(--wd-text) !important;
  border-radius: var(--wd-radius) !important;
  padding: 12px 16px !important;
  width: 100% !important;
}
.entry-content form label,
.entry-content .sib-form label {
  color: var(--wd-text-muted) !important;
  font-size: 14px !important;
}
/* Submit button dunkel */
.entry-content form button[type="submit"],
.entry-content form input[type="submit"],
.sib-form-block__button {
  background: linear-gradient(135deg, var(--wd-accent), #7c3aed) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 100px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  width: 100% !important;
  font-size: 16px !important;
  margin-top: 8px !important;
}
/* Formular-Wrapper weiss entfernen */
.entry-content .entry-content > *,
.wp-block-group.wd-post-cta form,
.wp-block-group.wd-post-cta [class*="form"] {
  background: transparent !important;
}

/* Tabellen auf Mobile — horizontal scrollbar */
.entry-content .wp-block-table,
.single-post .entry-content figure.wp-block-table,
.single .entry-content figure.wp-block-table {
  display: block !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  margin: 24px 0 !important;
  border-radius: var(--wd-radius) !important;
}
.entry-content .wp-block-table table {
  min-width: 500px;
}

/* Topbar auf Mobile — kein Zeilenumbruch erzwingen */
@media(max-width:480px) {
  .wd-topbar {
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    padding: 6px 10px !important;
    font-size: 10px !important;
  }
  .wd-topbar span { display: none; }
  .wd-topbar a { 
    font-size: 11px !important;
    padding: 4px 12px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }
}

/* ============================================
   MASTER FIX v3.3 — Kadence Override & Dark Mode Konsistenz
   ============================================ */

/* Kadence Global Palette komplett überschreiben */
:root {
  --global-palette1: #6366f1 !important;
  --global-palette2: #818cf8 !important;
  --global-palette3: #f1f5f9 !important;
  --global-palette4: #e2e8f0 !important;
  --global-palette5: #94a3b8 !important;
  --global-palette6: #334155 !important;
  --global-palette7: #1e293b !important;
  --global-palette8: #0a0f1c !important;
  --global-palette9: #111827 !important;
}

/* Body & Site — überall schwarz */
body, html,
.site, .site-main,
.content-bg,
body.content-style-unboxed .site,
.wp-site-blocks,
#page, #content, #primary {
  background: #0a0f1c !important;
  color: #f1f5f9 !important;
}

/* Alle Seitentypen */
.page-template-default .site-main,
.page .site-main,
.single .site-main,
.single-post .site-main,
.blog .site-main,
.archive .site-main,
.search .site-main,
.error404 .site-main {
  background: #0a0f1c !important;
}

/* Content-Area auf allen Seiten */
.content-area,
.site-content,
.content-container,
.hero-container,
.entry-content-wrap,
.single-entry,
.page-entry {
  background: transparent !important;
  box-shadow: none !important;
}

/* Entry — kein weisser Box auf Pages */
.entry.single-entry,
.entry.page-entry {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Page/Post content wrapper */
.content-style-boxed .entry-content-wrap,
.entry-content-wrap {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Kadence Entry Hero */
.entry-hero {
  background: #0a0f1c !important;
}
.entry-hero .entry-hero-container-inner {
  background: transparent !important;
}

/* HTML-Block in Pages — verhindert gray background */
.wp-block-html,
.entry-content .wp-block-html,
.entry-content > div,
.entry-content > section {
  background: transparent !important;
}

/* Alle internen Seiten-Wrapper */
.page-id-11 .entry-content,
.page-id-11 .entry-content-wrap,
.page-id-11 .site-main,
.page-id-11 #primary,
.page .entry-content,
.page .entry-content-wrap {
  background: #0a0f1c !important;
}

/* Inline-Style Override für Newsletter-Page custom HTML */
.wd-newsletter-page-wrap {
  background: transparent !important;
}

/* Newsletter Form Button sichtbar machen */
.wd-newsletter-page-wrap form button[type="submit"],
.entry-content form button[type="submit"],
.entry-content form input[type="submit"] {
  background: linear-gradient(135deg, #10b981, #059669) !important;
  color: #ffffff !important;
  border: none !important;
  padding: 16px 32px !important;
  border-radius: 100px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 10 !important;
}

/* 404 Page */
.error404 .entry-content-wrap {
  background: transparent !important;
  text-align: center;
  padding: 80px 24px !important;
}

/* Search Page */
.search .entry-content-wrap {
  background: transparent !important;
}
.search-no-results, .search-results {
  background: transparent !important;
}

/* Breadcrumbs dunkel */
.kadence-breadcrumbs, .entry-hero .kadence-breadcrumbs {
  background: transparent !important;
  color: #64748b !important;
}
.kadence-breadcrumbs a {
  color: #818cf8 !important;
}

/* Site Footer Fix */
.site-footer, footer.site-footer {
  background: #111827 !important;
  border-top: 1px solid rgba(148,163,184,.1) !important;
}
.footer-widgets-wrap,
.footer-bottom-wrap,
.footer-top-wrap {
  background: transparent !important;
}

/* Pagination dunkel */
.page-navigation, .posts-navigation {
  background: transparent !important;
}

/* Tags / Taxonomy Pages */
.tax-category .site-main,
.tag .site-main,
.category .site-main {
  background: #0a0f1c !important;
}

/* ====== DARK/LIGHT MODE TOGGLE ====== */
.wd-theme-toggle {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 48px;
  height: 48px;
  background: rgba(30,41,59,.9);
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9998;
  font-size: 20px;
  backdrop-filter: blur(12px);
  transition: all .3s ease;
  box-shadow: 0 4px 20px rgba(0,0,0,.4);
  user-select: none;
}
.wd-theme-toggle:hover {
  background: rgba(99,102,241,.2);
  border-color: rgba(99,102,241,.4);
  transform: scale(1.1);
}

/* Light Mode */
body.wd-light-mode {
  --wd-dark: #f8fafc !important;
  --wd-dark-2: #f1f5f9 !important;
  --wd-dark-3: #e2e8f0 !important;
  --wd-surface: #ffffff !important;
  --wd-surface-hover: #f8fafc !important;
  --wd-border: rgba(0,0,0,.1) !important;
  --wd-text: #0f172a !important;
  --wd-text-muted: #334155 !important;
  --wd-text-dim: #64748b !important;
}
body.wd-light-mode,
body.wd-light-mode html,
body.wd-light-mode .site,
body.wd-light-mode .site-main,
body.wd-light-mode #page,
body.wd-light-mode .content-area {
  background: #f8fafc !important;
  color: #0f172a !important;
}
body.wd-light-mode .wd-card,
body.wd-light-mode .loop-entry,
body.wd-light-mode .wd-testimonial {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
body.wd-light-mode p,
body.wd-light-mode .entry-content p {
  color: #334155 !important;
}
body.wd-light-mode .site-header,
body.wd-light-mode #masthead {
  background: rgba(248,250,252,.92) !important;
  border-bottom-color: rgba(0,0,0,.08) !important;
}
body.wd-light-mode .site-footer {
  background: #f1f5f9 !important;
}
body.wd-light-mode .wd-hero {
  background: linear-gradient(180deg, #eef2ff, #f8fafc) !important;
}
body.wd-light-mode .wd-hero h1 {
  background: linear-gradient(135deg, #1e293b, #4338ca) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
body.wd-light-mode .single-post .entry-header,
body.wd-light-mode .single .entry-header {
  background: linear-gradient(180deg, #eef2ff, #f8fafc) !important;
}
body.wd-light-mode .entry-related {
  background: #f1f5f9 !important;
}

/* ============================================
   FIX v3.4 — Text Contrast, Page Consistency
   Light Mode komplett & Impressum Fix
   ============================================ */

/* ====== ALLE SEITEN: Text immer sichtbar ====== */
/* Headings überall hell */
body h1, body h2, body h3, body h4, body h5, body h6,
.entry-content h1, .entry-content h2,
.entry-content h3, .entry-content h4,
.page .entry-content h1, .page .entry-content h2,
.page .entry-content h3, .page .entry-content h4,
.page-entry h1, .page-entry h2,
.single-entry h1, .single-entry h2 {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
}

/* Body Text überall sichtbar */
body p, body li, body td, body th, body span, body label,
.entry-content p, .entry-content li,
.entry-content td, .entry-content th,
.page .entry-content p, .page .entry-content li,
.page-entry p, .page-entry li {
  color: #94a3b8 !important;
}

/* Bold / strong Text heller */
body strong, body b,
.entry-content strong, .entry-content b,
.page .entry-content strong {
  color: #e2e8f0 !important;
}

/* Links */
body a, .entry-content a {
  color: #818cf8 !important;
}
body a:hover, .entry-content a:hover {
  color: #a5b4fc !important;
}

/* ====== IMPRESSUM & DATENSCHUTZ — spezifischer Fix ====== */
.page .site-main, .page #primary, .page .content-area {
  background: #0a0f1c !important;
}
.page .entry-content-wrap {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 24px 60px !important;
}
.page .entry-title {
  color: #f1f5f9 !important;
  font-size: clamp(28px,4vw,44px) !important;
  font-weight: 800 !important;
  margin-bottom: 32px !important;
  padding-top: 40px !important;
  -webkit-text-fill-color: #f1f5f9 !important;
}
/* Impressum/Datenschutz specific */
.page-id-6 .entry-content, .page-id-7 .entry-content,
.page-id-8 .entry-content, .page-id-14 .entry-content,
[class*="impressum"] .entry-content,
[class*="datenschutz"] .entry-content {
  max-width: 760px;
  margin: 0 auto;
  padding: 32px 24px 60px;
}

/* ====== HOMEPAGE CARDS — kein weiss ====== */
/* Kadence Columns / Blocks */
.wp-block-column {
  background: #1e293b !important;
  border: 1px solid rgba(148,163,184,.1) !important;
  border-radius: 16px !important;
  padding: 36px 28px !important;
  color: #94a3b8 !important;
  box-shadow: 0 8px 32px -8px rgba(0,0,0,.4) !important;
}
.wp-block-column h3, .wp-block-column h4 {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
}
.wp-block-column p {
  color: #94a3b8 !important;
}
/* Kadence Icon Box / Cards */
.wp-block-kadence-iconlist,
.kb-icon-list-item,
.kadence-icon-box,
[class*="kb-block"] {
  background: transparent !important;
  color: #94a3b8 !important;
}
/* Generic white card overrides */
.wp-block-group:not(.wd-post-cta):not(.wd-newsletter-page-wrap) {
  background: transparent !important;
}

/* ====== NEWSLETTER PAGE TEXT FIXES ====== */
.wd-newsletter-page-wrap h1,
.wd-newsletter-page-wrap h2 {
  -webkit-text-fill-color: inherit !important;
}
.wd-newsletter-page-wrap p {
  color: #94a3b8 !important;
}
/* FAQ cards text */
.wd-newsletter-page-wrap [style*="background:rgba(30,41,59"] p {
  color: #94a3b8 !important;
}
.wd-newsletter-page-wrap [style*="font-weight:700"] {
  color: #f1f5f9 !important;
}

/* ====== LIGHT MODE — Komplett überarbeitet ====== */
body.wd-light-mode,
body.wd-light-mode .site,
body.wd-light-mode .site-main,
body.wd-light-mode .content-area,
body.wd-light-mode #page,
body.wd-light-mode #primary,
body.wd-light-mode .wp-site-blocks {
  background: #f8fafc !important;
}

body.wd-light-mode h1, body.wd-light-mode h2,
body.wd-light-mode h3, body.wd-light-mode h4,
body.wd-light-mode h5, body.wd-light-mode h6,
body.wd-light-mode .entry-title {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.wd-light-mode p, body.wd-light-mode li,
body.wd-light-mode td, body.wd-light-mode span,
body.wd-light-mode .entry-content p {
  color: #334155 !important;
}

body.wd-light-mode strong, body.wd-light-mode b {
  color: #0f172a !important;
}

body.wd-light-mode a { color: #4f46e5 !important; }
body.wd-light-mode a:hover { color: #4338ca !important; }

body.wd-light-mode .site-header, body.wd-light-mode #masthead {
  background: rgba(255,255,255,.95) !important;
  border-bottom-color: rgba(0,0,0,.08) !important;
}
body.wd-light-mode .header-navigation .menu-item>a,
body.wd-light-mode .primary-menu>.menu-item>a {
  color: #334155 !important;
}
body.wd-light-mode .wd-hero {
  background: linear-gradient(180deg, #eef2ff 0%, #f8fafc 100%) !important;
}
body.wd-light-mode .wd-hero::before {
  background: radial-gradient(circle, rgba(99,102,241,.1), transparent 70%) !important;
}
body.wd-light-mode .wd-hero h1 {
  background: linear-gradient(135deg, #1e293b 0%, #4338ca 100%) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent !important;
  background-clip: text;
}
body.wd-light-mode .wd-hero-sub { color: #475569 !important; }
body.wd-light-mode .wd-hero-cta {
  background: #fff !important;
  border-color: rgba(0,0,0,.12) !important;
}
body.wd-light-mode .wd-hero-cta input { color: #0f172a !important; }
body.wd-light-mode .wd-card,
body.wd-light-mode .loop-entry,
body.wd-light-mode .wd-testimonial,
body.wd-light-mode .wp-block-column {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.08) !important;
}
body.wd-light-mode .wd-card h3,
body.wd-light-mode .wp-block-column h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
body.wd-light-mode .wd-card p,
body.wd-light-mode .wp-block-column p { color: #475569 !important; }
body.wd-light-mode .wd-section-dark { background: #f1f5f9 !important; }
body.wd-light-mode .single-post .entry-header,
body.wd-light-mode .single .entry-header {
  background: linear-gradient(180deg, #eef2ff, #f8fafc) !important;
}
body.wd-light-mode .entry-related { background: #f1f5f9 !important; }
body.wd-light-mode .single-post .entry-content h2,
body.wd-light-mode .single .entry-content h2 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-bottom-color: rgba(0,0,0,.1) !important;
}
body.wd-light-mode .single-post .entry-content p,
body.wd-light-mode .single .entry-content p { color: #334155 !important; }
body.wd-light-mode .single-post .entry-content table th {
  background: rgba(99,102,241,.08) !important;
}
body.wd-light-mode .single-post .entry-content td {
  border-color: rgba(0,0,0,.06) !important;
}
body.wd-light-mode .wp-block-latest-posts__list li {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
body.wd-light-mode .wp-block-latest-posts__post-title { color: #0f172a !important; }
body.wd-light-mode .site-footer {
  background: #f1f5f9 !important;
  border-top-color: rgba(0,0,0,.08) !important;
}
body.wd-light-mode .site-footer, body.wd-light-mode .site-footer a { color: #475569 !important; }
body.wd-light-mode .wd-topbar { background: linear-gradient(135deg, #6366f1, #7c3aed) !important; }
body.wd-light-mode .page .entry-title { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; }
body.wd-light-mode .page .entry-content p { color: #334155 !important; }
body.wd-light-mode .page .site-main { background: #f8fafc !important; }
body.wd-light-mode .wd-theme-toggle {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(0,0,0,.12) !important;
}

/* ====== MOBILE: Toggle nicht über Inhalt ====== */
@media(max-width:480px) {
  .wd-theme-toggle {
    bottom: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}



/* ============================================
   MOBILE FIX v3.7 — Minimal, Kadence-kompatibel
   Padding NUR wo Kadence keins setzt
   ============================================ */

/* Eigene Sections (wd-*) — korrekter Abstand */
@media(max-width:768px) {
  .wd-hero { padding-left: 20px !important; padding-right: 20px !important; }
  .wd-hero-inner { padding: 0 !important; }
  .wd-cta-section { padding-left: 20px !important; padding-right: 20px !important; }
  .wd-cta-box { padding: 28px 20px !important; }
  .wd-newsletter-page-wrap { padding: 24px 20px 48px !important; }
  .blog .site-main, .archive .site-main { padding: 24px 20px 48px !important; }
  .entry-related { padding: 28px 20px !important; }
}

@media(max-width:480px) {
  .wd-hero { padding-left: 16px !important; padding-right: 16px !important; }
  .wd-cta-box { padding: 24px 16px !important; }
  .wd-newsletter-page-wrap { padding: 20px 16px 40px !important; }
  .blog .site-main, .archive .site-main { padding: 20px 16px 40px !important; }
  .entry-related { padding: 24px 16px !important; }
}

/* ============================================
   KONTRAST-FIXES v1.0 — Lesbarkeit
   Ziel: WCAG AA (mind. 4.5:1 für Fliesstext)
   ============================================ */

/* Navigation — heller für bessere Lesbarkeit */
.header-navigation .menu-item > a,
.primary-menu > .menu-item > a {
  color: #e2e8f0 !important;
}
.mobile-navigation a,
.drawer-navigation a {
  color: #e2e8f0 !important;
}

/* Body-Text (p) — primärer Fliesstext heller */
body p,
p {
  color: #c4d0de !important;
}

/* Artikel-Fliesstext explizit aufhellen */
.single-post .entry-content p,
.single .entry-content p,
.entry-content p {
  color: #d1dce8 !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
}

/* Artikel-Listen */
.single-post .entry-content li,
.single .entry-content li,
.entry-content li {
  color: #c4d0de !important;
}

/* Tabellen-Zellen — gut lesbar */
.single-post .entry-content td,
.single .entry-content td,
.entry-content td {
  color: #e2e8f0 !important;
  background: rgba(255,255,255,.025) !important;
}
.single-post .entry-content tr:nth-child(even) td,
.single .entry-content tr:nth-child(even) td {
  background: rgba(255,255,255,.05) !important;
}
.single-post .entry-content th,
.single .entry-content th {
  color: #a5b4fc !important;
  background: rgba(99,102,241,.18) !important;
}

/* Meta-Info (Datum, Autor, Kategorie) */
.entry-meta, .entry-footer,
.post-date, .entry-date,
.posted-on, .byline,
time, .entry-meta span,
.entry-meta a {
  color: #94a3b8 !important;
}

/* Karten-Beschreibungen */
.wd-card p,
.wd-section-desc,
.wd-hero-sub {
  color: #c4d0de !important;
}

/* Blog-Listing Karten */
.entry-summary, .entry-excerpt,
.loop-entry .entry-content p,
.wp-block-latest-posts__post-excerpt {
  color: #c4d0de !important;
}

/* Verwandte Beiträge — Overlay für Text-Lesbarkeit auf Bildern */
.entry-related .loop-entry {
  position: relative;
}
.entry-related .loop-entry .post-thumbnail::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 60%;
  background: linear-gradient(to top, rgba(10,15,28,.9) 0%, transparent 100%);
  pointer-events: none;
}
.entry-related .loop-entry .entry-title a {
  color: #f1f5f9 !important;
}

/* Footer-Text */
.site-footer, footer.site-footer,
.site-footer p, .site-footer a {
  color: #94a3b8 !important;
}

/* Links in Artikeln — klarer erkennbar */
.single-post .entry-content a,
.single .entry-content a {
  color: #a5b4fc !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.single-post .entry-content a:hover,
.single .entry-content a:hover {
  color: #c7d2fe !important;
}

/* Trust-Badges und kleine Labels */
.wd-trust-badges,
.wd-stat-label,
.wd-testimonial-role {
  color: #94a3b8 !important;
}

/* Testimonial-Text heller */
.wd-testimonial-text {
  color: #c4d0de !important;
}

/* Section-Descriptions */
.wd-section-desc {
  color: #c4d0de !important;
}

/* Block-Quotes in Artikeln */
.single-post .entry-content blockquote,
.single .entry-content blockquote {
  border-left-color: #6366f1 !important;
  background: rgba(99,102,241,.08) !important;
}
.single-post .entry-content blockquote p,
.single .entry-content blockquote p {
  color: #e2e8f0 !important;
}

/* ====== MOBILE BUTTON FIX v3.9 — 22.03.2026 ====== */

/* Affiliate-Buttons in Artikeln (ohne wd-btn class) */
@media(max-width:768px) {
  .entry-content a[style*="border-radius"][style*="background"],
  .entry-content a[style*="padding"][style*="font-weight"] {
    display: inline-block !important;
    max-width: calc(100% - 32px) !important;
    padding: 12px 24px !important;
    border-radius: 100px !important;
    background: linear-gradient(135deg, #6366f1, #7c3aed) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(99,102,241,.3) !important;
    transition: all 0.3s ease !important;
  }
}

/* Final CTA button - prevent horizontal overflow on very small screens */
@media(max-width:400px) {
  .wd-cta-box a.wd-btn,
  .wd-cta-section a.wd-btn,
  .wd-cta-box p a,
  .wd-cta-section p a {
    display: block !important;
    width: 100% !important;
    padding: 16px 16px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
}

/* Topbar mobile: show brief text instead of nothing */
@media(max-width:480px) {
  .wd-topbar > span:nth-child(2) {
    display: inline-block !important;
    max-width: 120px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-size: 10px !important;
    flex-shrink: 1 !important;
  }
}