/*
 * Mediafase M1 — kapotte achtergrondafbeeldingen op /a-casa-amarela/ en /performance-week/.
 *
 * Root cause: assets/css/perf/trip-v1517.min.css (geladen op beide pagina's — ze delen
 * dezelfde "trip"-bundle) bevat, met !important en op drie selectors, een relatief pad
 * dat één niveau te ondiep is: url("../images/....webp"). Vanaf assets/css/perf/ komt
 * dat uit op assets/css/images/....webp — die map bestaat niet (bevestigd: HTTP 404).
 * De juiste, bestaande bestanden (bevestigd: HTTP 200, en op /a-casa-amarela/ al correct
 * gebruikt via <img> in de fotogalerij verderop op diezelfde pagina) staan gewoon op
 * assets/images/....webp.
 *
 * Er bestaat voor .casa-splash__image/.casa-cta__image ook een oudere regel in
 * assets/css/v14/v147.css met wél de juiste padberekening ("../../images/...") — maar
 * die wordt door de latere, kapotte regel in trip-v1517.min.css overschreven (zelfde
 * specificiteit, ook !important, later geladen wint).
 *
 * Gevolg op de site, op twee pagina's:
 * - /a-casa-amarela/: een groot, leeg zwart vlak direct onder de hero (waar de
 *   "9,9 · Booking.com"-badge overheen zweeft) en een even lege sectie bij de onderste
 *   call-to-action (.casa-splash__image / .casa-cta__image).
 * - /performance-week/: een even groot leeg zwart vlak bij de sectie "A Casa Amarela. /
 *   De trainingsbasis" met de knop "Bekijk A Casa Amarela →" (.trip-casa-band__image) —
 *   dezelfde soort fout, andere selector, gevonden bij het narekenen van alle
 *   relatieve url()-verwijzingen in deze bundle.
 *
 * Geen CSS-bug in de zin van contrast/leesbaarheid, maar een gebroken bestandsverwijzing
 * met een groot zichtbaar gat tot gevolg. Deze override herstelt alleen het pad, met
 * exact dezelfde gradient/instelling als het origineel — niets aan de bestaande
 * CSS-bestanden gewijzigd. Alleen op de twee pagina's die deze klassen gebruiken.
 */

body.gtgf-v14 .casa-splash__image {
  background: linear-gradient(0deg, rgba(0, 0, 0, .45), transparent 45%), url("../../images/casa-exterior-v1516.webp") center center / cover no-repeat !important;
}

body.gtgf-v14 .casa-cta__image {
  background: linear-gradient(90deg, rgba(0, 0, 0, .84), rgba(0, 0, 0, .28)), url("../../images/casa-exterior-v1516.webp") center center / cover no-repeat !important;
}

body.gtgf-v14 .trip-casa-band__image {
  background: url("../../images/casa-living-v1516.webp") center center / cover no-repeat !important;
}