/**
 * Bloc : lg/concession-horaires
 *
 * Tableau des horaires d'ouverture de la concession par service.
 *
 * SPECS VISUELLES :
 * ─────────────────────────────────────────────────────────────
 * - Badge "NOS HORAIRES"
 * - Onglets horizontaux :
 *   Tab 1 : "VÉHICULES NEUFS & D'OCCASION" (icône voiture)
 *   Tab 2 : "ATELIER & SERVICE APRÈS-VENTE" (icône clé)
 * - Pour chaque onglet :
 *   - Titre du service
 *   - Texte descriptif
 *   - Tableau horaires :
 *     "Du Lundi au Vendredi : 08h30 - 13h00 / 14h00 - 18h30"
 *     "Le Samedi : 09h00 - 12h00 / 14h00 - 18h30"
 *     "Le Dimanche : FERMÉ" (badge rouge)
 *   - Chaque ligne fond blanc, border-radius, style carte
 * - JS : changement d'onglets
 *
 * BEM :
 *   .lg-concession-horaires
 *     __badge            → Badge "NOS HORAIRES"
 *     __tabs             → Conteneur onglets
 *     __tab              → Onglet individuel
 *     __tab--active      → Onglet actif
 *     __panel            → Panneau de contenu (un par onglet)
 *     __service-title    → Titre du service
 *     __service-text     → Description du service
 *     __schedule         → Conteneur du tableau horaires
 *     __schedule-row     → Ligne horaire (carte blanche)
 *     __schedule-day     → Jour(s)
 *     __schedule-hours   → Heures d'ouverture
 *     __schedule-closed  → Badge "FERMÉ" rouge
 *
 * MOBILE-FIRST
 * ─────────────────────────────────────────────────────────────
 */

.lg-concession-horaires {
    padding: 3rem 0;
  }

/* ── Badge ──────────────────────────────────────────────── */

.lg-concession-horaires__badge {
    display: inline-block;
    font-weight: 700;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: var(--color-red, #e30613);
    letter-spacing: 0.05em;
    margin-bottom: 1.5rem;
  }

/* ── Tabs ───────────────────────────────────────────────── */

.lg-concession-horaires__tabs {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 2rem;
    border-bottom: 2px solid var(--color-gray-200, #e5e5e5);
  }

@media (min-width: 768px) {
    .lg-concession-horaires__tabs {
      flex-direction: row;
    }
  }

.lg-concession-horaires__tab {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--color-gray-500, #8a8a8a);
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease;
    white-space: nowrap;
  }

.lg-concession-horaires__tab:hover {
    color: var(--color-dark, #1a1a1a);
  }

.lg-concession-horaires__tab--active {
    color: var(--color-dark, #1a1a1a);
    border-bottom-color: var(--color-red, #e30613);
  }

.lg-concession-horaires__tab svg,
  .lg-concession-horaires__tab img {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

/* ── Panel ──────────────────────────────────────────────── */

.lg-concession-horaires__panel {
    display: none;
  }

.lg-concession-horaires__panel--active {
    display: block;
  }

/* ── Service title ──────────────────────────────────────── */

.lg-concession-horaires__service-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }

@media (min-width: 768px) {
    .lg-concession-horaires__service-title {
      font-size: 1.5rem;
    }
  }

/* ── Service text ───────────────────────────────────────── */

.lg-concession-horaires__service-text {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-gray-700, #4a4a4a);
    margin-bottom: 1.5rem;
  }

/* ── Schedule ───────────────────────────────────────────── */

.lg-concession-horaires__schedule {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

/* ── Schedule row (carte blanche) ──────────────────────── */

.lg-concession-horaires__schedule-row {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  }

@media (min-width: 768px) {
    .lg-concession-horaires__schedule-row {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
  }

/* ── Schedule day ───────────────────────────────────────── */

.lg-concession-horaires__schedule-day {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-dark, #1a1a1a);
  }

/* ── Schedule hours ─────────────────────────────────────── */

.lg-concession-horaires__schedule-hours {
    font-size: 0.9375rem;
    color: var(--color-gray-700, #4a4a4a);
  }

/* ── Schedule closed badge ──────────────────────────────── */

.lg-concession-horaires__schedule-closed {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: var(--color-red, #e30613);
    border-radius: 4px;
    letter-spacing: 0.05em;
  }