/* ============================================================
   JESA Annuaire — CSS Fiche Détail
   ============================================================ */
.jann-detail-wrap{max-width:900px;margin:0 auto;padding:30px 20px 60px;}

/* Fil d'ariane */
.jann-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.83rem;color:#9ca3af;margin-bottom:24px;flex-wrap:wrap;}
.jann-breadcrumb a{color:#2563eb;text-decoration:none;}
.jann-breadcrumb a:hover{text-decoration:underline;}

/* Card principale */
.jann-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;}

/* En-tête */
.jann-detail-header{display:flex;gap:24px;align-items:flex-start;padding:32px;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;}
.jann-detail-logo{width:100px;height:100px;border-radius:14px;overflow:hidden;flex-shrink:0;border:1px solid #f3f4f6;}
.jann-detail-logo img{width:100%;height:100%;object-fit:contain;}
.jann-detail-logo.jann-logo-placeholder{background:#eff6ff;display:flex;align-items:center;justify-content:center;}
.jann-detail-logo.jann-logo-placeholder span{font-size:2.2rem;font-weight:800;color:#2563eb;text-transform:uppercase;}
.jann-detail-header-info{flex:1;}
.jann-detail-title{font-size:1.8rem;font-weight:800;color:#111827;margin:8px 0 12px;line-height:1.2;}
.jann-detail-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.jann-detail-socials{display:flex;gap:8px;flex-wrap:wrap;}
.jann-social-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;text-decoration:none;font-size:.82rem;font-weight:600;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;transition:all .2s;}
.jann-social-btn:hover{background:#e5e7eb;}
.jann-social-fb{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
.jann-social-ig{background:#fdf2f8;color:#9d174d;border-color:#fbcfe8;}
.jann-social-yt{background:#fff5f5;color:#c53030;border-color:#feb2b2;}

/* Body */
.jann-detail-body{padding:32px;}
.jann-detail-section{margin-bottom:28px;}
.jann-detail-section h2{font-size:1rem;font-weight:700;color:#1d2327;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid #eff6ff;}
.jann-detail-content{font-size:.95rem;color:#374151;line-height:1.8;}
.jann-detail-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;}

/* Liste infos */
.jann-detail-list{list-style:none;padding:0;margin:0 0 16px;}
.jann-detail-list li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #f9fafb;font-size:.88rem;}
.jann-detail-list li:last-child{border:none;}
.jann-detail-list .jann-info-icon{font-size:1.1rem;flex-shrink:0;width:24px;text-align:center;}
.jann-detail-list strong{display:block;color:#6b7280;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;}
.jann-detail-list a{color:#2563eb;text-decoration:none;}
.jann-detail-list a:hover{text-decoration:underline;}

/* Boutons */
.jann-btn-contact{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:#2563eb;color:#fff;border-radius:8px;text-decoration:none;font-weight:700;font-size:.9rem;transition:background .2s;}
.jann-btn-contact:hover{background:#1d4ed8;}

/* Footer */
.jann-detail-footer{padding:20px 32px;border-top:1px solid #f3f4f6;background:#f9fafb;}
.jann-btn-back{display:inline-flex;align-items:center;gap:6px;color:#6b7280;text-decoration:none;font-size:.88rem;font-weight:600;transition:color .2s;}
.jann-btn-back:hover{color:#111827;}

@media(max-width:640px){
    .jann-detail-header{flex-direction:column;}
    .jann-detail-cols{grid-template-columns:1fr;}
    .jann-detail-title{font-size:1.4rem;}
}