/**
 * PlaidCars — charging shortcodes (C1 / CH-2; EVC-P0 2026-09-28). Brand tokens only
 * (brand-tokens.css + uae-system.css), fallbacks for the rare page without them.
 * Mobile-first; the map height is fixed in CSS so there's no CLS when Leaflet mounts.
 */
.pc-chg-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 16px 0 4px; }
@media (min-width: 600px) { .pc-chg-stats { grid-template-columns: repeat(4, 1fr); } }
.pc-chg-stat {
    background: var(--pc-surface-soft, #f2f5f7);
    border: 1px solid var(--pc-line, #e5e5e5);
    border-radius: var(--pc-radius, 6px);
    padding: 14px 12px;
    text-align: center;
}
.pc-chg-stat__n {
    display: block;
    font-family: var(--pc-font-num, "Saira Semi Condensed", system-ui, sans-serif);
    font-size: clamp(22px, 5vw, 30px);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--pc-charcoal, #161616);
}
.pc-chg-stat__l { display: block; font-size: 12px; color: var(--pc-muted, #777); margin-top: 3px; }
.pc-chg-stats__note,
.pc-chg-asof { font-size: 12px; line-height: 1.5; color: var(--pc-muted, #777); margin: 6px 0 0; }

.pc-chg-map {
    height: clamp(360px, 60vh, 560px);
    width: 100%;
    border-radius: var(--pc-radius, 6px);
    overflow: hidden;
}
.pc-chg-map-fallback a { color: var(--pc-red, #990000); font-weight: 600; }

/* The one tariff table and the per-100 km table (charging-tariffs.php). */
.pc-chg-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 12px 0 8px; }
.pc-chg-tariffs,
.pc-chg-cost { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.4; }
.pc-chg-tariffs th,
.pc-chg-tariffs td,
.pc-chg-cost th,
.pc-chg-cost td { padding: 8px 10px; border-bottom: 1px solid var(--pc-line, #e5e5e5); text-align: left; vertical-align: top; }
.pc-chg-tariffs thead th,
.pc-chg-cost thead th { font-size: 12px; font-weight: 600; color: var(--pc-muted, #777); border-bottom-color: var(--pc-line-strong, #d5d5d5); }
.pc-chg-tariffs tbody th,
.pc-chg-cost tbody th { font-weight: 600; color: var(--pc-charcoal, #161616); }
.pc-chg-tariffs__where,
.pc-chg-cost__rate { display: block; font-weight: 400; font-size: 12px; color: var(--pc-muted, #777); }
.pc-chg-tariffs__note td { font-size: 12px; color: var(--pc-muted, #777); padding-top: 0; }
.pc-chg-tariffs tr:has(+ .pc-chg-tariffs__note) > * { border-bottom: 0; }
.pc-chg-tariffs .pc-num,
.pc-chg-cost .pc-num { font-family: var(--pc-font-num, "Saira Semi Condensed", system-ui, sans-serif); font-variant-numeric: tabular-nums; }
.pc-chg-tariffs a { color: var(--pc-charcoal, #161616); }
@media (max-width: 600px) {
    .pc-chg-tariffs,
    .pc-chg-cost { font-size: 13px; }
    .pc-chg-tariffs th,
    .pc-chg-tariffs td,
    .pc-chg-cost th,
    .pc-chg-cost td { padding: 6px 8px; }
}