/**
 * Annuaire Praticiens Page Styles
 * Additional styling and hover effects for practitioners directory
 */

/* ==========================================================================
   Praticien Cards
   ========================================================================== */

.praticien-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 60px rgba(146, 77, 64, 0.25) !important;
}

.praticien-card a:hover {
    color: #924D40 !important;
}

.praticien-card a[href^="mailto:"]:hover,
.praticien-card a[href^="tel:"]:hover,
.praticien-card a[href^="http"]:hover {
    color: #924D40 !important;
    text-decoration: underline;
}

.praticien-card a[style*="background"]:hover {
    background: linear-gradient(135deg, #924D40, #C09144) !important;
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(192, 145, 68, 0.4) !important;
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

@media (max-width: 1024px) {
    .praticiens-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
        gap: 2rem !important;
    }
}

@media (max-width: 768px) {
    .praticiens-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .praticien-photo {
        height: 280px !important;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 3rem !important;
    }

    h2 {
        font-size: 2rem !important;
    }

    .praticien-photo {
        height: 250px !important;
    }
}