/* tobewebtoTaxfree — default front-end styles
   These are intentionally minimal: all colours / sizes can be overridden
   via the Creative Elements style panel. */

.tobeweb-taxfree-wrapper {
    display: inline-block;
    line-height: 1.3;
}

.tobeweb-taxfree__row {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

/* Badge */
.tobeweb-taxfree__badge {
    display: inline-block;
    background-color: #2e7d32;
    color: #ffffff;
    font-size: 0.72em;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 4px;
    vertical-align: middle;
    white-space: nowrap;
}

/* Price */
.tobeweb-taxfree__price-wrap {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

.tobeweb-taxfree__prefix {
    font-size: 0.85em;
    opacity: 0.75;
}

.tobeweb-taxfree__price {
    font-size: 1.4em;
    font-weight: 700;
    color: #111111;
    white-space: nowrap;
}