/* ============================================================================
 * MEAL
 * ============================================================================
 * Extrait de home.css lors du nettoyage pré-Bloc 3.
 * Toutes les couleurs/valeurs en dur ont été migrées vers tokens.css.
 * ============================================================================ */

/* ═══════════════════════════════════════════════════════════════
 * MEAL CARD — Pause repas + Déplacement / Véhicule
 * Correction #3 : card plus claire, boutons fond plus sombre
 * Correction #11 : label "Organisation" centré + bouton "Véhicule"
 * ═══════════════════════════════════════════════════════════════ */
.meal-card {
  border-radius: var(--radius-card);
  padding: 18px;
  /* v3.4.1 : même fond que les counter cards (uniforme avec le reste) */
  background: var(--card-bg);
  border: 1px solid var(--card-stroke-strong);
}
.meal-label {
  font-size: 0.74rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 800;
  margin-bottom: 12px;
  text-align: center;
}
.meal-options {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 14px;
}
.meal-btn {
  min-height: 50px;
  border-radius: var(--radius-icon);
  border: 1px solid transparent;
  /* Correction #3 : fond plus sombre */
  background: var(--dark-deep-65);
  color: var(--text);
  font-weight: 700;
  font-size: 0.98rem;
  transition: transform var(--duration-fast) var(--ease-out),
              background var(--duration-base) var(--ease-out),
              box-shadow var(--duration-base) var(--ease-out);
}
.meal-btn:active { transform: scale(0.96); }
.meal-btn.active {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #fff;
  box-shadow: 0 8px 24px var(--accent-glow-soft),
              inset 0 1px 0 var(--white-soft-25);
}
.meal-divider {
  border-top: 1px solid var(--card-stroke);
  margin: 14px 0 10px;
}

/* Correction #11 : label "Organisation" centré au-dessus du bouton Véhicule */
.organisation-label {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 10px;
}

.transport-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
}
.transport-btn {
  min-height: 52px;
  border-radius: var(--radius-icon);
  border: 1px solid var(--card-stroke);
  /* Correction #3 : fond plus sombre */
  background: var(--dark-deep-65);
  color: var(--text);
  font-weight: 600;
  font-size: 1rem;
  transition: transform var(--duration-fast) var(--ease-out),
              background var(--duration-base) var(--ease-out),
              border-color var(--duration-base) var(--ease-out);
}
.transport-btn:active { transform: scale(0.97); }
.transport-btn.active {
  border-color: rgba(16, 185, 129, 0.55);
  color: var(--green-bright);
  background: rgba(16, 185, 129, 0.08);
}