/**
 * SIMURU - Registration Wizard CSS
 */

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade {
    animation: fadeIn 0.3s ease-out forwards;
}

/* Step Container Transitions */
.wizard-step {
    transition: opacity 0.3s ease-in-out;
}

.wizard-step:not(.hidden) {
    animation: fadeIn 0.4s ease-out forwards;
}

/* Indicator Active Styling */
.step-indicator {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 4px;
    transition: all 0.3s ease;
}

.step-indicator.text-blue-600 {
    text-shadow: 0 0 1px rgba(37, 99, 235, 0.4);
}

/* Custom Checkbox/Radio overrides for better visibility */
.wizard-step input[type="radio"]:checked + div,
.wizard-step input[type="checkbox"]:checked + div {
    border-color: #3b82f6;
    background-color: #eff6ff;
}

/* Map Picker Adjustments */
#map_picker {
    z-index: 1; /* Prevent map controls overlapping native UI */
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}

/* Validation Highlights */
.input-error, .select-error, .textarea-error {
    border-color: #ef4444 !important;
    background-color: #fef2f2 !important;
}

.input-success, .select-success, .textarea-success {
    border-color: #10b981 !important;
    background-color: #ecfdf5 !important;
}

/* File Upload drag-and-drop area */
.file-drop-area {
    transition: all 0.2s ease;
}
.file-drop-area.dragover {
    background-color: #eff6ff;
    border-color: #3b82f6;
    border-style: solid;
}

/* Mobile Responsiveness adjustments */
@media (max-width: 640px) {
    .wizard-step {
        padding: 0;
    }
    
    .toast {
        bottom: 80px; /* Above mobile footer buttons */
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
    }
}