/* ==========================================================================
   Kampidoe Reservatie — losse tarief-shortcodes
   (water, gas, elektriciteit dag/nacht, telefoon, pmd-zak, restafvalzak)
   Zelfstandig stijlblok: niet afhankelijk van .kampidoe-app, zodat dit
   overal los in een pagina of tekstblok gebruikt kan worden.
   ========================================================================== */

.kd-tarief {
    --kd-t-pine-dark: #123026;
    --kd-t-sage: #e7efe6;
    --kd-t-amber-dark: #a86c1c;
    --kd-t-muted: #6c7568;
    --kd-t-line: #d9d2bf;

    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--kd-t-sage);
    border: 1px solid var(--kd-t-line);
    border-radius: 999px;
    padding: 4px 14px;
    line-height: 1.6;
    white-space: nowrap;
}

.kd-tarief-label {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--kd-t-pine-dark);
}

.kd-tarief-price {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--kd-t-amber-dark);
}

.kd-tarief-price.kd-tarief-na {
    color: var(--kd-t-muted);
    font-weight: 500;
}

.kd-tarief-unit {
    font-size: 0.78rem;
    color: var(--kd-t-muted);
}