/**
 * Front-end styles for the franco-de-port (free shipping) communication.
 *
 * @package VinsTappe_Custom
 */

/* Shop archive banner */
.vinstappe-franco-banner {
    margin: 1.5em 0;
    padding: 0.75em 1.25em;
    background: #f6f1e7;
    border: 1px solid #d9c9a3;
    border-radius: 4px;
    color: #5a4326;
    font-weight: 600;
    text-align: center;
}

/* Single product mention near the price */
.vinstappe-franco-mention {
    margin: 0.5em 0 1em;
    padding: 0.4em 0.75em;
    background: #f6f1e7;
    border-left: 3px solid #b8964f;
    border-radius: 2px;
    color: #5a4326;
    font-size: 0.9em;
    font-weight: 600;
}

/* Cart / checkout progress notice */
.vinstappe-free-shipping-progress-root:not(:empty) {
    margin: 1em 0 1.5em;
}

.vinstappe-free-shipping-progress {
    margin: 0 0 1.5em;
    padding: 1em 1.25em;
    background: #f6f1e7;
    border: 1px solid #d9c9a3;
    border-radius: 4px;
}

.vinstappe-free-shipping-progress.is-reached {
    background: #e7f3e7;
    border-color: #a9d3a9;
}

.vinstappe-free-shipping-progress__text {
    margin: 0 0 0.6em;
    color: #5a4326;
    font-weight: 600;
    text-align: center;
}

.vinstappe-free-shipping-progress.is-reached .vinstappe-free-shipping-progress__text {
    color: #2f6f2f;
}

.vinstappe-free-shipping-progress__bar {
    position: relative;
    height: 10px;
    background: #e4dbc8;
    border-radius: 5px;
    overflow: hidden;
}

.vinstappe-free-shipping-progress__bar span {
    display: block;
    height: 100%;
    background: #b8964f;
    border-radius: 5px;
    transition: width 0.4s ease;
}

.vinstappe-free-shipping-progress.is-reached .vinstappe-free-shipping-progress__bar span {
    background: #57a957;
}

/* Rate table (also used on the "Livraison" page via the shortcode) */
.vinstappe-shipping-table {
    width: 100%;
    margin: 0 0 1em;
    border-collapse: collapse;
}

.vinstappe-shipping-table th,
.vinstappe-shipping-table td {
    padding: 0.6em 0.9em;
    border: 1px solid #e0d7c4;
    text-align: left;
}

.vinstappe-shipping-table thead th {
    background: #f6f1e7;
    color: #5a4326;
}

.vinstappe-shipping-table .vinstappe-rate-free td {
    background: #e7f3e7;
    color: #2f6f2f;
    font-weight: 700;
}

.vinstappe-shipping-note {
    font-size: 0.9em;
    font-style: italic;
    color: #6b6b6b;
}