/*
 * Espace client : encart de synthese et lisibilite des montants.
 * Feuille volontairement courte : elle ne redefinit rien du theme, elle
 * n'habille que les elements ajoutes.
 */

.rn-compte {
    --rn-ink: #1a1d3e;
    --rn-muted: #61667e;
    --rn-line: #e2e5ee;
    --rn-soft: #f7f8fc;
    --rn-accent: #d8412f;

    margin: 0 0 28px;
    color: var(--rn-ink);
}

.rn-compte-titre {
    font-size: 22px;
    line-height: 1.25;
    margin: 0 0 14px;
}

.rn-compte-sous-titre {
    font-size: 15px;
    margin: 22px 0 10px;
}

/* Indicateurs */

.rn-compte-kpis {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.rn-compte-kpi {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 14px;
    background: var(--rn-soft);
    border: 1px solid var(--rn-line);
    border-radius: 10px;
}

.rn-compte-kpi span {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--rn-muted);
}

.rn-compte-kpi strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.rn-compte-kpi--avantage {
    border-color: var(--rn-accent);
    background: #fff1ee;
}

.rn-compte-kpi--avantage strong {
    font-size: 15px;
    color: var(--rn-accent);
}

/* Dernieres commandes */

.rn-compte-commandes {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid var(--rn-line);
    border-radius: 10px;
    overflow: hidden;
}

.rn-compte-commandes li + li { border-top: 1px solid var(--rn-line); }

.rn-compte-commandes a {
    display: grid;
    grid-template-columns: minmax(70px, auto) minmax(80px, auto) 1fr minmax(90px, auto);
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    text-decoration: none;
    color: inherit;
}

.rn-compte-commandes a:hover { background: var(--rn-soft); }

.rn-compte-commandes a:focus-visible {
    outline: 2px solid var(--rn-accent);
    outline-offset: -2px;
}

.rn-compte-num { font-weight: 700; }
.rn-compte-date { color: var(--rn-muted); font-size: 13px; }
.rn-compte-total { text-align: right; font-weight: 700; white-space: nowrap; }

.rn-compte-etat {
    justify-self: start;
    display: inline-block;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    background: #eef0f6;
    color: #40465f;
}

.rn-etat-completed  { background: #e6f5ec; color: #14713f; }
.rn-etat-processing { background: #e8f1fb; color: #17548f; }
.rn-etat-on-hold,
.rn-etat-pending    { background: #fdf3df; color: #8a5a00; }
.rn-etat-cancelled,
.rn-etat-failed,
.rn-etat-refunded   { background: #fdecea; color: #a5231c; }

.rn-compte-liens {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 0;
}

/* Totaux hors taxes et toutes taxes sur le panier */

.rn-panier-ht th,
.rn-panier-ht td { color: var(--rn-muted, #61667e); }

.rn-panier-ttc th,
.rn-panier-ttc td { border-top: 1px solid #e2e5ee; }

@media (max-width: 600px) {

    .rn-compte-commandes a {
        grid-template-columns: 1fr auto;
        row-gap: 4px;
    }

    .rn-compte-etat { grid-column: 1; }
    .rn-compte-total { grid-column: 2; }
}