/* ============================================
   SHARED CARD & LIST STYLES (doneer + contact)
   ============================================ */
.scn-donate-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-2xl)}
.scn-donate-card h2{margin-bottom:var(--space-lg)}
.scn-donate-card h3{font-size:var(--text-base);margin-bottom:var(--space-md);margin-top:var(--space-lg)}
.scn-donate-card h3:first-of-type{margin-top:0}
.scn-donate-info-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-xl)}
.scn-donate-info-card h3{font-size:var(--text-lg);margin-bottom:var(--space-lg)}
.scn-donate-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-lg)}
.scn-donate-list li{display:flex;gap:var(--space-md);align-items:flex-start}
.scn-donate-list-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}
.scn-donate-list li strong{display:block;font-size:var(--text-sm);margin-bottom:2px}
.scn-donate-list li p{font-size:var(--text-sm);color:var(--gray-500);margin:0;line-height:1.6}
.scn-donate-form{display:flex;flex-direction:column;gap:var(--space-md)}
.scn-donate-submit{width:100%;margin-top:var(--space-sm)}

/* ============================================
   BENEFITS SECTION (word-actief + landelijk-bestuur)
   ============================================ */
.scn-benefits-section{padding:var(--section-py) 0;background:var(--white)}
.scn-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}
.scn-benefits-grid--three{grid-template-columns:repeat(3,1fr)}
.scn-benefit-item{text-align:center;padding:var(--space-lg)}
.scn-benefit-icon{font-size:2rem;display:block;margin-bottom:var(--space-md)}
.scn-benefit-item h3{font-size:var(--text-base);margin-bottom:var(--space-xs)}
.scn-benefit-item p{font-size:var(--text-sm);color:var(--gray-500);margin:0;line-height:1.6}

/* ============================================
   DONATION / REGISTER FORM LAYOUT
   ============================================ */
.scn-donate-section,.scn-register-section{padding:var(--section-py) 0;background:var(--off-white)}
.scn-donate-grid,.scn-register-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:var(--space-2xl);align-items:start}

/* Frequency toggle */
.scn-donate-frequency{display:flex;background:var(--gray-100);border-radius:var(--radius-md);padding:4px;gap:4px;margin-bottom:var(--space-lg)}
.scn-freq-btn{flex:1;padding:0.6rem 1rem;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--gray-500);cursor:pointer;transition:all var(--transition)}
.scn-freq-btn.is-active{background:var(--white);color:var(--gray-900);box-shadow:var(--shadow-sm)}

/* Amount buttons */
.scn-donate-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs);margin-bottom:var(--space-md)}
.scn-amount-btn{padding:0.75rem;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;border:2px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);color:var(--gray-900);cursor:pointer;transition:all var(--transition)}
.scn-amount-btn:hover{border-color:var(--party-red);color:var(--party-red)}
.scn-amount-btn.is-active{border-color:var(--party-red);background:var(--party-red);color:var(--white)}
.scn-amount-btn--custom{font-size:var(--text-sm)}

/* Custom amount */
.scn-donate-custom-input{display:none;margin-bottom:var(--space-md)}
.scn-donate-custom-input.is-visible{display:block}
.scn-donate-info-card + .scn-donate-info-card{margin-top:var(--space-lg)}
.scn-donate-list-icon--eur{color:var(--eur-green)}
.scn-donate-list-icon--uu{color:var(--uu-red)}
.scn-donate-list-icon--vu{color:var(--vu-blue)}
.scn-donate-list-icon--lei{color:var(--leiden-blue)}
.scn-benefits-section--off-white{background:var(--off-white)}
.scn-section--white{background:var(--white)}
.scn-donate-custom-input label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--gray-500);margin-bottom:var(--space-xs)}
.scn-input-euro{position:relative}
.scn-input-euro-symbol{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:var(--text-lg);font-weight:700;color:var(--gray-300)}
.scn-input-euro input{width:100%;padding:0.75rem 1rem 0.75rem 2.5rem;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;border:2px solid var(--gray-200);border-radius:var(--radius-md);transition:border-color var(--transition)}
.scn-input-euro input:focus{outline:none;border-color:var(--party-red)}

/* Impact text */
.scn-donate-impact{background:var(--off-white);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}
.scn-donate-impact-text{margin:0;font-size:var(--text-sm);color:var(--gray-700)}

.scn-donate-divider{border:none;border-top:1px solid var(--gray-100);margin:var(--space-lg) 0}

/* Submit */
.scn-donate-secure{text-align:center;font-size:var(--text-sm);color:var(--gray-500);margin:var(--space-sm) 0 0;display:flex;align-items:start;justify-content:center;gap:6px}
.scn-donate-secure svg{flex-shrink:0;margin-top:2px}

/* Accepted payment methods (informational, non-interactive) */
.scn-accepted-methods{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px;margin:var(--space-md) 0 0;opacity:0.6}
.scn-accepted-methods img{height:24px;width:auto;max-width:80px;object-fit:contain;filter:grayscale(100%)}
.scn-accepted-methods .scn-pay-ideal{height:28px}
.scn-accepted-methods .scn-pay-visa{height:28px}
.scn-accepted-methods .scn-pay-applepay{height:28px}
.scn-accepted-methods .scn-pay-paypal{height:20px}

/* Register intro */
.scn-register-intro{color:var(--gray-500);font-size:var(--text-base);margin-bottom:var(--space-lg)}

/* Testimonial */
.scn-donate-testimonial{margin-top:var(--space-lg);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-xl)}
.scn-donate-testimonial blockquote{margin:0}
.scn-donate-testimonial p{font-size:var(--text-base);font-style:italic;color:var(--gray-700);line-height:1.7;margin-bottom:var(--space-sm)}
.scn-donate-testimonial cite{font-size:var(--text-sm);color:var(--gray-500);font-style:normal;font-weight:600}

/* Mini stats */
.scn-donate-stats-mini{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-lg)}
.scn-donate-stat-mini{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}
.scn-donate-stat-mini-number{display:block;font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--party-red)}
.scn-donate-stat-mini-label{display:block;font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--space-2xs)}

/* ============================================
   FAQ SECTION
   ============================================ */
.scn-faq-section{padding:var(--section-py) 0;background:var(--white)}
.scn-faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xs)}
.scn-faq-item{border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition)}
.scn-faq-item[open]{border-color:var(--gray-300)}
.scn-faq-item summary{padding:var(--space-md) var(--space-lg);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:background var(--transition)}
.scn-faq-item summary:hover{background:var(--off-white)}
.scn-faq-item summary::after{content:'+';font-size:1.3rem;color:var(--gray-300);font-weight:400;transition:transform var(--transition)}
.scn-faq-item[open] summary::after{content:'\2212'}
.scn-faq-item summary::-webkit-details-marker{display:none}
.scn-faq-item p{padding:0 var(--space-lg) var(--space-lg);font-size:var(--text-sm);color:var(--gray-500);line-height:1.7;margin:0}

/* ============================================
   RESPONSIVE — Donate & Register pages
   ============================================ */
@media(max-width:1024px){
  .scn-donate-grid,.scn-register-grid{grid-template-columns:1fr;gap:var(--space-xl)}
  .scn-benefits-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
  .scn-donate-card{padding:var(--space-xl)}
  .scn-donate-amounts{grid-template-columns:repeat(3,1fr)}
  .scn-form-row--2col{grid-template-columns:1fr}
  .scn-accepted-methods{gap:14px;margin-top:var(--space-sm)}
  .scn-accepted-methods img{height:18px;max-width:60px}
  .scn-accepted-methods .scn-pay-ideal{height:20px}
  .scn-accepted-methods .scn-pay-visa{height:22px}
  .scn-accepted-methods .scn-pay-applepay{height:22px}
  .scn-accepted-methods .scn-pay-paypal{height:15px}
  .scn-donate-secure{font-size:var(--text-xs);margin-top:var(--space-xs)}
  .scn-donate-stats-mini{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}
  .scn-donate-stats-mini .scn-donate-stat-mini-number{font-size:var(--text-lg)}
  .scn-donate-stats-mini .scn-donate-stat-mini-label{font-size:0.7rem}
  .scn-benefits-grid{grid-template-columns:1fr;gap:var(--space-lg)}
  .scn-benefits-section--off-white .scn-benefit-item{background:var(--white);border-radius:var(--radius-md);padding:var(--space-lg);border-left:4px solid var(--party-red);box-shadow:var(--shadow-sm);text-align:left}
  .scn-benefits-section--off-white .scn-benefit-icon{margin-bottom:var(--space-sm)}
  .scn-benefits-section--hide-on-mobile{display:none}
}

@media(max-width:480px){
  .scn-donate-card{padding:var(--space-lg)}
  .scn-donate-amounts{grid-template-columns:repeat(2,1fr)}
}