/* 
   Standalone CSS for Guidance Page 
   Complementing Tailwind Classes
*/

/* Smooth Scrolling for Terms Box */
.terms-scroll-box {
    scrollbar-width: thin;
    scrollbar-color: #6C4AB6 #F3F4F6;
}

.terms-scroll-box::-webkit-scrollbar {
    width: 6px;
}

.terms-scroll-box::-webkit-scrollbar-track {
    background: #F3F4F6;
}

.terms-scroll-box::-webkit-scrollbar-thumb {
    background-color: #6C4AB6;
    border-radius: 20px;
}

/* Checkbox Customization */
input[type="checkbox"] {
    accent-color: #6C4AB6;
}

/* Block interactions when overlay is active */
#paymentBlocker {
    cursor: not-allowed;
    backdrop-filter: blur(2px);
}

/* Focus states for accessibility */
input:focus, select:focus {
    outline: none;
    border-color: #6C4AB6;
    box-shadow: 0 0 0 3px rgba(108, 74, 182, 0.1);
}

/* Loader Animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}