/**
 * Svodnice Shipping — front office styles
 *
 * One notice component, used both in the cart and at checkout. Colours come
 * from explicit values rather than theme variables so the block reads the same
 * in the cart page and inside TheCheckout, which styles its own containers.
 *
 * @author    4WORKS Solutions
 * @copyright 2026 4WORKS Solutions
 * @license   MIT
 */

/* The slot is always in the page so the refresh script has somewhere to write.
   Empty means the cart holds no svodnice, and then it takes up no room. */
.svodnice-notice-slot:empty {
    display: none;
}

.svodnice-notice {
    margin: 1rem 0;
    padding: 0.9rem 1.1rem;
    border: 1px solid #c8d4da;
    border-left: 4px solid #12566f;
    background: #f4f8fa;
    color: #27343b;
    font-size: 0.95rem;
    line-height: 1.5;
}

.svodnice-notice--blocked {
    border-color: #e0c49c;
    border-left-color: #a25612;
    background: #fdf6ec;
}

/* Hidden until the checkout script has found a home for it, so the customer
   never sees it flash at the bottom of the page first. */
.svodnice-notice--pending {
    display: none;
}

.svodnice-notice__title {
    margin: 0 0 0.4rem;
    font-weight: 600;
}

.svodnice-notice__message {
    margin: 0;
}

.svodnice-notice__facts {
    margin: 0;
    padding: 0;
    list-style: none;
}

.svodnice-notice__facts li {
    display: flex;
    flex-wrap: wrap;
    gap: 0 0.5rem;
    padding: 0.15rem 0;
}

.svodnice-notice__label {
    color: #5b6c76;
}

.svodnice-notice__value {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.svodnice-notice__free {
    font-weight: 600;
    color: #2b6a4d;
}

.svodnice-notice__warn {
    font-weight: 600;
    color: #a25612;
}

.svodnice-notice__progress .svodnice-notice__value {
    color: #12566f;
}

.svodnice-notice__foot {
    margin: 0.5rem 0 0;
    font-size: 0.87rem;
    color: #5b6c76;
}