/* ============================================================
   Composants partagés de la refonte (complète Tailwind)
   ============================================================ */

/* Masquer la scrollbar des carrousels */
.no-sb::-webkit-scrollbar{display:none}
.no-sb{scrollbar-width:none}

/* --- Titres de section --- */
.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#e4334f}

/* --- Accès rapides (tuiles) --- */
.qt{background:#fff;border:1px solid #e4e8f2;border-radius:1rem;padding:1.1rem;display:flex;flex-direction:column;gap:.55rem;font-weight:700;font-size:.95rem;min-height:104px;transition:transform .15s}
.qt:active{transform:scale(.98)}
.qt small{color:#535a72;font-weight:500;font-size:.78rem}
.qt .ic{width:42px;height:42px;border-radius:.75rem;display:grid;place-items:center;font-size:1.35rem}
.dark .qt{background:#0f172a;border-color:#1e293b}
.dark .qt small{color:#94a3b8}

/* --- Cartes filières --- */
.fil{position:relative;padding:1.4rem 1.4rem 1.4rem 1.6rem;border-radius:1.25rem;background:#fff;border:1px solid #e4e8f2;overflow:hidden}
.fil::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c)}
.fil .sub{color:#535a72;font-size:.88rem;margin-top:.25rem}
.dark .fil{background:#0f172a;border-color:#1e293b}
.dark .fil .sub{color:#94a3b8}
.lk{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:.86rem;font-weight:600;color:#535a72;padding:.6rem .8rem;border-radius:.7rem;background:#eef1f8}
.dark .lk{background:#1e293b;color:#cbd5e1}

/* --- Boîtes génériques (bento) --- */
.fbox{display:block;padding:1.3rem;border-radius:1.25rem;background:#eef1f8;transition:transform .15s}
.fbox:active{transform:scale(.98)}
.fbox p{font-size:.86rem;color:#535a72}
.dark .fbox{background:#1e293b}
.dark .fbox p{color:#94a3b8}

.card-box{background:#fff;border:1px solid #e4e8f2;border-radius:1.25rem;padding:1.5rem;box-shadow:0 8px 30px -18px rgba(0,0,0,.25)}
.dark .card-box{background:#0f172a;border-color:#1e293b}

/* --- Badges --- */
.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700}

/* --- Cartes membres --- */
.member{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #e4e8f2;border-radius:1.25rem;padding:1.25rem;transition:transform .15s}
.member:hover{transform:translateY(-4px)}
.member img{width:96px;height:96px;border-radius:9999px;object-fit:cover;border:3px solid #e4334f}
.member h3{font-weight:700;font-size:1rem;margin-top:.75rem;color:#e4334f}
.member h4{font-size:.82rem;color:#535a72;font-weight:500}
.dark .member{background:#0f172a;border-color:#1e293b}
.dark .member h4{color:#94a3b8}

/* --- Formulaires --- */
.field label{display:block;font-weight:600;font-size:.88rem;margin-bottom:.4rem}
.field input,.field textarea{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #e4e8f2;background:#fff;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field textarea:focus{outline:none;border-color:#e4334f;box-shadow:0 0 0 3px rgba(228,51,79,.18)}
.dark .field input,.dark .field textarea{background:#0f172a;border-color:#1e293b;color:#e2e8f0}