/*
 * Custom CSS for Haunia Saude
 * All Bootstrap classes should be sufficient for the layout,
 * but this file allows for specific branding and overrides.
 */

/* Custom color variables are defined in header.php for easy PHP access */

/* Focus state for accessibility */
.form-control:focus, .btn:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25); /* Focus effect using the haunia-primary color */
    border-color: #007bff;
}

/* Ensure the main container grows to fill the viewport height */
html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}
main {
    flex: 1 0 auto;
}

/* Dashboard specific styling */
.dashboard-card {
    transition: transform 0.2s, box-shadow 0.2s;
}
.dashboard-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.15) !important;
}

/* Mobile adjustments for forms */
@media (max-width: 576px) {
    .p-md-5 {
        padding: 1.5rem !important;
    }
}