/* Override nút MUA NGAY: cam đậm + vàng tươi, chữ nâu đồng */
.btn-buy {
    color: #713F12 !important;
    background: #e85d00 linear-gradient(135deg, #e85d00 0%, #ffcf00 100%) !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Use the approved orange for footer contact icons. */
.footer-contact li > i {
    color: #e85d00 !important;
}

/* Use the approved orange for header hotline and email icons. */
.navbar-info > i {
    color: #e85d00 !important;
}

/* Keep the product purchase modal balanced on mobile screens. */
@media (max-width: 1100px) {
    #openModal .modal-dialog {
        width: calc(100% - 30px);
        max-width: 500px;
        margin: 80px auto 50px;
    }
}

/* Keep the purchase summary within the mobile product modal. */
@media (max-width: 767px) {
    #openModal .modal-content,
    #openModal #modalContent {
        overflow-x: hidden !important;
    }

    #openModal .purchase-info-table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        white-space: normal;
    }

    #openModal .purchase-info-table td {
        min-width: 0 !important;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    #openModal .purchase-info-table td:first-child {
        width: 48% !important;
    }

    #openModal .purchase-info-table td:last-child {
        width: 52% !important;
    }

    #openModal .purchase-info-table .product-action {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 4px;
    }

    #openModal .purchase-info-table .product-action button {
        flex: 0 0 28px !important;
        padding: 0;
    }

    #openModal .purchase-info-table .product-action button i {
        width: 28px;
        height: 32px;
        line-height: 32px;
    }

    #openModal .purchase-info-table .action-input {
        box-sizing: border-box !important;
        flex: 1 1 0 !important;
        width: 0 !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0;
        font-size: 16px;
    }

    #openModal .purchase-info-table .form-control-view-product {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding-right: 10px;
        padding-left: 10px;
    }
}