/* FAAM Cases: in de stijl van faam.be (kleuren met een terugval als het thema ze niet heeft). */
.fc{--fc-inkt:var(--wp--preset--color--inkt,#1B1B18);--fc-groen:#4F6B5B;--fc-diep:#22332A;--fc-zacht:var(--wp--preset--color--tekst-zacht,#3D3B35);--fc-lijn:#E8DCC6;--fc-creme:#FAEBD3;--fc-wit:#fff;color:var(--fc-inkt)}
.fc img{display:block;max-width:100%;height:auto}

/* Kaartjes op de beroepspagina */
.fc-cases{margin:3.5rem auto}
.fc-titel{margin:0 0 .5rem}
.fc-intro{color:var(--fc-zacht);font-size:1.125rem;max-width:38rem;margin:0 0 1.5rem}
.fc-kaarten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.fc-kaart{display:flex;flex-direction:column;background:var(--fc-wit);border:1.6px solid var(--fc-lijn);border-radius:24px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
a.fc-kaart:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(34,51,42,.10)}
a.fc-kaart:focus-visible{outline:3px solid var(--fc-groen);outline-offset:3px}
.fc-kaart-portret{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 22%}
.fc-kaart-tekst{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem 1.4rem 1.5rem}
.fc-kaart-naam{font-size:1.5rem;font-weight:800;color:var(--fc-diep);line-height:1.15}
.fc-kaart-zaak{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fc-groen)}
.fc-kaart-kort{color:var(--fc-zacht);line-height:1.5}
.fc-kaart-meer{margin-top:.35rem;font-weight:700;color:var(--fc-diep);text-decoration:underline;text-underline-offset:3px}
.fc-ai{font-size:.8rem;color:#6b675e;margin:1rem 0 0}
@media (max-width:860px){.fc-kaarten{grid-template-columns:1fr}.fc-kaart{flex-direction:row}.fc-kaart-portret{flex:0 0 38%;width:38%;height:auto;aspect-ratio:4/3;align-self:stretch}.fc-kaart-tekst{flex:1;padding:1rem 1.1rem}.fc-kaart-naam{font-size:1.25rem}}
@media (max-width:480px){.fc-kaart{flex-direction:column}.fc-kaart-portret{flex:none;width:100%;aspect-ratio:16/10;align-self:auto}}

/* De pagina van een case */
body:has(.fc-case) .faam-artikel-kop{display:none}
.fc-case{margin:0 auto}
.fc-case h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:800;color:var(--fc-diep);line-height:1.15;margin:0 0 .75rem}
.fc-held{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center;background:var(--fc-creme);border-radius:32px;padding:2.5rem;margin:1.5rem 0 3rem}
.fc-label{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1.6px solid var(--fc-diep);border-radius:999px;padding:.3rem .8rem;margin:0 0 1rem;color:var(--fc-diep)}
.fc-dit{font-size:clamp(2.6rem,2rem + 3vw,4.5rem);font-weight:800;line-height:1;color:var(--fc-diep);margin:0 0 1rem}
.fc-wie{font-size:1.2rem;line-height:1.5;color:var(--fc-zacht);margin:0 0 1rem}
.fc-zaaknaam{font-weight:800;color:var(--fc-groen);margin:0}
.fc-held-portret{width:100%;border-radius:24px;aspect-ratio:4/5;object-fit:cover}
.fc-twee{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:0 0 3rem}
.fc-twee p{color:var(--fc-zacht);line-height:1.6;margin:0}
.fc-site{margin:0 0 3rem}
.fc-site-beeld{border-radius:24px;margin:.5rem 0 1.25rem}
.fc-vinkjes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 2rem}
.fc-vinkjes li{position:relative;padding-left:1.8rem}
.fc-vinkjes li::before{content:"";position:absolute;left:0;top:.2rem;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--fc-groen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.fc-momenten{margin:0 0 3rem}
.fc-moment-rij{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.fc-moment{background:var(--fc-wit);border:1.6px solid var(--fc-lijn);border-radius:24px;padding:1.5rem}
.fc-moment p{margin:0;color:var(--fc-zacht);line-height:1.55}
.fc-moment .fc-wanneer{font-weight:800;color:var(--fc-diep);margin:0 0 .5rem}
.fc-werk{display:grid;gap:1.25rem;margin:0 0 3rem}
.fc-werk.is-2{grid-template-columns:1fr 1fr}
.fc-werk img{border-radius:24px;width:100%;aspect-ratio:3/2;object-fit:cover}
.fc-werk.is-1 img{aspect-ratio:21/9}
.fc-blokken{margin:0 0 3rem}
.fc-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .75rem}
.fc-chips span{background:var(--fc-wit);border:1.6px solid var(--fc-lijn);border-radius:999px;padding:.45rem 1rem;font-weight:700;font-size:.95rem}
.fc-klein{font-size:.9rem;margin:0}
.fc-klein a,.fc-ook a{color:var(--fc-diep)}
.fc-oproep{background:var(--fc-diep);color:#fff;border-radius:32px;padding:2.5rem;margin:0 0 2rem}
.fc-oproep h3{color:#fff;max-width:36rem}
.fc-oproep .wp-block-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.fc .fc-oproep .wp-block-button .wp-block-button__link{display:inline-block;background:#EEBE75;color:var(--fc-diep);border:1.6px solid #EEBE75}
.fc .fc-oproep .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:#fff;border-color:#fff}
.fc-stijl-noot{color:rgba(255,255,255,.78);font-size:.9rem;margin:.9rem 0 0}
.fc-ook{color:var(--fc-zacht);margin:0 0 1rem}
@media (max-width:860px){.fc-held{grid-template-columns:1fr;padding:1.5rem;gap:1.5rem}.fc-held-portret{max-width:22rem}.fc-twee,.fc-moment-rij,.fc-werk.is-2{grid-template-columns:1fr}.fc-vinkjes{grid-template-columns:1fr}.fc-oproep{padding:1.75rem}.fc-werk.is-1 img{aspect-ratio:3/2}}

/* 0.1.7: voorbeeld duidelijk aangeduid */
.fc-voorbeelden{margin:0 0 .35rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fc-groen)}
.fc-voorbeeld{display:inline-block;align-self:flex-start;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--fc-diep);color:var(--fc-wit);border-radius:999px;padding:.2rem .6rem;line-height:1.3}
.fc-label .fc-voorbeeld{margin-right:.4rem;vertical-align:.08em}