* === Thème gris & doré pour Materialize === */

/* Couleur principale des boutons */
.btn {
  background-color: #424242 !important; /* Gris principal */
  color: white !important; /* Texte blanc */
}
.goldtitle {  
  color: #d4af37 !important;
}

/* Hover des boutons : doré */
.btn:hover {
  background-color: #d4af37 !important; /* Doré */
  color: white !important;
}

/* Navbar (si tu en utilises une) */
nav {
  background-color: #424242 !important; /* Gris */
}

/* Hover sur les liens de la navbar */
nav a:hover {
  color: #d4af37 !important; /* Texte doré au hover */
}

/* Cards */
.card {
  background-color: #f5f5f5; /* Gris très clair pour les cartes */
  color: #424242; /* Texte gris foncé */
}

/* Lien actif ou important */
a.active, a:focus {
  color: #d4af37 !important;
}

/* Bordures dorées pour les inputs / sélecteurs */
.input-field input:focus, .input-field textarea:focus {
  border-bottom: 1px solid #d4af37 !important;
  box-shadow: 0 1px 0 0 #d4af37 !important;
}

/* Pour les labels au focus */
.input-field label.active {
  color: #d4af37 !important;
}

/* === Complément pour Footer & Tabs Materialize === */

/* Footer */
.page-footer {
  background-color: #424242 !important; /* Footer gris foncé */
  color: white !important;
}

/* Liens dans le footer */
.page-footer a {
  color: #d4af37 !important; /* Doré pour les liens */
}

.page-footer a:hover {
  color: #ffd700 !important; /* Doré plus clair au survol */
}

/* === Tabs dans les cards === */

/* Barre d'onglets (tabs) */
.tabs {
  background-color: transparent; /* Laisser le fond transparent dans les cards */
}

/* Onglet actif */
.tabs .tab a.active {
  color: #d4af37 !important; /* Doré quand actif */
  border-bottom: 2px solid #d4af37 !important; /* Soulignement doré */
}

/* Onglet au survol */
.tabs .tab a:hover {
  color: #d4af37 !important; /* Doré au hover */
}

/* Couleur par défaut des onglets non actifs */
.tabs .tab a {
  color: #424242 !important; /* Gris pour les onglets non actifs */
}

/* Fixe les bordures invisibles quand pas actif */
.tabs .indicator {
  background-color: #d4af37 !important; /* Barre d'animation sous l'onglet */
}