/*
Theme Name: TWC Gulpen Theme
Author: ChatGPT
Description: Lichtgewicht FSE block theme voor TWC Gulpen met subtiele animaties en patronen (Home, Sponsors, Ledenportaal, Contact).
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: twc-gulpen-theme
*/
:root{
  --brand:#0B6E4F;   /* TWC groen (aanpasbaar) */
  --ink:#0f172a;
  --muted:#64748b;
  --bg:#ffffff;
  --accent:#F5A623;  /* oranje accent */
  --ease:cubic-bezier(.2,.6,.2,1);
  --container:min(1100px, 92vw);
}
*{box-sizing:border-box}
body{margin:0;line-height:1.6;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.alignfull{width:100vw;margin-inline:50%;transform:translateX(-50%)}
.alignwide{width:min(1200px,95vw);margin-inline:auto}
.container{width:var(--container);margin-inline:auto}
a{text-decoration:none;color:var(--brand)}
/* Motion base */
@media (prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
  .reveal.is-inview{opacity:1;transform:none}
  .fade-in{opacity:0;animation:fade-in .9s var(--ease) forwards}
  @keyframes fade-in{to{opacity:1}}
  .parallax-wrap{perspective:1000px;overflow:hidden}
  .parallax{will-change:transform}
}
.wp-element-button{transform:translateZ(0);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.wp-element-button:hover{transform:translateY(-2px)}
/* Simple grid */
.grid{display:grid;gap:20px}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.grid.cols-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid.cols-3{grid-template-columns:1fr}}
.card{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff}
.card .pad{padding:16px}
.logo-wall{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.logo-wall{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.logo-wall{grid-template-columns:repeat(2,1fr)}}
.logo-wall img{width:100%;height:100px;object-fit:contain;filter:grayscale(10%)}
.hero-cta .wp-element-button{background:var(--brand);color:white}
.notice{padding:10px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}