/*
Theme Name: Widerrufsbelehrung Generator
Template: legal-base
Author: Onlino
Description: Child-thema voor widerrufsbelehrunggenerator.de (widerrufsbelehrung, de).
Version: 1.0.0
*/

/* === Palet: roze/rose === */
:root{
  --accent:        #E11D48;
  --accent-rgb:    225,29,72;
  --accent-2:      #FB7185;
  --accent-2-rgb:  251,113,133;
  --accent-3:      #BE123C;
  --accent-3-rgb:  190,18,60;
  --accent-light:  #F43F5E;
  --accent-bg:     #FFF1F2;
  --accent-bg-2:   #FFE4E6;
  --accent-bg-3:   #FECDD3;
  --accent-bg-soft:#FFEEF0;
  --accent-bg-alt: #FFF5F6;
}

/* === Fristenrechner-Zeitleiste (uniek onderdeel per contractsoort-pagina) === */
.frist-timeline{
  display:flex; flex-wrap:wrap; gap:0; margin:28px 0 32px; padding:0; list-style:none;
  counter-reset:frist-step;
}
.frist-timeline__step{
  flex:1 1 200px; position:relative; padding:22px 20px 20px; border:1px solid var(--border,#E5E7EB);
  border-radius:14px; background:#fff; margin:6px;
}
.frist-timeline__step::before{
  content:""; position:absolute; top:0; left:0; right:0; height:4px; border-radius:14px 14px 0 0;
  background:var(--accent-bg-3);
}
.frist-timeline__step--start::before{ background:var(--accent); }
.frist-timeline__step--end::before{ background:var(--accent-3); }
.frist-timeline__day{
  display:inline-block; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  color:var(--accent); background:var(--accent-bg); padding:4px 10px; border-radius:999px; margin-bottom:10px;
}
.frist-timeline__step h4{ margin:0 0 6px; font-size:16px; }
.frist-timeline__step p{ margin:0; font-size:14px; color:var(--muted,#64748B); line-height:1.5; }
@media (min-width:640px){
  .frist-timeline{ align-items:stretch; }
  .frist-timeline__step{ display:flex; flex-direction:column; }
}

/* === Widerruf vs. gesetzliches Rückgaberecht: vergelijkingstabel === */
.widerruf-compare{ width:100%; border-collapse:collapse; margin:24px 0; }
.widerruf-compare th, .widerruf-compare td{ padding:12px 16px; border-bottom:1px solid var(--border,#E5E7EB); text-align:left; font-size:14px; }
.widerruf-compare th{ background:var(--accent-bg); font-weight:700; color:var(--accent-3); }
.widerruf-compare td:first-child{ font-weight:600; color:#0F172A; }

/* === Checklist muster-widerrufsformular === */
.wbg-checklist{ list-style:none; margin:20px 0; padding:0; display:grid; gap:10px; }
.wbg-checklist li{
  display:flex; gap:10px; align-items:flex-start; padding:12px 16px; border-radius:10px;
  background:var(--accent-bg); font-size:14px; line-height:1.5;
}
.wbg-checklist li::before{ content:"✓"; color:var(--accent); font-weight:800; flex-shrink:0; }