@import url("/static/style.css");

/* =========================
   THEME TER AUVERGNE-RHONE-ALPES
   ========================= */

/* VARIABLES */
:root{
  --sncf-blue:#003b5c;
  --sncf-blue-2:#005f86;
  --sncf-red:#e84e0f;

  --bg:#eef7f8;
  --card:#ffffff;
  --card-2:#f3fbfc;

  --text:#102a33;
  --muted:#607d86;

  --line:#b8d8df;

  --green:#008c45;
  --orange:#f39200;
  --danger:#d71920;

  --shadow:0 10px 28px rgba(0,95,134,.12);
}

/* MODE SOMBRE */
body.dark{
  --bg:#071e26;
  --card:#102f3a;
  --card-2:#173d49;

  --text:#f4fbfc;
  --muted:#a8c8d0;

  --line:#315c68;

  --shadow:0 10px 30px rgba(0,0,0,.35);
}

/* HEADER */
.header{
  background:linear-gradient(135deg,#003b5c,#007fa3);
  border-bottom:5px solid #e84e0f;
}

/* LOGO */
.logo span{
  color:#003b5c;
}

/* BOUTONS */
.btn{
  background:#003b5c;
}

.btn.red{
  background:#e84e0f;
}

/* TITRES */
.train-title,
.section-title,
.timeline-title{
  color:#003b5c;
}

body.dark .train-title,
body.dark .section-title,
body.dark .timeline-title{
  color:#8ee8ff;
}

/* PROCHAIN ARRET */
.next-stop{
  background:linear-gradient(135deg,rgba(0,127,163,.16),rgba(232,78,15,.08));
  color:#005f86;
}

body.dark .next-stop{
  color:#9deeff;
}

/* MARQUEUR TRAIN */
.train-marker::before{
  filter:
    drop-shadow(0 10px 18px rgba(232,78,15,.35));
}

/* STATUTS */
.status{
  background:#dff7ea;
  color:#008c45;
}

.status.delay{
  background:#fff2d8;
  color:#c96f00;
}

.status.disruption,
.status.imminent,
.status.deleted{
  background:#ffe0dc;
  color:#d71920;
}

/* FILTRES */

.filter-btn.active{
  background:#003b5c;
  color:white;
}

.filter-btn.delay.active{
  background:#f39200;
  color:white;
}

.filter-btn.deleted.active{
  background:#d71920;
  color:white;
}

/* TABLEAUX */

.stats-table th{
  background:#003b5c;
}

.stats-table tbody tr:nth-child(even) td{
  background:#edf7fa;
}

.stats-table tbody tr:hover td{
  background:#d7eef5;
}

body.dark .stats-table tbody tr:nth-child(even) td{
  background:#173d49;
}

body.dark .stats-table tbody tr:hover td{
  background:#24515f;
}

/* CARTES */

.card{
  border:1px solid rgba(0,95,134,.10);
}

.time-block,
.info{
  border:1px solid rgba(0,95,134,.08);
}