/* ============================================================
   OnDestination · De prijs op een kaartje (artiest .ar-card en locatie .loc-card)
   Laadt op elke pagina met een artiestkaartje of een locatiekaartje met een prijsblok, NA artiesten.css of locaties.css.
   Een kaartje draagt de vanafprijs van zijn pagina, of zonder prijs de regel uit de overdracht van zijn soort.
   Bron: de overdracht (artiest-prijzen.css: "Kaart: labelrij", "Kaart: prijsvoet" en .ar-price-amount.is-request ·
   locatie-prijzen.css: "Overzicht: kaart" en de legenda · design_handoff_locatiekaart_op_aanvraag: op-aanvraag.css), zoals ze in de
   knip-dry-run van 2026-10-13 op de live basis zijn ingepast (afdruk knip-dr/stijl) · go 2026-10-15 middag (4).
   ⚠️ WEGGELATEN, met grond: .loc-card-img img en .loc-card-img:has(img)::after (niet afgebakend, ze raken elke locatiekaart · de live
   kaart zet haar beeld zelf) · uitgelicht (.loc-feature-meta, .fmeta-val small: geen uitgelichte locatie met een prijs) · .ar-photo-ph
   (alleen de referentie).
   ⚠️ De overdracht zegt de regel voor "Op aanvraag" toe te voegen aan locatie-prijzen.css · dat blad laadt alleen op een locatiepagina
   MET een prijs, niet op /locaties · daarom staat hij hier, bij de andere kaartregels.
   ============================================================ */

/* ── Artiestkaart: labelrij ── */
.ar-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}
.ar-tags .ar-type{margin-bottom:0}
.ar-opt{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#E8E5DC;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:3px 11px;backdrop-filter:blur(4px)}
.ar-card:has(.ar-price) .ar-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}

/* ── Artiestkaart: prijsvoet ── */
.ar-price{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
.ar-price-body{min-width:0}
.ar-price-line{display:flex;align-items:baseline;gap:8px;margin:0;line-height:1}
.ar-price-from{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ABABAB}
.ar-price-amount{font-family:'Kardige',sans-serif;font-size:28px;letter-spacing:-.02em;color:#F8F5EE}
.ar-price-amount.is-request{font-family:'Luxe Uno','Helvetica Neue',Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:.01em}
.ar-price-terms{margin:6px 0 0;font-size:12.5px;line-height:1.35;color:#B8B8B8}
.ar-go{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#F8F5EE;transition:background 200ms cubic-bezier(.22,.61,.36,1),border-color 200ms,color 200ms,transform 240ms cubic-bezier(.22,.61,.36,1)}
.ar-go svg{width:16px;height:16px}
.ar-card:hover .ar-go,.ar-card:focus-visible .ar-go{background:#6FE000;border-color:#6FE000;color:#000;transform:translateX(3px)}
.ar-card:has(.ar-price):focus-visible{outline:2px solid #6FE000;outline-offset:4px}

/* ── Specificiteit: colors_and_type.css zet `.od p` op font-size, line-height, margin en max-width ── */
.od .ar-card:has(.ar-price) .ar-name{font-size:36px;line-height:1.04;margin:0 0 10px;max-width:none}
.od .ar-card:has(.ar-price) .ar-desc{font-size:13px;line-height:1.52;margin:0 0 16px;max-width:28ch}
.od .ar-price-line{font-size:inherit;line-height:1;margin:0;max-width:none}
.od .ar-price-terms{font-size:12.5px;line-height:1.35;margin:6px 0 0;max-width:none}

/* ── Locatiekaart: prijsblok boven de capaciteit ── */
.loc-card-price{display:flex;flex-direction:column;gap:5px;margin:0 0 16px}
.lcp-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px}
.lcp-from{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6a6963}
.lcp-amount{font-family:'Kardige',sans-serif;font-size:28px;line-height:1;letter-spacing:-.02em;color:#0A0A0A}
.lcp-unit{font-size:13px;font-weight:700;color:#0A0A0A}
.lcp-terms{font-size:12.5px;line-height:1.4;color:#6a6963}
/* geen prijs: op aanvraag */
.lcp-amount--req{font-family:'Luxe Uno','Helvetica Neue',Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:.01em;line-height:28px}

/* ── Legenda onder "Onze gekozen locaties" (alleen als er een kaart met een vanafprijs staat) ── */
.loc-legend+.loc-legend{margin-top:-26px}
.lcp-key{flex-shrink:0;display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;border:1px solid rgba(0,0,0,.22);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0A0A0A}

@media (max-width:700px){
.loc-legend+.loc-legend{margin-top:-28px}
}
@media (max-width:560px){
.od .ar-card:has(.ar-price) .ar-name{font-size:28px}
}