/*
Theme Name: Finance by B.
Theme URI: https://financebyb.nl
Author: Finance by B.
Description: Child theme (Twenty Twenty-Four) voor Finance by B. – met sticky navigatie, Aanbod en Reviews.
Template: twentytwentyfour
Version: 1.2.0
Text Domain: finance-by-b
*/
:root{--b-navy:#0A1F44;--b-gold:#AD8C4A;--b-blush:#E1BBCB;}
body{background:var(--b-navy);color:#f3f6fa;}
a{color:var(--b-gold);}
.section{padding:6rem 1.25rem;max-width:1100px;margin:0 auto;}
.section h2{color:var(--b-gold);margin:0 0 1rem;font-size:clamp(2rem,4vw,3rem)}
.hero{padding:8rem 1.25rem 6rem;text-align:center}
.hero .wp-block-button__link{border-radius:999px;padding:.85rem 1.25rem}
.b-script{font-family:"Snell Roundhand","Apple Chancery","Segoe Script",cursive;}
/* nav */
.site-header{position:sticky;top:0;z-index:10;background:rgba(10,31,68,.9);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{max-width:1100px;margin:0 auto;display:flex;gap:1rem;align-items:center;padding:.75rem 1rem}
.nav .brand{font-weight:900;color:#fff}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap}
.nav a{color:#dfe7f4;text-decoration:none;padding:.5rem .75rem;border-radius:8px;display:block}
.nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.nav .cta{background:var(--b-gold);color:#0A1F44;font-weight:700}
@media(max-width:760px){.nav{flex-direction:column;align-items:flex-start}.nav ul{gap:.25rem}}
/* layout */
.grid{display:grid;gap:2rem;align-items:center;grid-template-columns:1fr}
@media(min-width:800px){.grid{grid-template-columns:1fr 1fr}}
.card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:2rem;border-radius:14px}
.cards{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:780px){.cards{grid-template-columns:repeat(3,1fr)}}
.card h3{margin:.25rem 0;color:var(--b-gold)}
.stars{color:var(--b-gold);letter-spacing:.1em}
footer.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:2rem 0;color:#b8c4d9}