/************************************
*       Contact Page
************************************/
.contact-type-card {
    cursor: pointer;
    transition: transform .15s ease, border-color .2s ease,
                box-shadow .15s ease, background-color .2s ease;
    border-color: #dee2e6 !important;
}
.contact-type-card:hover {
    transform: translateY(-4px);
    border-color: #6b7280 !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
}
.contact-type-card.selected {
    border-color: #0d6efd !important;
    background-color: #f0f6ff !important;
    box-shadow: 0 4px 14px rgba(13,110,253,.25) !important;
    transform: translateY(-4px);
}
.contact-type-icon { font-size: 2rem; line-height: 1; }
.contact-type-label { font-size: .8rem; }
@media(max-width:575px) {
    .contact-type-icon { font-size: 1.3rem; }
    .contact-type-label { font-size: .62rem; }
    .contact-type-label .text-muted { display: none; }
}

/* ── État d'erreur : chaque carte vire au rouge ── */
#contact-type-cards.cards-error .contact-type-card {
    border-color: #dc3545 !important;
    background-color: #fff5f5 !important;
    box-shadow: 0 0 0 1px rgba(220,53,69,.35) !important;
}
#contact-type-error {
    /* display est géré exclusivement par le JS via setAttribute('style', ...) */
    font-size: .9rem;
    font-weight: 500;
}

/* ── Dark mode ── */
[data-bs-theme="dark"] .contact-type-card {
    border-color: var(--hs-border) !important;
    background-color: var(--hs-card-bg);
}
[data-bs-theme="dark"] .contact-type-card:hover {
    border-color: #8b949e !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.3) !important;
}
[data-bs-theme="dark"] .contact-type-card.selected {
    border-color: #4a8fe7 !important;
    background-color: #1e3a5f !important;
    box-shadow: 0 4px 14px rgba(74,143,231,.3) !important;
}
[data-bs-theme="dark"] #contact-type-cards.cards-error .contact-type-card {
    border-color: #f48898 !important;
    background-color: #2c1215 !important;
    box-shadow: 0 0 0 1px rgba(244,136,152,.4) !important;
}