/* =======================================================================
   Electricity Tariffs – App-specific styles
   Global element spacing comes from /css/40-typography.css.
   Component spacing comes from /css/30-components.css.
   All colours are declared as variables in /css/10-variables.css.
   This file covers only patterns unique to this app.
   ======================================================================= */


/* ===================================================================== */
/*  TARIFF LIST  (all-tariffs page: simple link list per supplier)        */
/* ===================================================================== */

.kw-tariffs-list {
    list-style: none;
    padding-left: 0;
    margin: 0 0 var(--space-md);
}

.kw-tariffs-list-item {
    padding: var(--space-sm) 0;
}

.kw-tariffs-list-item a {
    text-decoration: none;
    transition: color var(--ease-fast);
}

.kw-tariffs-list-item a:hover {
    text-decoration: underline;
}

.kw-tariffs-link-symbol {
    font-size: 0.8em;
    margin-left: 2px;
    opacity: 0.7;
}


/* ===================================================================== */
/*  OLD / UNAVAILABLE TARIFF INDICATORS                                   */
/* ===================================================================== */

.kw-tariffs-old-tariff {
    border-left: 4px solid var(--kw-red);
}


/* ===================================================================== */
/*  SUPPLIER PAGE: TARIFF CARDS  (grid of cards on supplier-tariffs)      */
/* ===================================================================== */

.kw-tariffs-card-unavailable-banner {
    background-color: var(--kw-red-tint);
    padding: var(--space-sm) var(--space-md);
    margin: calc(-1 * var(--space-md)) calc(-1 * var(--space-md)) var(--space-md) calc(-1 * var(--space-md));
    text-align: center;
    font-weight: 700;
    font-size: 0.9em;
    border-bottom: 1px solid var(--kw-red);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.kw-tariffs-card-old {
    opacity: 0.8;
    border-left: 4px solid var(--kw-red);
}

/* "Previously Available" section header — needs top breathing room */
.et-old-section-header {
    margin-top: var(--space-lg);
}


/* Inline label prefix in tariff detail rows (e.g. "Meter:", "Contract:") */
.et-detail-label {
    font-weight: 500;
    margin-right: var(--space-xs);
}

/* Details grid inside supplier card */
.et-details-grid {
    gap: var(--space-sm);
}


/* ===================================================================== */
/*  SINGLE TARIFF PAGE                                                    */
/* ===================================================================== */


/* Key details list */
.kw-tariffs-key-details {
    list-style: none;
    padding-left: 0;
    margin-bottom: var(--space-lg);
}

.kw-tariffs-key-details li {
    padding: var(--space-sm) 0;
    font-size: 1.05em;
    border-bottom: 1px dotted var(--grey-border);
}

.kw-tariffs-key-details li:last-child {
    border-bottom: none;
}

.kw-tariffs-key-details li strong {
    margin-right: var(--space-sm);
}

/* Dynamic tariff highlight rows */
.kw-tariffs-dynamic-row {
    background-color: var(--kw-amber-tint);
    font-style: italic;
}

/* VAT note below rates table */
.et-vat-note {
    margin-top: var(--space-md);
}

/* Back-to-list nav row */
.et-back-nav {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg);
}