/* VIA 90.5 - Couleurs 2026 (2026-10-03) - palette Claude Design
   Les 5 couleurs principales viennent du Personnalisateur (Via: Couleurs, palette 3) :
   --via_couleur_1 vert fonce #456735 | _2 vert campagne #6d9758 | _3 blanc | _4 et _5 vert nuit #2c4322
   Cette feuille corrige seulement ce que ces 5 cases ne savent pas faire.
   Chargee APRES style.css (dependance child-style) : memes selecteurs que style.css,
   !important seulement la ou la regle d'origine l'a. */

:root {
  --via-vert-depart: #7da36a;
  --via-vert-clair: #83a670;
  --via-vert-pastille: #88b270;
  --via-texte-secondaire: #55604e;
  --via-vert-brume: #dce8d3;
  --via-vert-tendre: #b9d3a8;
}

/* 1. Pied de page et triangle : case 2 -> case 1 (blanc 6,47:1) - style.css l. 43-46 */
.qt-footer-bottom,
.qt-to-top {
  background-color: var(--via_couleur_1);
}

/* 2. Page Accessibilite : style.css l. 1105 ecrit le pied de page en #333 (1,95:1 sur vert fonce) */
html body.page-template-page-accessibilite .qt-footer-bottom,
html body.page-template-page-accessibilite .qt-footer-bottom a,
html body.page-template-page-accessibilite .qt-to-top {
  color: #ffffff !important;
}

/* 3. Lecteur en vert nuit (case 4) ; survol de ses boutons en vert fonce - style.css l. 154, 280, 396 */
#qtplayercontainer,
.qt-playercontainer .qt-header-bg {
  background-color: var(--via_couleur_4);
}
#qtplayercontainer .qt-playercontainer-content .qt-btn-secondary:hover {
  background-color: var(--via_couleur_1) !important;
}

/* 4. Texte ecrit en case 2 (3,38:1, insuffisant sous 24 px) -> case 1 ; survols -> case 4 */
#maincontent a {
  color: var(--via_couleur_1);
}
#maincontent a:hover {
  color: var(--via_couleur_4);
}
.qt-part-archive-item .qt-card a {
  color: var(--via_couleur_1);
}
.qt-part-archive-item .qt-card a:hover {
  color: var(--via_couleur_4);
}
#maincontent table a {
  color: var(--via_couleur_1);
}
#maincontent table a:hover {
  color: var(--via_couleur_4);
}
#comments a {
  color: var(--via_couleur_1);
}
.filterOptions a {
  color: var(--via_couleur_1);
}
.home .qt-caption-small span {
  color: var(--via_couleur_1);
}
.qt-showcard a {
  color: var(--via_couleur_1) !important;
}
.qt-part-show-schedule-day-item .qt-more a {
  color: var(--via_couleur_1);
}
.wp-polls-form p strong {
  color: var(--via_couleur_1) !important;
}
#maincontent .qt-btn-primary.btn-plus-de-style-de-vie {
  color: var(--via_couleur_1) !important;
}

/* 5. Petit texte blanc sur fond case 2 -> fond case 1 */
.kt-tag a {
  background-color: var(--via_couleur_1);
}
.filterOptions .active a {
  background-color: var(--via_couleur_1);
}
.wp-polls .Buttons {
  background-color: var(--via_couleur_1) !important;
}
#maincontent .qt-btn-primary.btn-plus-de-style-de-vie:hover {
  background-color: var(--via_couleur_1) !important;
}

/* 6. Survol du menu mobile : case 2 sur vert nuit = 3,21:1 -> vert tendre 6,70:1 */
#qt-mobile-menu a:hover {
  color: var(--via-vert-tendre) !important;
}

/* 7. Bandeau Meteo (texte blanc gras 16 px) : case 2 3,38:1 -> case 1 6,47:1 - style.css l. 1066 */
.home .weather_title {
  background-color: var(--via_couleur_1);
}

/* 8. Cartes du carrousel : menthe #e6f4ef -> vert brume (titres #456735 : 5,09:1) - style.css l. 853 */
.via-article-carousel .via-part-archive-item {
  background: var(--via-vert-brume);
}

/* 9. Articles lies : gris #e5e5e5 -> vert brume (style.css l. 695) ; titres en #2b3326 (10,3:1) */
.kt-related-block {
  background-color: var(--via-vert-brume);
}
/* Titres : #maincontent h5 a { color: inherit } (specificite 1,0,2) bat toute regle sans
   identifiant -> on reprend l'identifiant (1,2,3). Survol en vert nuit, comme les autres liens. */
html body #maincontent .kt-related-block .qt-title a {
  color: var(--via-texte, #2b3326);
}
html body #maincontent .kt-related-block .qt-title a:hover {
  color: var(--via_couleur_4);
}