.tutor-checkout-page {
    --tutor-color-primary: #9fef00;
    --tutor-color-primary-hover: #bcf548;
    --tutor-color-secondary: #b7cbe5;
    --tutor-color-black: #edf5ff;
    color: #d4e3f8;
    font-family: 'Ubuntu Sans', Arial, sans-serif;
}

body.ocsalya-commerce-page .site-content .tutor-checkout-page {
    background: #0b121e !important;
    border-radius: 0;
    padding: 0;
}

.tutor-checkout-page > .tutor-container {
    width: min(100%, 1120px);
    padding: clamp(24px, 4vw, 52px) 16px clamp(36px, 5vw, 64px);
}

.tutor-checkout-page #tutor-checkout-form > .tutor-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 3vw, 28px);
    align-items: start;
    margin: 0;
}

.tutor-checkout-page #tutor-checkout-form > .tutor-row > div {
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.tutor-checkout-page :is(.tutor-checkout-details-inner, .tutor-checkout-billing-inner) {
    background: #101b2b !important;
    border: 1px solid #30445e;
    border-radius: 14px !important;
    box-shadow: none;
    color: #c4d5ec;
    padding: clamp(18px, 3vw, 28px);
}

.tutor-checkout-page :is(h5, .tutor-checkout-course-title, .tutor-checkout-grand-total) {
    color: #edf5ff;
    font-family: 'Ubuntu Sans', Arial, sans-serif;
    font-weight: 700;
}

.tutor-checkout-page h5 { font-size: 19px; line-height: 1.3; }
.tutor-checkout-page .tutor-checkout-details-inner :is(.tutor-border-bottom, .tutor-checkout-detail-item) { border-color: #2b3d55 !important; }
.tutor-checkout-page .tutor-checkout-summary-item { gap: 12px; }
.tutor-checkout-page .tutor-checkout-grand-total { font-size: 23px; }
.tutor-checkout-page :is(.tutor-checkout-discount-price, .tutor-color-muted) { color: #a7b8ce; }

.tutor-checkout-page .tutor-billing-fields > .tutor-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
}

.tutor-checkout-page .tutor-billing-fields > .tutor-row > div {
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.tutor-checkout-page .tutor-billing-fields > .tutor-row > :not(.tutor-col-sm-6) { grid-column: 1 / -1; }
.tutor-checkout-page .tutor-billing-fields .tutor-mb-16 { margin-bottom: 0; }
.tutor-checkout-page .tutor-billing-fields .tutor-form-label { display: block !important; font-size: 14px; font-weight: 600; margin-bottom: 6px; }

.tutor-checkout-page :is(input.tutor-form-control, select.tutor-form-control),
.tutor-checkout-page .tutor-apply-coupon-form input {
    background: #0c1523 !important;
    color: #e6f0fd !important;
    border: 1px solid #3a506d !important;
    border-radius: 7px !important;
    min-height: 44px;
    font-size: 16px;
}

.tutor-checkout-page input::placeholder { color: #a0b5d2; opacity: 1; }
.tutor-checkout-page :is(a, input, select, button):focus-visible { outline: 2px solid #b5f33e; outline-offset: 3px; }
.tutor-checkout-page #tutor-toggle-coupon-button { color: #c4ea94; text-transform: none; letter-spacing: 0; }
.tutor-checkout-page .tutor-checkout-payment-options { margin-bottom: 8px; }

.tutor-checkout-page .tutor-checkout-payment-options .tutor-checkout-payment-item {
    background: #0c1523 !important;
    border: 1px solid #3a506d !important;
    border-radius: 8px !important;
    padding: 14px;
}

.tutor-checkout-page .tutor-checkout-payment-options .tutor-checkout-payment-item:has(:checked) {
    border-color: #789f42 !important;
    background: #192a2a !important;
}
.tutor-checkout-page .tutor-payment-item-content { color: #edf5ff; }
.tutor-checkout-page .tutor-payment-item-content:has(.ocsalya-checkout-test-note) { display: block; }
.tutor-checkout-page .ocsalya-checkout-test-note { color: #b7cbe5; display: block; font-size: 13px; font-weight: 400; }
.tutor-checkout-page .tutor-alert { border-radius: 8px; }
.tutor-checkout-page .tutor-alert.tutor-warning { background: #382c1e; color: #ffdfa8; border-color: #81633c; }
.tutor-checkout-page .tutor-alert.tutor-danger { background: #36232d; border-color: #775058; }
.tutor-checkout-page .tutor-alert.tutor-danger .tutor-color-danger { color: #ffced2; }
.tutor-checkout-page #tutor-checkout-pay-now-button { min-height: 48px; }
.tutor-checkout-page #tutor-checkout-pay-now-button:disabled { opacity: .55; cursor: not-allowed; }

@media (max-width: 767px) {
    .tutor-checkout-page #tutor-checkout-form > .tutor-row { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 420px) {
    .tutor-checkout-page .tutor-billing-fields > .tutor-row { grid-template-columns: minmax(0, 1fr); }
}