/*
Theme Name: VTV De Hoop - Demo
Theme URI: https://vtvdehoop.nl
Author: Label MB B.V.
Author URI: https://www.labelmb.nl
Description: Demo-thema voor Volkstuinvereniging "De Hoop" (Simonshaven) met twee homepage-varianten: A "Fris & luchtig" en B "Groen & geworteld". Statische demo op basis van Bootstrap 5 + Bootstrap Icons — nog niet dynamisch.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
Text Domain: vtvdehoop
*/

:root{
  --vtv-green:#2E6B3C; --vtv-green-dark:#245430;
  --vtv-leaf:#5C9E31; --vtv-leaf-dark:#4C8527;
  --vtv-ink:#1F2A1F; --vtv-body:#4A5844; --vtv-muted:#75836D;
  --vtv-cream:#F7F6EF; --vtv-line:#E3E2D3; --vtv-mint:#EAF2E0; --vtv-pine:#1E3E28;
}
body{margin:0;background:var(--vtv-cream);color:var(--vtv-body);font-family:'Instrument Sans',system-ui,sans-serif;}
.font-display{font-family:'Bricolage Grotesque',sans-serif;}
a{color:var(--vtv-green);} a:hover{color:var(--vtv-green-dark);}

/* Knoppen */
.vtv-btn{display:inline-flex;align-items:center;gap:9px;background:var(--vtv-green);color:#fff;text-decoration:none;font-weight:600;font-size:1.05rem;padding:.85rem 1.5rem;border-radius:10px;transition:background .15s;}
.vtv-btn:hover{background:var(--vtv-green-dark);color:#fff;}
.vtv-btn--leaf{background:var(--vtv-leaf);} .vtv-btn--leaf:hover{background:var(--vtv-leaf-dark);}
.vtv-btn--outline{background:#fff;border:1.5px solid #CBD5BF;color:var(--vtv-green);}
.vtv-btn--outline:hover{background:var(--vtv-mint);color:var(--vtv-green-dark);}
.vtv-btn--pill{border-radius:999px;}
.vtv-btn--ghost{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.55);color:#fff;backdrop-filter:blur(4px);}
.vtv-btn--ghost:hover{background:rgba(255,255,255,.28);color:#fff;}
.vtv-btn--white{background:#fff;color:var(--vtv-green);}
.vtv-btn--white:hover{background:var(--vtv-mint);color:var(--vtv-green-dark);}
.vtv-btn--outline-white{background:transparent;border:1.5px solid rgba(255,255,255,.6);color:#fff;}
.vtv-btn--outline-white:hover{background:rgba(255,255,255,.15);color:#fff;}
.vtv-btn--login{background:#fff;border:2px solid var(--vtv-green);color:var(--vtv-green);font-weight:700;}
.vtv-btn--login:hover{background:var(--vtv-green);color:#fff;}

/* Navigatie variant A */
.vtv-nav-a{display:flex;align-items:center;gap:34px;}
.vtv-nav-a a{text-decoration:none;color:var(--vtv-body);font-weight:600;font-size:1.04rem;}
.vtv-nav-a a:hover{color:var(--vtv-green);}
.vtv-nav-a a.is-active{color:var(--vtv-ink);border-bottom:2.5px solid var(--vtv-leaf);padding-bottom:3px;}

/* Navigatie variant B (pillen) */
.vtv-nav-b{display:flex;align-items:center;gap:8px;}
.vtv-nav-b a{text-decoration:none;color:#3C4A3C;font-weight:600;font-size:1.02rem;padding:10px 18px;border-radius:999px;}
.vtv-nav-b a:hover{background:var(--vtv-mint);color:var(--vtv-green-dark);}
.vtv-nav-b a.is-active{background:var(--vtv-green);color:#fff;}

/* Footer */
.vtv-footer a{color:#C9D8BE;text-decoration:none;}
.vtv-footer a:hover{color:#fff;}
.vtv-footer .vtv-credit a{text-decoration:underline;}

/* Demo-wisselaar (alleen voor de demo, verwijderen in productie) */
.vtv-demoswitch{position:fixed;right:18px;bottom:18px;z-index:9999;background:var(--vtv-ink);color:#fff;border-radius:999px;padding:10px 16px;font-size:.92rem;display:flex;gap:14px;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);}
.vtv-demoswitch a{color:#9CC96B;font-weight:700;text-decoration:none;}
.vtv-demoswitch a:hover{color:#fff;}