/*
 * Presura Editorial Tokenizer (v2, Fase C/D/E)
 * ---------------------------------------------------------------
 * Overrides voor bestaande editorial-, account- en settings-klassen
 * die deze onderdelen in lijn brengen met de v2 design tokens.
 *
 * Regels:
 *   - Alleen visuele/typografische polish (kleur, radius, font, spacing).
 *   - Geen structurele layout-wijzigingen; markup blijft ongewijzigd.
 *   - Alles opt-out door dit bestand niet meer te includen (rollback).
 *   - Serif "Iowan Old Style" wordt vervangen door `--psr-font-sans`
 *     zodat het geheel "operationeel" i.p.v. "magazine" oogt.
 *
 * Zie docs/PRESURA_REDESIGN_PROPOSAL.md §Fase C/D/E.
 */

/* ---------- Editorial hero (nu psr-page-header) ---------- */

.presura-public-ui__section--hero .container-xl > .row {
    /* Als een pagina nog steeds de oude hero gebruikt: geef m'n typografie mee. */
}

/* Fallback voor pagina's die nog de oude tabler-page-hero.php gebruiken. */
.presura-public-ui__title,
.presura-public-ui__hero-card h1,
.presura-public-ui__section-header h2 {
    font-family: var(--psr-font-sans) !important;
    font-weight: var(--psr-fw-bold);
    letter-spacing: var(--psr-tracking-tight);
    color: var(--psr-color-text);
}

.presura-public-ui__eyebrow {
    color: var(--psr-color-text-muted);
    font-family: var(--psr-font-sans);
    font-size: var(--psr-fs-1);
    font-weight: var(--psr-fw-semibold);
    letter-spacing: var(--psr-tracking-caps);
    text-transform: uppercase;
}

.presura-public-ui__lead {
    color: var(--psr-color-text-muted);
    font-family: var(--psr-font-sans);
    font-size: var(--psr-fs-3);
    line-height: var(--psr-lh-normal);
}

/* Metric cards in de legacy hero: monospace-cijfers voor consistency. */
.presura-public-ui__metric-value {
    font-family: var(--psr-font-mono);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--psr-tracking-tight);
    color: var(--psr-color-text);
}

.presura-public-ui__metric-label {
    color: var(--psr-color-text-muted);
    font-size: var(--psr-fs-1);
    letter-spacing: var(--psr-tracking-caps);
    text-transform: uppercase;
}

.presura-public-ui__metric-card {
    border-radius: var(--psr-radius-md) !important;
}

/* ---------- Panel / section headers ---------- */

.presura-public-ui__section-header h2 {
    font-size: var(--psr-fs-6);
}

.presura-public-ui__section-header p {
    color: var(--psr-color-text-muted);
    font-size: var(--psr-fs-3);
}

/* Editorial cards (Tabler) — subtielere radius/border/schaduw. */
.presura-public-ui .card {
    border-radius: var(--psr-radius-md);
    border-color: var(--psr-color-border);
    box-shadow: var(--psr-shadow-1);
    backdrop-filter: none;
}

.presura-public-ui .card:hover {
    box-shadow: var(--psr-shadow-2);
}

/* ---------- Compare / forecast tables ---------- */

.presura-public-ui .table,
.presura-public-ui table {
    font-family: var(--psr-font-sans);
}

.presura-public-ui .table tbody td,
.presura-public-ui table tbody td {
    color: var(--psr-color-text);
}

.presura-public-ui .table tbody td[data-value],
.presura-public-ui .table td.presura-public-ui__num {
    font-family: var(--psr-font-mono);
    font-variant-numeric: tabular-nums;
}

/* ---------- Account pages (Fase D) ---------- */

.presura-account-card {
    border-radius: var(--psr-radius-md) !important;
    border: 1px solid var(--psr-color-border);
    background: var(--psr-color-surface);
    box-shadow: var(--psr-shadow-1);
}

.presura-account-card--single {
    background: var(--psr-color-surface);
}

.presura-account-heading {
    font-family: var(--psr-font-sans);
    color: var(--psr-color-text);
}

.presura-account-heading > p {
    color: var(--psr-color-text-muted);
    font-size: var(--psr-fs-3);
}

.presura-account-eyebrow {
    color: var(--psr-color-text-muted);
    font-size: var(--psr-fs-1);
    letter-spacing: var(--psr-tracking-caps);
    text-transform: uppercase;
}

.presura-account-details dt {
    color: var(--psr-color-text-muted);
    font-size: var(--psr-fs-1);
    letter-spacing: var(--psr-tracking-caps);
    text-transform: uppercase;
}

.presura-account-details dd {
    color: var(--psr-color-text);
    font-family: var(--psr-font-sans);
}

.presura-account-location-card {
    border-radius: var(--psr-radius-md);
    border-color: var(--psr-color-border);
}

.presura-account-location-tools__map {
    border-radius: var(--psr-radius-md);
}

/* ---------- Settings page (Fase D) ---------- */

.presura-settings-card,
.presura-settings-section {
    border-radius: var(--psr-radius-md) !important;
    border-color: var(--psr-color-border) !important;
}

.presura-settings-eyebrow,
.presura-settings-label {
    color: var(--psr-color-text-muted);
    font-size: var(--psr-fs-1);
    letter-spacing: var(--psr-tracking-caps);
    text-transform: uppercase;
}

/* ---------- Weather-photos (Fase D) ---------- */

.presura-weather-photos-card,
.presura-photos-card {
    border-radius: var(--psr-radius-md);
    border-color: var(--psr-color-border);
}

/* ---------- Content/utility pages (Fase E) ---------- */

/* Alles komt gratis mee via bovenstaande selectors — geen extra regels nodig. */

/* ---------- Dark thema kleur-parity (herbevestigt tokens onder .presura-public-ui) ---------- */

body[data-theme="night"] .presura-public-ui .card {
    background: var(--psr-color-surface);
    border-color: var(--psr-color-border);
    color: var(--psr-color-text);
}

body[data-theme="night"] .presura-public-ui__title,
body[data-theme="night"] .presura-public-ui__section-header h2 {
    color: var(--psr-color-text);
}

body[data-theme="night"] .presura-account-card,
body[data-theme="night"] .presura-settings-card {
    background: var(--psr-color-surface);
    color: var(--psr-color-text);
    border-color: var(--psr-color-border);
}