/* FAAM Aanbod: het aanbod op de site. Bouwt verder op de klassen van het FAAM-thema. */
.faam-aanbod{--fa-groen:var(--faam-groen,#658572);--fa-donker:var(--faam-groen-donker,#4F6B5B);--fa-diep:var(--faam-groen-diep,#22332A);--fa-creme:var(--faam-creme,#FAEBD3);--fa-vlak:var(--faam-grijs-vlak,#F5F5F5);--fa-lijn:var(--faam-lijn,#DCDCDC);--fa-zacht:var(--faam-zacht,#5F5F5F)}
.faam-aanbod *{box-sizing:border-box}
.faam-aanbod .wp-block-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.faam-aanbod .faam-aanbod-jaar{margin-top:1rem}

/* Bouwblokken */
.faam-aanbod-blokken{display:grid;gap:2rem}
.faam-aanbod-cat-titel{margin:0 0 .5rem}
.faam-aanbod-lijst{list-style:none;margin:0;padding:0}
.faam-aanbod-lijst li{display:grid;grid-template-columns:1fr auto;gap:.25rem 1.25rem;align-items:baseline;padding:.85rem 0;border-top:1px solid var(--fa-lijn)}
.faam-aanbod-lijst li:last-child{border-bottom:1px solid var(--fa-lijn)}
.faam-aanbod-wat strong{display:block}
.faam-aanbod-wat span{display:block;color:var(--fa-zacht);font-size:.95rem;margin-top:.15rem}
.faam-aanbod-wat a{white-space:nowrap}
.faam-aanbod-prijs{font-weight:600;white-space:nowrap;text-align:right}
.faam-aanbod-lijst.is-kort li{padding:.55rem 0}
.faam-aanbod-lijst.is-kort .faam-aanbod-wat strong{display:inline}
.faam-aanbod-lijst.is-kort .faam-vraag{margin-left:.35rem}
@media (max-width:600px){.faam-aanbod-lijst li{grid-template-columns:1fr}.faam-aanbod-prijs{text-align:left}}

/* Kort: Start + uitgelichte bouwblokken naast elkaar */
.faam-aanbod-kort{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}
.faam-aanbod-kort .faam-prijskaart{height:100%}
@media (max-width:781px){.faam-aanbod-kort{grid-template-columns:1fr}}

/* Voorbeelden */
.faam-aanbod-voorbeelden{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}
.faam-aanbod-vb h3{margin-top:0}
.faam-aanbod-vb-lijst{margin:.5rem 0 1rem 1.1em;padding:0}
.faam-aanbod-vb-lijst li{margin:.15rem 0}
.faam-aanbod-vb-prijs{margin:0;padding-top:.75rem;border-top:1px solid var(--fa-lijn)}
.faam-aanbod-vb-prijs strong{font-size:1.15rem}

/* Voorwaarden */
.faam-aanbod-niet{color:var(--fa-zacht)}

/* Rekenhulp */
.faam-rekenhulp{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2rem;align-items:start}
@media (max-width:781px){.faam-rekenhulp{grid-template-columns:1fr}}
.faam-rekenhulp fieldset{border:0;margin:0 0 1.5rem;padding:0;min-width:0}
.faam-rekenhulp legend{font-weight:700;font-size:1.05rem;padding:0;margin-bottom:.35rem}
.faam-rekenhulp-basis{display:flex;flex-wrap:wrap;gap:.25rem .75rem;align-items:baseline;padding:.85rem 1rem;margin:0 0 1.5rem;background:var(--fa-vlak);border-radius:10px}
.faam-rekenhulp-basis em{font-style:normal;color:var(--fa-zacht);font-size:.9rem;margin-left:auto}
.faam-rekenhulp-rij{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-top:1px solid var(--fa-lijn)}
.faam-rekenhulp-rij label{flex:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;cursor:pointer}
.faam-rekenhulp-rij label span{color:var(--fa-zacht);white-space:nowrap}
.faam-rekenhulp-rij input[type=checkbox]{width:1.2rem;height:1.2rem;flex:none;accent-color:var(--fa-donker)}
.faam-rekenhulp-rij.is-aantal label{cursor:default}
.faam-rekenhulp-aantal{display:flex;align-items:center;gap:.4rem;flex:none}
.faam-rekenhulp-aantal input{width:4.5rem;padding:.4rem .5rem;font:inherit;border:1px solid var(--fa-lijn);border-radius:6px}
.faam-rekenhulp input:focus-visible{outline:3px solid var(--faam-oker,#EEBE75);outline-offset:2px}
.faam-rekenhulp-totaal{position:sticky;top:6rem;background:var(--fa-creme);border:2px solid var(--fa-diep);border-radius:16px;padding:1.5rem}
.faam-rekenhulp-totaal .faam-label{margin-top:0}
.faam-rekenhulp-bedrag{margin:.25rem 0}
.faam-rekenhulp-bedrag strong{font-size:2rem;line-height:1.1}
.faam-rekenhulp-bedrag.is-jaar strong{font-size:1.4rem}
.faam-rekenhulp-bedrag span{color:var(--fa-zacht)}
@media (max-width:781px){.faam-rekenhulp-totaal{position:static}}