/*
 * Thin site-wide promo bar announcing the free-shipping threshold.
 * Sits above the (non-sticky) LiveCanvas header via wp_body_open.
 * Brand blue against the theme's bg-dark navbar.
 *
 * Uppercasing is done here rather than in the PHP strings so the Polylang
 * String translations stay in natural case and readable.
 */
.scw-shipbar {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #01549f;
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.35rem 1rem;
    text-align: center;
    position: relative;
    z-index: 3;
}

.scw-shipbar-inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
}

/* The bar is flex-centred, so the icon is free to be the tallest item without
   the text drifting off-centre. 1.45em against 11px puts it at ~16px. */
.scw-shipbar svg {
    width: 1.45em;
    height: 1.45em;
    flex: 0 0 auto;
    display: block;
}

.scw-shipbar-text {
    display: block;
}

@media (max-width: 575.98px) {
    .scw-shipbar {
        font-size: 0.625rem;
        letter-spacing: 0.06em;
        padding: 0.3rem 0.75rem;
    }
    .scw-shipbar-inner {
        gap: 0.45rem;
    }
}

@media print {
    .scw-shipbar {
        display: none;
    }
}