/**
 * Modal Styles for TLC PTO Theme
 * Minimal enhancements to work with your existing design system
 */

/* Modal Close Button Hover */
.modal-close:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: var(--text-primary) !important;
}

/* Mobile Responsive Adjustments */
@media (max-width: 640px) {
    .site-modal {
        padding: 0.5rem !important;
    }
    
    .modal-content {
        max-width: 100% !important;
        margin: 0 !important;
    }
    
    .modal-header {
        padding: 1.5rem 1.5rem 1rem 1.5rem !important;
    }
    
    .modal-body {
        padding: 1rem 1.5rem !important;
    }
    
    .modal-footer {
        padding: 1rem 1.5rem 1.5rem 1.5rem !important;
    }
    
    .modal-title {
        font-size: 1.25rem !important;
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .modal-content {
        transition: none !important;
    }
}