/* ============================================================
   Gestion Extra — personnalisations par-dessus Bootstrap 5
   ============================================================ */
:root{
  --app-primary:#4f46e5;      /* indigo : touche un peu plus moderne que le bleu BS */
  --app-primary-d:#4338ca;
  --app-dark:#1e293b;
}

body{ background:#f4f6fb; }

/* Navbar */
.app-navbar{ background:var(--app-dark); }
.app-navbar .nav-link.active,
.app-navbar .nav-link:hover{ color:#fff; }

/* Le bouton primaire reprend l'indigo de l'app */
.btn-primary{
  --bs-btn-bg:var(--app-primary);
  --bs-btn-border-color:var(--app-primary);
  --bs-btn-hover-bg:var(--app-primary-d);
  --bs-btn-hover-border-color:var(--app-primary-d);
  --bs-btn-active-bg:var(--app-primary-d);
  --bs-btn-active-border-color:var(--app-primary-d);
}
a{ color:var(--app-primary); }

/* Cartes bénévoles : effet de survol propre */
.card-benevole{ transition:transform .12s ease, box-shadow .12s ease; }
.card-benevole:hover{ transform:translateY(-2px); box-shadow:0 .5rem 1rem rgba(0,0,0,.1)!important; }

/* Fond des écrans d'authentification */
.auth-bg{
  background:linear-gradient(135deg,#312e81 0%, #1e293b 100%);
}

/* Inputs : éviter le zoom iOS */
input.form-control, select.form-select{ font-size:16px; }
@media (min-width:768px){
  input.form-control, select.form-select{ font-size:.95rem; }
}

.app-main{ max-width:960px; }

/* ============================================================
   Impression (fiche bénévole) — sortie PDF via le navigateur
   ============================================================ */
@media print {
  /* Masque tout ce qui n'a pas de sens sur papier */
  .app-navbar, .foot, #toastZone, .breadcrumb,
  .no-print, .row-form, .col-actions,
  .js-ajax-form, .card-header form, .modal, .js-print { display: none !important; }

  body { background: #fff !important; }
  .app-main { max-width: 100% !important; }
  .card { box-shadow: none !important; border: 1px solid #ccc !important; break-inside: avoid; }
  .text-bg-danger, .text-bg-success { color: #000 !important; background: #fff !important; border: 1px solid #999 !important; }
  a { color: #000 !important; text-decoration: none !important; }

  /* Évite de couper une carte de total en deux */
  .totaux .tot, .row > [class^="col"] { break-inside: avoid; }
}