/* 
   StationFinder - Feuille de style alternative (mode nuit)
   Auteurs : PIRABAKARAN Parthipan & HANANE Sanaa
   Date : 2026
    */

/* On réutilise tout style.css via les variables CSS */
@import url('style.css');

/* Surcharge des variables pour le mode nuit */
:root {
    --couleur-fond: #0f0f1a !important;
    --couleur-fond-secondaire: #1a1a2e !important;
    --couleur-carte: #16213e !important;
    --couleur-primaire: #5db85d !important;
    --couleur-accent: #5db85d !important;
    --couleur-secondaire: #0f3460 !important;
    --couleur-texte: #eaeaea !important;
    --couleur-texte-discret: #a0a0b0 !important;
    --couleur-bordure: #2a2a4a !important;
    --couleur-lien: #5db85d !important;
}

h3 {
    color: #5db85d !important;
}

body {
    background-color: #0f0f1a !important;
    color: #eaeaea !important;
}

.site-header {
    background-color: #1a1a2e !important;
    border-bottom: 3px solid #5db85d !important;
}

.menu-principal ul li a {
    color: #eaeaea !important;
}

.barre-options {
    background-color: #0f3460 !important;
}

.barre-options a {
    color: #eaeaea !important;
}

.barre-options img {
    width: 20px;
    height: 20px;
    display: block;
}


section {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

section:hover {
    background-color: #1a1a2e !important;
    border: 1px solid #2a2a4a !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important;
}

h1, h2 {
    color: #5db85d !important;
}

p, li, td, label {
    color: #eaeaea !important;
}

input, select, textarea {
    background-color: #1a1a2e !important;
    border: 1px solid #2a2a4a !important;
    color: #eaeaea !important;
}

input:disabled, select:disabled {
    background-color: #0f0f1a !important;
    color: #a0a0b0 !important;
}

tr:nth-child(even) {
    background-color: #1a1a2e !important;
}

tr:hover {
    background-color: #0f3460 !important;
}

footer {
    background-color: #1a1a2e !important;
}

.back-to-top {
    background-color: #ffffff !important;
    color: #1a1a2e !important;
}

figcaption {
    color: #cccccc !important;
}

thead {
    background-color: #1a3c6e !important;
}

th {
    color: #ffffff !important;
}

.prix-bas { 
	background-color: #1a3a2a !important;
	color: #eaeaea !important;
}

.prix-moyen { background-color: #3a3a1a !important;
	color: #eaeaea !important;
}

.prix-eleve { background-color: #3a1a1a !important;
	color: #eaeaea !important;
}