/* sv-prices.css - price tables ({{prices:...}}), arrangement cards ({{arr:...}} / .sv-arr), ticket rows.
   Used on home, /restaurant, /feesten, /bbq-buffetten. Tickets themselves live in base.css (every page).
   Prefixes: sv-prices, sv-arr, sv-price-. */

/* ---------- price table (6.7, 8.1.6) ---------- */
.sv-prices{width:100%;max-width:760px;font-size:.9375rem;line-height:1.45;font-weight:500;content-visibility:auto;contain-intrinsic-size:auto 800px}
.sv-prices caption{caption-side:bottom;padding-top:12px;text-align:left;color:var(--sv-muted);font-size:.875rem;font-weight:400}
.sv-prices thead th{padding:0 0 8px;border-bottom:1.5px solid var(--sv-text);text-align:left;color:var(--sv-muted);font:600 .8125rem/1.3 var(--sv-font-text);letter-spacing:.14em;text-transform:uppercase}
.sv-prices thead th:last-child{text-align:right}
.sv-prices tbody tr{border-bottom:1px solid var(--sv-line)}
.sv-prices tbody th{padding:11px 12px 11px 0;text-align:left;font-weight:500}
.sv-prices td{padding:11px 0;text-align:right;white-space:nowrap;font-weight:600;font-feature-settings:"tnum"}
.sv-prices td .sv-unit{font-weight:500}
.sv-prices .sv-prices__row--sub th{position:relative;padding-left:28px;color:var(--sv-muted);font-weight:400}
.sv-prices .sv-prices__row--sub th::before{content:"";position:absolute;left:10px;top:12px;width:9px;height:9px;border-left:1.5px solid var(--sv-muted);border-bottom:1.5px solid var(--sv-muted);border-bottom-left-radius:3px}
.sv-prices .sv-prices__row--sub td{font-weight:500}
.sv-section--sand2 .sv-prices tbody tr{border-bottom-color:rgb(30 26 22 / .12)}
.sv-dark .sv-prices thead th{color:var(--sv-mist);border-bottom-color:var(--sv-on-dark)}
.sv-dark .sv-prices tbody tr{border-bottom-color:var(--sv-line-dark)}
.sv-dark .sv-prices caption,.sv-dark .sv-prices .sv-prices__row--sub th{color:var(--sv-mist)}
@media (max-width:599px){
  .sv-prices thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .sv-prices tbody th{padding-right:8px}
  .sv-prices .sv-prices__row--sub th{padding-left:16px}
  .sv-prices .sv-prices__row--sub th::before{left:2px}
}
.sv-price-note{margin-top:12px;color:var(--sv-muted);font-size:.875rem}

/* ---------- arrangement card (3.5) ---------- */
.sv-arrs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--sv-gap)}
.sv-arr{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--sv-line);border-radius:var(--sv-r-card);background:var(--sv-shell)}
.sv-arr__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}
.sv-arr__title{flex:1 1 12ch;font-size:clamp(1.3rem,1.1rem + .8vw,1.625rem)}
.sv-arr__text{margin:0}
.sv-arr__note{margin:0;color:var(--sv-muted);font-size:.9375rem}
.sv-arr__note strong{color:var(--sv-text);font-weight:600}
.sv-arr .sv-details{border-top:1px solid var(--sv-line)}
.sv-arr__btn{align-self:flex-start;margin-top:auto}
@media (max-width:599px){.sv-arr__btn{align-self:stretch}}
.sv-arr--wide{grid-column:1 / -1}

/* ---------- price rows (8.1.4 Drankafspraken): one shell card, text left, ticket right ---------- */
ul.sv-pricerows,.sv-pricerows{margin:0;padding:0 24px;list-style:none;border:1px solid var(--sv-line);border-radius:var(--sv-r-card);background:var(--sv-shell)}
.sv-pricerow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:20px 0}
.sv-pricerow + .sv-pricerow{border-top:1px solid var(--sv-line)}
.sv-pricerow__text{flex:1 1 260px;min-width:0}
.sv-pricerow__text > :first-child{margin-bottom:4px}