/* ============================================================
   OnDestination · Vanafprijzen bij locaties · DETAIL (/locaties/<slug>)
   Laadt NA locatie-detail.css, en ALLEEN op een pagina met een geldende prijs.
   Bron: de overdracht (design_handoff_locaties/reference/locatie-prijzen.css), ingepast op de live basis
   (dry-run 2026-10-13, afdruk knip-dr) · de regels voor de overzichtskaart, de legenda en uitgelicht staan
   hier NIET in: die horen bij /locaties en dat is niet deze ronde (dry-run 2026-10-14 avond).
   Let op: colors_and_type.css zet `.od p` en `.od h3` (0,1,1).
   Elke <p>/<h3>/<ul> hier heeft daarom een .od-prefix.
   ============================================================ */

/* ── Detail: prijsregel onderaan Kernfeiten ── */
.od a.kf-price{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:16px 22px;padding:24px 26px;border-top:1px solid rgba(0,0,0,.07);background:rgba(111,224,0,.08);color:#0A0A0A;transition:background 200ms}
.od a.kf-price:hover{background:rgba(111,224,0,.15)}
.kf-price .kf-ico{flex-shrink:0}
.kf-price-body{display:flex;flex-direction:column;gap:7px;flex:1 1 300px;min-width:0}
.kf-price-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}
.kf-price-amount{font-family:'Kardige',sans-serif;font-size:34px;line-height:1;letter-spacing:-.02em}
.kf-price-amount small{font-family:'Luxe Uno','Helvetica Neue',Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:0;margin-left:6px}
.kf-price-terms{font-size:14px;line-height:1.4;color:#54534d}
.kf-price-more{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:700;white-space:nowrap}
.kf-price-more .arr{width:34px;height:34px;border-radius:999px;background:#6FE000;color:#000;display:inline-flex;align-items:center;justify-content:center;transition:transform 220ms cubic-bezier(.22,.61,.36,1)}
.od a.kf-price:hover .kf-price-more .arr{transform:translateX(3px)}

/* ── Detail: sectie Prijzen (band ink) ── */
.lpr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lpr-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lpr-grid--1{grid-template-columns:minmax(0,560px)}
.lpr-opt{background:#121212;border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:30px 28px 26px;display:flex;flex-direction:column;min-width:0}
.lpr-kind{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6FE000;margin-bottom:12px}
.od .lpr-name{font-family:'Kardige',sans-serif;font-weight:400;font-size:28px;line-height:1.05;letter-spacing:-.01em;color:#F8F5EE;margin:0}
.lpr-cap{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:13.5px;color:rgba(248,245,238,.66)}
.lpr-cap svg{width:14px;height:14px;flex-shrink:0;opacity:.75}
.lpr-price{display:flex;flex-direction:column;gap:7px;margin:24px 0 22px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}
.lpr-from{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(248,245,238,.62)}
.lpr-amount{font-family:'Kardige',sans-serif;font-size:48px;line-height:.95;letter-spacing:-.03em;color:#F8F5EE}
.lpr-amount small{font-family:'Luxe Uno','Helvetica Neue',Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:0;margin-left:7px}
.lpr-terms{font-size:14px;line-height:1.4;color:rgba(248,245,238,.82)}
.od .lpr-inc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.od .lpr-inc li{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:11px;row-gap:2px;align-items:start;margin:0}
.lpr-inc-ico{grid-row:1/3;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;margin-top:1px}
.lpr-inc-ico svg{width:11px;height:11px}
.lpr-inc li.is-in .lpr-inc-ico{background:rgba(111,224,0,.16);color:#6FE000}
.lpr-inc li.is-out .lpr-inc-ico{background:rgba(255,255,255,.07);color:rgba(248,245,238,.6)}
.lpr-inc-label{font-size:14.5px;font-weight:700;color:#F8F5EE}
.lpr-inc li.is-out .lpr-inc-label{color:rgba(248,245,238,.74)}
.lpr-inc-text{font-size:13.5px;line-height:1.45;color:rgba(248,245,238,.62)}
.od .lpr-fees{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}
.od .lpr-fees li{display:flex;justify-content:space-between;gap:12px;margin:0;font-size:13.5px;color:rgba(248,245,238,.72)}
.lpr-fees b{font-weight:700;color:#F8F5EE;text-align:right}
.od .lpr-note{margin:16px 0 0;font-size:13px;line-height:1.5;color:rgba(248,245,238,.62);max-width:none}
.lpr-foot{margin-top:28px;display:flex;flex-direction:column;gap:22px}
.lpr-callout{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 40px;padding:26px 28px;border-radius:20px;border:1px solid rgba(111,224,0,.3);background:rgba(111,224,0,.06)}
.od .lpr-callout p{flex:1 1 360px;margin:0;font-size:16px;line-height:1.6;color:#F8F5EE;max-width:58ch}
.lpr-callout-cta{display:flex;flex-wrap:wrap;gap:12px}
.od .lpr-source{margin:0;font-size:13px;line-height:1.55;color:rgba(248,245,238,.6);max-width:none}

/* aanvragen per optie */
.lpr-cta{margin-top:auto;padding-top:24px;display:flex;flex-wrap:wrap;gap:8px}
.lpr-cta .btn{justify-content:center;font-size:13.5px;padding:13px 18px}
.lpr-cta .btn-primary{flex:1 1 180px}
.lpr-cta .btn-ghost{flex:0 0 auto}
.od .lpr-free{margin:0;display:flex;align-items:baseline;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#D9D6CD;max-width:none}
.od .lpr-free::before{content:"//";color:#6FE000;letter-spacing:1px}

/* ── Responsive ── */
@media (max-width:1024px){
.lpr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
.lpr-grid,.lpr-grid--2{grid-template-columns:minmax(0,1fr)}
.lpr-opt{padding:26px 22px 22px}
.lpr-amount{font-size:42px}
.od a.kf-price{padding:22px 20px}
.kf-price-amount{font-size:30px}
.lpr-callout{padding:22px 20px}
.lpr-callout-cta{width:100%}
.lpr-callout-cta .btn{flex:1 1 220px;justify-content:center}
}
/* ── INGEPAST OP DE LIVE BASIS (dry-run 2026-10-13) ──
   live home.css (r738-r740) laat onder 400 px elke .btn afbreken in plaats van uitsteken · de overdracht kent die regel niet ·
   de basis blijft zoals hij is · hier krijgt alleen de hoofdknop van een optie de volle breedte, zodat zijn tekst niet hoeft af
   te breken · de WhatsApp-knop schuift eronder, zoals in het ontwerp */
@media (max-width:400px){
.lpr-cta .btn-primary{flex-basis:100%}
}