/* ============================================================
   CST Promotions — Simple text + Mobile responsive
   File: cartridge/static/default/css/product/cst-promotions.css
   ============================================================ */

/* ── Promotions Container ── */
.cst-promotions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
}

/* ── Individual Promotion Item ── */
.cst-promo-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 0 !important;
}

/* ── Promotion Icon ── */
.cst-promo-icon {
    flex-shrink: 0 !important;
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #dc2626 !important;
    margin-top: 2px !important;
}

.cst-promo-icon svg {
    width: 18px !important;
    height: 18px !important;
}

/* ── Promotion Text (UPDATED: Bigger & Bolder) ── */
.cst-promo-text {
    flex: 1 !important;
    min-width: 0 !important;
    font-size: 16px !important;
    color: #dc2626 !important;
    line-height: 1.5 !important;
    font-weight: 800 !important;
}

.cst-promo-subtext {
    display: block !important;
    font-size: 12px !important;
    color: #666 !important;
    font-weight: 400 !important;
    margin-top: 2px !important;
}

/* ── RED THEME BUTTONS ── */

/* Add to Cart Button - Red theme */
.cst-pdp__addtocart .add-to-cart,
.cst-pdp__addtocart .btn-primary {
    width: 100% !important;
    padding: 13px !important;
    font-size: 15px !important;
    border-radius: 24px !important;
    background-color: #dc2626 !important;
    border: 1px solid #b91c1c !important;
    color: #fff !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    transition: background-color 0.15s ease, box-shadow 0.15s ease !important;
    box-shadow: 0 2px 6px rgba(220, 38, 38, 0.3) !important;
    letter-spacing: 0.01em !important;
}

.cst-pdp__addtocart .add-to-cart:hover,
.cst-pdp__addtocart .btn-primary:hover {
    background-color: #b91c1c !important;
    box-shadow: 0 3px 10px rgba(220, 38, 38, 0.4) !important;
    color: #fff !important;
}

/* Buy Now Button - Darker red */
.cst-buy-now,
button.cst-buy-now {
    display: block !important;
    width: 100% !important;
    padding: 13px !important;
    font-size: 15px !important;
    border-radius: 24px !important;
    background-color: #991b1b !important;
    border: 1px solid #7f1d1d !important;
    color: #fff !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease, box-shadow 0.15s ease !important;
    box-shadow: 0 2px 6px rgba(153, 27, 27, 0.3) !important;
    text-decoration: none !important;
    text-align: center !important;
    line-height: 1.4 !important;
}

.cst-buy-now:hover:not(:disabled),
button.cst-buy-now:hover:not(:disabled) {
    background-color: #7f1d1d !important;
    box-shadow: 0 3px 10px rgba(153, 27, 27, 0.4) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.cst-buy-now:disabled,
button.cst-buy-now:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

/* ── Mobile adjustments ── */
@media (max-width: 575px) {
    .cst-promo-text {
        font-size: 14px !important;
    }

    .cst-promo-subtext {
        font-size: 11px !important;
    }

    .cst-promo-icon {
        width: 16px !important;
        height: 16px !important;
    }

    .cst-promo-icon svg {
        width: 16px !important;
        height: 16px !important;
    }
}

/* ── Hide promotions in cart box ── */
.cst-pdp__cart-promotions {
    display: none !important;
}

/* ── Clean up old dropdown styles ── */
.cst-pdp__promotions .collapsible-xl,
.cst-pdp__cart-promotions .collapsible-xl,
.cst-pdp__promotions .row.collapsible-xl,
.cst-pdp__cart-promotions .row.collapsible-xl {
    display: none !important;
}