/*
Theme Name: ThactNL (Lovable → WordPress)
Theme URI: https://thact.nl
Author: Thact (Maurits)
Author URI: https://thact.nl
Description: Volledig thema op basis van je Lovable project, met customizer voor logo, favicon, kleuren en Google Fonts. Bevat block patterns met shortcodes voor Ticker en MythBuster.
Version: 1.0.1
Tested up to: 6.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: thactnl
*/
:root { --color-bg:#ffffff; --color-primary:#111111; --color-accent:#1f7ae0; --font-body:'Inter',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif; --font-heading:'Inter',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif; --font-accent:'Inter',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif; }
body{background:var(--color-bg);color:#111;font-family:var(--font-body);} .container{max-width:1200px;margin:0 auto;padding:24px;} .site-header,.site-footer{background:#111;color:#fff;} .site-header a,.site-footer a{color:#fff;text-decoration:none;} nav a{margin-right:16px;font-weight:600;} .hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;padding:64px 0;} .hero h1{font-family:var(--font-heading);font-size:44px;line-height:1.12;margin:0 0 12px;} .hero p.lead{font-size:18px;opacity:.9;} .section{padding:48px 0;} .card{border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 6px 16px rgba(0,0,0,.06);background:#fff;} .btn{display:inline-block;padding:12px 16px;border-radius:10px;background:var(--color-accent);color:#fff;text-decoration:none;font-weight:700;} .shortcode-placeholder{border:2px dashed #cbd5e1;padding:16px;border-radius:12px;background:#f8fafc;} img.responsive{max-width:100%;height:auto;border-radius:12px;}

/* === Thact Home Auto === */

/* Thact front-page base */
.thact-home { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#0a0a0a; }
.container { max-width: 1120px; margin: 0 auto; padding: 0 20px; }
.hero { padding: 96px 0 64px; background: linear-gradient(180deg,#f8fafc 0%, #ffffff 100%); border-bottom:1px solid #eef2f7; }
.hero h1 { font-size: clamp(36px, 6vw, 56px); line-height: 1.05; margin: 0 0 16px; letter-spacing:-0.02em; }
.hero .lead { font-size: 20px; max-width: 760px; opacity:.9; }
.cta-row { margin-top: 24px; display:flex; gap: 12px; flex-wrap:wrap; }
.btn { display:inline-block; padding: 12px 18px; border-radius: 12px; text-decoration:none; font-weight: 600; }
.btn-primary { background:#066881; color:#fff; }
.btn-primary:hover { filter: brightness(0.95); }
.btn-secondary { background:#e6f3f7; color:#066881; }

.value-props { padding: 56px 0; }
.grid { display:grid; gap: 20px; }
.grid-3 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.card { background:#fff; border:1px solid #eef2f7; border-radius:16px; padding:20px; box-shadow: 0 1px 2px rgba(5,16,55,0.06); }

.cases { padding: 56px 0; background:#fafbfc; border-top:1px solid #eef2f7; border-bottom:1px solid #eef2f7; }
.case img { width:100%; height:auto; border-radius: 12px; }
.case h3 { margin: 12px 0 8px; }

.quiz { padding: 56px 0; }
.cta { padding: 56px 0; text-align:center; }

/* Tickertape region (plugin should render; this keeps spacing tidy) */
.ticker-wrap { border-bottom:1px solid #eef2f7; background:#ffffff; }

/* Basic header/footer defaults if theme has very minimal files */
.site-header { border-bottom:1px solid #eef2f7; }
.site-footer { border-top:1px solid #eef2f7; color:#4b5563; }