/*
Theme Name: Muzikale Kerstman
Theme URI: https://www.muzikalekerstman.nl/
Author: HvO Music & Books
Description: Lichtgewicht maatwerkthema voor MuzikaleKerstman.nl
Version: 1.2
Text Domain: muzikale-kerstman
*/
:root{--red:#b20d17;--green:#064b35;--gold:#d9a52c;--cream:#fffaf0;--ink:#242424;--max:1180px}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--cream);line-height:1.55}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.site-header{background:#fff;position:relative;z-index:10}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:Georgia,serif;font-size:28px;font-weight:700;color:var(--red);text-decoration:none}.brand small{display:block;font:700 10px Arial,sans-serif;color:#333;text-transform:uppercase;letter-spacing:.6px}.menu{display:flex;gap:26px;list-style:none;margin:0;padding:0}.menu a{text-decoration:none;font-weight:700}.menu-toggle{display:none;background:var(--green);color:#fff;border:0;padding:11px 14px;border-radius:6px;font-size:18px}.hero{min-height:570px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.15)),linear-gradient(135deg,#173c2e,#7c1117);background-size:cover;background-position:center;color:#fff}.hero-content{max-width:650px;padding:75px 0}.hero h1{font:700 clamp(46px,6vw,76px)/.98 Georgia,serif;margin:0 0 18px}.hero .lead{font-size:21px;max-width:600px}.checks{list-style:none;padding:0;margin:22px 0}.checks li{font-size:19px;margin:7px 0}.checks li:before{content:'✓';color:#f2c75c;font-weight:900;margin-right:12px}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;padding:15px 22px;border-radius:6px;text-decoration:none;font-weight:800}.btn-red{background:var(--red);color:#fff}.btn-green{background:var(--green);color:#fff;border:1px solid #e8c65c}.cards{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:38px 0}.card{background:#fff;border:1px solid #e8dfcf;border-radius:8px;overflow:hidden;text-align:center;box-shadow:0 3px 14px rgba(0,0,0,.04)}.photo-slot{height:285px;background:linear-gradient(135deg,#f4ead8,#e8d4b5);background-size:cover;background-position:center;display:grid;place-items:center;color:#8b7758;font-weight:700}.card-body{padding:22px 28px 28px}.card h2,.music h2{font:700 32px Georgia,serif;margin:0 0 10px}.music{text-align:center;padding:10px 0 55px}.spotify-placeholder{max-width:850px;margin:20px auto 0;background:linear-gradient(135deg,#8e1716,#5b0b0b);color:#fff;border-radius:14px;padding:30px;font-weight:700}.site-footer{background:var(--green);color:#fff;padding:48px 0 20px;border-top:5px solid var(--gold)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}.site-footer h3{font-family:Georgia,serif;font-size:25px;margin-top:0}.site-footer a{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.2);margin-top:30px;padding-top:18px;font-size:13px}.snowline{height:28px;background:radial-gradient(circle at 20px -5px,#fff 28px,transparent 29px) 0 0/70px 28px repeat-x}@media(max-width:780px){.header-inner{min-height:68px}.brand{font-size:23px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;padding:10px 18px 18px}.site-nav.open{display:block}.menu{display:block}.menu li{border-bottom:1px solid #eee}.menu a{display:block;padding:12px 4px}.hero{min-height:520px}.hero-content{padding:55px 0}.hero h1{font-size:48px}.hero .lead{font-size:18px}.cards{grid-template-columns:1fr}.photo-slot{height:245px}.footer-grid{grid-template-columns:1fr}.buttons .btn{width:100%;text-align:center}}

/* Herbruikbare CTA-knop voor actpagina's */
a.kerst-button,
.kerst-button {
  display: inline-block;
  background: #b5121b;
  color: #fff !important;
  padding: 14px 24px;
  border-radius: 6px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none !important;
  transition: transform .2s ease, background-color .2s ease;
}
a.kerst-button:hover,
a.kerst-button:focus {
  background: #8f0d14;
  color: #fff !important;
  transform: translateY(-1px);
}
@media (max-width: 600px) {
  a.kerst-button,
  .kerst-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
}