:root {
    --hotshot-tariff-red: #ff0000;
}

/*
 * The stylesheet is loaded on eligible product pages only, so these selectors
 * safely recover the space used by WooCommerce/Flatsome's ordinary price.
 */
.single-product .summary.entry-summary > p.price,
.single-product .summary.entry-summary > .price,
.single-product .product-info .price-wrapper,
.single-product .product-info .product-page-price {
    display: none !important;
}

.hotshot-tariff-preview {
    box-sizing: border-box;
    margin: 0.7rem 0;
    padding: 0.72rem 0.9rem;
    border: 1px solid #d7dce1;
    border-radius: 6px;
    background: #f8fafb;
    font-size: 0.94em;
    line-height: 1.28;
}

.hotshot-tariff-preview *,
.hotshot-tariff-preview *::before,
.hotshot-tariff-preview *::after {
    box-sizing: border-box;
}

.hotshot-tariff-preview__title {
    margin: 0 0 0.35rem;
    font-size: 1.12em;
    line-height: 1.2;
}

.hotshot-tariff-preview__waiting {
    margin-top: 0.3rem;
    color: #59636e;
}

.hotshot-tariff-preview__details[hidden],
.hotshot-tariff-preview__waiting[hidden] {
    display: none !important;
}

.hotshot-tariff-preview__row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.18rem 0;
    border-bottom: 1px solid #e3e7eb;
    line-height: 1.25;
}

.hotshot-tariff-preview__row strong {
    flex: 0 0 auto;
    white-space: nowrap;
    text-align: right;
}


.hotshot-tariff-preview__row--subtotal {
    font-weight: 600;
}

.hotshot-tariff-preview__row--total {
    margin-top: 0.1rem;
    padding-top: 0.35rem;
    border-top: 2px solid #434b54;
    border-bottom: 0;
    font-size: 1.06em;
}

.hotshot-tariff-preview__note {
    margin: 0.35rem 0 0;
    color: #68727c;
    font-size: 0.86em;
    line-height: 1.3;
}

.hotshot-tariff-message {
    margin: 0.28rem 0 0.55rem;
    color: var(--hotshot-tariff-red);
    font-size: 0.94em;
    line-height: 1.35;
}

.hotshot-tariff-message strong {
    color: inherit;
    font-weight: 700;
}

.hotshot-tariff-message a {
    color: var(--hotshot-tariff-red);
    font-weight: 700;
    text-decoration: underline;
}

.hotshot-tariff-message--cart {
    margin: 0 0 0.75rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #e6b8b8;
    border-radius: 4px;
    background: #fff7f7;
}

.hotshot-tariff-message--checkout {
    margin: 0;
}

.hotshot-tariff-checkout-notice td {
    padding-top: 0.65rem !important;
    padding-bottom: 0.65rem !important;
}

.woocommerce-cart .variation dt,
.woocommerce-checkout .variation dt {
    font-weight: 600;
}




/*
 * Version 3.2.4: only the explanatory tariff notice/link uses the plugin red.
 * Discount amounts, tariff line amounts and tariff fee totals inherit the
 * normal WooCommerce/Flatsome text styling.
 */

@media (max-width: 480px) {
    .hotshot-tariff-preview__row {
        align-items: flex-start;
        gap: 0.55rem;
    }

    .hotshot-tariff-preview {
        padding: 0.65rem 0.7rem;
    }
}