/**
 * Sweets Website
 * =============================================================
 * File: checkout-v2.css
 * Description: High-end Payment/Checkout Layout (V2)
 * =============================================================
 */

.c-checkout-v2 {
    background-color: #fdfaf7;
    min-height: 100vh;
}

.c-card-v2 {
    background: #fff;
    border: 1px solid #d67a1844;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.text-maroon {
    color: #7b1d1d;
}

/* Left Column Styles */
.c-payable-v2 .amount-main {
    font-size: 2.25rem;
    font-weight: 800;
}

.c-payable-v2 .amount-strike {
    font-size: 1.1rem;
    text-decoration: line-through;
    color: #999;
}

.c-savings-tag {
    color: #d67a18;
    background: #fffdfb;
    border: 1px solid #d67a1822;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.9rem;
}

.c-coupon-v2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fffdfb;
    border: 1px solid #d67a1833;
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.btn-apply-v2 {
    background: transparent;
    border: 1.5px solid #7b1d1d;
    color: #7b1d1d;
    font-weight: 700;
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    transition: all 0.2s;
}

.btn-apply-v2:hover {
    background: #7b1d1d;
    color: #fff;
}

/* Right Column Styles */
.c-checkout-v2__title {
    font-size: 2.5rem;
    font-weight: 800;
    color: #7b1d1d;
    margin-bottom: 2rem;
}

.c-payment-row-v2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid #d67a1844;
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    cursor: pointer;
}

.c-payment-row-v2.recommended {
    border-color: #d67a18;
}

.btn-recommended-tag {
    background: #fff;
    border: 1.5px solid #7b1d1d;
    color: #7b1d1d;
    font-weight: 800;
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
}

/* UPI Section Expanded */
.c-upi-section-v2 {
    border: 1.5px solid #d67a18;
    border-radius: 12px;
    padding: 1.5rem;
    background: #fff;
    margin-bottom: 1.5rem;
}

.c-upi-method-tab {
    cursor: pointer;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.c-upi-method-tab input[type="radio"] {
    accent-color: #d67a18;
}

.input-v2 {
    border: 1.5px solid #ccc;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    width: 100%;
}

.btn-verify-v2 {
    background: transparent;
    border: 1.5px solid #7b1d1d;
    color: #7b1d1d;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
}

.btn-pay-v2 {
    background: #9d4200;
    color: #fff;
    border: none;
    width: 100%;
    padding: 1rem;
    font-weight: 800;
    font-size: 1.1rem;
    border-radius: 8px;
    margin-top: 1rem;
    transition: background 0.2s;
}

.btn-pay-v2:hover {
    background: #7b3300;
}

.c-security-v2 {
    text-align: center;
    color: #9d4200;
    font-weight: 700;
    font-size: 0.9rem;
}

.c-security-v2 i {
    font-size: 1.2rem;
}