/* public/app/css/offers-zip-blocks.css
 * Synopsis: Séparation visuelle des trois blocs ZIP.
 * Objectif: Bandes thématiques sobres dans les tons page.
 */

.offers-zip-blocks {
    display: grid;
    gap: .85rem;
}

.offers-zip-block {
    border: 1px solid color-mix(in srgb, currentColor 28%, transparent);
    border-radius: .7rem;
    padding: .7rem .75rem .55rem;
}

.offers-zip-block--takes {
    background: color-mix(in srgb, var(--cold) 14%, transparent);
    border-color: color-mix(in srgb, var(--cold) 38%, transparent);
}

.offers-zip-block--takes .offers-zip-caption {
    color: color-mix(in srgb, var(--cold) 35%, var(--ink));
}

.offers-zip-block--global {
    background: color-mix(in srgb, var(--acid) 14%, transparent);
    border-color: color-mix(in srgb, var(--acid) 40%, transparent);
}

.offers-zip-block--global .offers-zip-caption {
    color: color-mix(in srgb, var(--acid) 42%, var(--ink));
}

.offers-zip-block--tts {
    background: color-mix(in srgb, var(--signal) 12%, transparent);
    border-color: color-mix(in srgb, var(--signal) 34%, transparent);
}

.offers-zip-block--tts .offers-zip-caption {
    color: color-mix(in srgb, var(--signal) 38%, var(--ink));
}

.offers-zip-block .offers-zip-table thead th {
    background: color-mix(in srgb, currentColor 5%, transparent);
}

.offers-zip-block .offers-zip-table tbody tr:last-child th,
.offers-zip-block .offers-zip-table tbody tr:last-child td {
    border-bottom: 0;
}