/* Payment Option Styles */
.payment-option {
    position: relative;
}

.payment-option:hover {
    border-color: var(--primary-color) !important;
    background: rgba(30, 58, 138, 0.05) !important;
}

.payment-option input[type="radio"]:checked + span {
    color: var(--primary-color);
}

.payment-option:has(input[type="radio"]:checked) {
    border-color: var(--primary-color) !important;
    background: rgba(30, 58, 138, 0.08) !important;
}

.payment-option:active {
    border-color: var(--primary-color) !important;
    background: rgba(30, 58, 138, 0.1) !important;
}

.payment-option:focus-within {
    border-color: var(--primary-color) !important;
    background: rgba(30, 58, 138, 0.05) !important;
    outline: 2px solid var(--primary-light);
    outline-offset: 2px;
}

/* Quantity Buttons */
.qty-btn:hover {
    background: var(--primary-light) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-dark) !important;
}

.qty-btn:active {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--bg-white) !important;
    transform: scale(0.95);
}

.qty-btn:focus {
    outline: 2px solid var(--primary-light);
    outline-offset: 2px;
    background: var(--primary-light) !important;
    border-color: var(--primary-color) !important;
}