/* =============================================================================
   Camabe — les pages du CLIENT (25/09/2026) : clients.php, pour-les-clients.php,
   confidentialite.php, trouver-un-avocat.php. Meme allure que la vitrine de
   l'avocat (portes.css, produit.css, vos-clients.css) ; ici, seulement ce qui
   est propre a ces pages. Variables du socle seulement, jour et nuit.
   ========================================================================== */

.cl-titre { margin: 1.6rem 0 .2rem; font-size: 1.05rem; }
.cl-actions { margin-top: 1.4rem; }
.cl-actions .bouton + .bouton { margin-left: 8px; }
.cl-question { align-items: start; }
.cl-question .discuter--integre .discuter__panneau { min-height: 420px; }
.cl-urgences { display: grid; gap: 8px; margin: 1rem 0 0; padding: 0; list-style: none; }
.cl-urgences li { display: flex; gap: 12px; align-items: baseline; padding: 10px 14px; border: 1px solid var(--trait); border-radius: 10px; background: var(--carte); }
.cl-urgences strong { min-width: 4.2rem; color: var(--accent); font-variant-numeric: tabular-nums; }
.cl-porte { margin-top: 1.4rem; }
@media (max-width: 600px) {
  .cl-actions .bouton + .bouton { margin: 8px 0 0; }
  .cl-urgences li { flex-direction: column; gap: 2px; }
}
.cl-egaux { align-items: stretch; }

/* Trouver un avocat (annuaire des cabinets Camabe) : filtre, compte, cartes des cabinets (bouton en bas, cartes egales). */
.cl-intro { max-width: 720px; margin: 0 0 1.2rem; color: var(--encre-douce); }
.cl-filtre { max-width: 520px; gap: .8rem; }
.cl-compte { margin-top: 1.2rem; }
.cl-cabinets { margin-top: 1rem; align-items: stretch; }
.cl-cabinet { display: flex; flex-direction: column; }
.cl-cabinet__choix { margin-top: auto; padding-top: .6rem; }
.cl-aucun { margin-top: 1.4rem; max-width: 720px; }

/* Trouver un avocat (25/09) : le filtre par domaine et les cartes des cabinets. */
.cl-domaines { display: flex; flex-wrap: wrap; gap: 8px; margin: 1.6rem 0 0; }
.cl-domaines a { padding: 6px 13px; border: 1px solid var(--trait-fort); border-radius: 99px; background: var(--carte); color: var(--encre-douce); font-size: .86rem; font-weight: 500; text-decoration: none; }
.cl-domaines a:hover { border-color: var(--accent); color: var(--accent); }
.cl-domaines a[aria-current="true"] { border-color: var(--accent); background: var(--accent); color: var(--sur-accent); }
.cl-vide { margin-top: 1.6rem; }
.cl-cabinets { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 18px; margin-top: 1.8rem; }
.cl-cabinet { display: flex; flex-direction: column; gap: .5rem; padding: 24px 24px 22px; border: 1px solid var(--trait); border-radius: 14px; background: var(--carte); box-shadow: var(--ombre); }
.cl-cabinet h3 { margin: 0; font-family: var(--serif); font-size: 1.3rem; font-weight: 500; }
.cl-cabinet__qui { margin: 0; color: var(--encre-douce); font-size: .9rem; }
.cl-cabinet__domaines { display: flex; flex-wrap: wrap; gap: 5px; margin: .2rem 0 0; }
.cl-cabinet__domaines span { padding: 2px 10px; border-radius: 99px; background: var(--accent-pale); color: var(--accent); font-size: .76rem; font-weight: 600; }
.cl-cabinet__texte { margin: .2rem 0 0; color: var(--encre-douce); font-size: .9rem; line-height: 1.55; }
.cl-cabinet form { margin-top: auto; padding-top: .8rem; }
/* Le consentement a la transmission (28/09) : une case explicite, avant le choix. */
.cl-consentement { display: flex; gap: .55rem; align-items: flex-start; margin: 0 0 .8rem; color: var(--encre-douce); font-size: .84rem; line-height: 1.45; cursor: pointer; }
.cl-consentement input { flex: none; margin-top: .2rem; width: 1rem; height: 1rem; accent-color: var(--accent); }