/*
 * Bleus du site : proposition « B » du chantier B (point 2), validée le 17/10/2026.
 *
 * - Aplats (bandeaux, étiquettes, filets, bordures, fonds de menu) : ciel du logo #009beb,
 *   texte posé dessus en marine #081950 (5,4:1 ; le blanc n'y faisait que 3,0:1).
 * - Texte bleu (liens, « Lire la suite », titres et méta en bleu) : #007cbd (4,55:1 sur blanc).
 * - Boutons pleins : fond #007cbd, texte blanc (4,55:1).
 * - Sur fond sombre (légende du diaporama, pied de page) : ciel #009beb, déjà lisible (≥ 5:1).
 *
 * Remplace les variantes #019beb, #039aeb, #049aeb, #009bed, #0a8fe8, #4497e3, #1e73be, #0284c7,
 * #2a5c88 et #2e8ec7 (pagination) venues du Customizer (CSS en ligne, attributs style des étiquettes de rubrique), du thème
 * parent et des feuilles du thème enfant. Les sélecteurs sont préfixés « html body » pour l'emporter sur ce
 * CSS en ligne ; !important seulement face aux attributs style et aux règles déjà en !important.
 * Non concernés : le marine #081950, le bleu Facebook #0866ff, le pied de page (3bikes-footer.css).
 * Retour arrière : retirer l'enqueue de ce fichier dans functions.php.
 */

/* --- Texte bleu : #007cbd ----------------------------------------------------------------- */
html body a {
	color: #007cbd;
}

html body .inline-readmore,
html body .tg-read-more,
html body a.related-editorial-link,
html body .tabbed-comment-widget a.author,
html body .akismet_comment_form_privacy_notice a,
html body.archive .entry-content a,
html body.search .entry-content a,
html body.archive .post .below-entry-meta a:hover,
html body.search .post .below-entry-meta a:hover,
html body .entry-footer a:hover,
html body .featured-widget-six-title-wrap .entry-title a:hover,
html body .featured-widget-title-wrap .entry-title a:hover,
html body .ep-facets-wrapper a:hover,
html body .ep-autosuggest-box .as-view-all,
html body .as-view-all {
	color: #007cbd;
}

/* h4 et summary : bleus par une règle générique du Customizer ; « html body » suffit à la battre sans
   écraser les h4 qui ont leur propre couleur. */
html body h4,
html body summary {
	color: #007cbd;
}

html body .author-box .author-name,
html body .ep-facets-wrapper h4,
html body.search .best-match-label,
html body.search .page-title,
html body.search .page-title span,
html body .page-header .page-title {
	color: #007cbd;
}

html body .tabbed-widget .tabs.active::after {
	border-top-color: #009beb;
}

/* Sur les panneaux gris clair (#f5f8fa, #f6f7f8), #007cbd tombe à 4,2:1 : même teinte un cran plus
   sombre, #0077b6 (4,56:1 sur ces gris, 4,87:1 sur blanc). */
html body .threebikes-newsletter-signup__eyebrow,
html body .threebikes-newsletter-signup__eyebrow *,
html body.search .facet-group h4,
html body.search .facet-group h4 * {
	color: #0077b6;
}

/* Pagination des archives et de la recherche (#2e8ec7 : 3,6:1) */
html body .navigation.pagination a.page-numbers,
html body .navigation.pagination .next,
html body .navigation.pagination .prev,
html body .search-pagination a.page-numbers,
html body .search-pagination span.page-numbers:not(.current) {
	color: #007cbd;
}

html body .navigation.pagination .page-numbers.current,
html body .search-pagination .page-numbers.current {
	background: #007cbd;
	border-color: #007cbd;
	color: #fff;
}

/* Sur fond sombre (voile noir à 50 % des légendes du diaporama) : le ciel reste plus lisible. */
html body .caption-content a.inline-readmore,
html body .home-slider-wrapper .inline-readmore {
	color: #009beb;
}

/* --- Aplats : ciel #009beb, texte marine #081950 ----------------------------------------- */

/* Étiquettes de rubrique et titres de bloc colorés par le Customizer (attribut style) : seules
   celles en bleu ; les autres couleurs de rubrique (rouge Tests, marine Actualités…) ne changent pas. */
html body .cat-links a:not([style]),
html body .block-title:not([style]),
html body .cat-links a[style*="019beb" i],
html body .cat-links a[style*="039aeb" i],
html body .cat-links a[style*="049aeb" i],
html body .cat-links a[style*="009bed" i],
html body .cat-links a[style*="009beb" i],
html body .block-title[style*="019beb" i],
html body .block-title[style*="039aeb" i],
html body .block-title[style*="049aeb" i],
html body .block-title[style*="009bed" i],
html body .block-title[style*="009beb" i],
html body #rpwe_widget-2 span.block-title {
	background: #009beb !important;
	color: #081950 !important;
}

html body .block-title:not([style]) *,
html body .block-title[style*="019beb" i] *,
html body .block-title[style*="039aeb" i] *,
html body .block-title[style*="049aeb" i] *,
html body .block-title[style*="009bed" i] *,
html body .block-title[style*="009beb" i] * {
	color: #081950 !important;
}

/* Bandeaux de titre de bloc (« Tests ……… Voir tout ») */
html body .title-block-wrap {
	background: #009beb;
}

html body .title-block-wrap,
html body .title-block-wrap .view-all-link,
html body .title-block-wrap a {
	color: #081950;
}

/* L'étiquette de rubrique du bandeau garde son texte blanc sur sa couleur (rouge, marine…) ;
   les étiquettes bleues passent en marine plus haut. */
html body .title-block-wrap .block-title,
html body .title-block-wrap .block-title > span {
	color: #fff;
}

/* Menu principal : bouton d'accueil, survol, rubrique courante */
html body .home-icon a,
html body .bottom-header-wrapper .home-icon a:hover,
html body #site-navigation .home-icon a,
html body #site-navigation ul > li:hover,
html body #site-navigation ul > li.current-menu-item,
html body #site-navigation ul > li.current-menu-ancestor,
html body #site-navigation ul > li.current-menu-parent,
html body #site-navigation ul > li:hover > a,
html body #site-navigation ul > li.current-menu-item > a,
html body #site-navigation ul > li.current-menu-ancestor > a,
html body #site-navigation ul > li.current-menu-parent > a,
html body #site-navigation ul > li a:hover,
html body #site-navigation ul > li a:active,
html body #site-navigation .menu-toggle:hover,
html body #site-navigation .sub-toggle {
	background-color: #009beb !important;
	color: #081950 !important;
}

html body .home-icon a .fa,
html body #site-navigation .home-icon a .fa,
html body #site-navigation ul > li:hover > a .fa,
html body #site-navigation ul > li.current-menu-item > a .fa {
	color: #081950;
}

/* Onglets (Populaires / Récents / Commentaires), flèches des carrousels */
html body .tabbed-widget .tabs.active,
html body .widget-tabs li.tabs.active,
html body .bx-controls-direction a.bx-prev,
html body .bx-controls-direction a.bx-next,
html body .widget_featured_posts_style_six .bx-prev,
html body .widget_featured_posts_style_six .bx-next {
	background: #009beb;
	border-color: #009beb;
	color: #081950;
}

html body .tabbed-widget .tabs.active a,
html body .widget-tabs li.tabs.active a {
	color: #081950;
}

/* Barre de progression de lecture (article) : couleur posée en style en ligne par son script
   (data-foreground=#1e73be), d'où !important. */
html body progress.readingProgressbar {
	color: #009beb !important;
}

html body progress.readingProgressbar::-webkit-progress-value {
	background-color: #009beb !important;
}

html body progress.readingProgressbar::-moz-progress-bar {
	background-color: #009beb !important;
}

/* Autres aplats de la couleur principale du Customizer : recherche de l'en-tête, flash info, menu
   des rubriques, pastilles du diaporama, partage, page d'erreur */
html body .search-box,
html body .search-icon:hover,
html body .breaking-news-title,
html body .category-menu,
html body .category-menu ul.sub-menu,
html body .category-toggle-block,
html body .home-slider .bx-pager a.active,
html body .home-slider .bx-pager a:hover,
html body .carousel-slider-wrapper .bx-controls a,
html body .share-wrap:hover,
html body .error {
	background: #009beb;
	color: #081950;
}

html body .search-icon:hover .fa,
html body .search-box .close,
html body .breaking-news-title *,
html body .category-toggle-block *,
html body .error * {
	color: #081950;
}

/* Filets et bordures */
html body .page-header .page-title,
html body.search .page-title,
html body.search .page-header {
	border-bottom-color: #009beb;
}

html body.search .search-best-match,
html body .premium-related-block h3,
html body .tbp-nl-optin {
	border-left-color: #009beb;
}

html body .threebikes-related h2::before {
	background: #009beb;
}

html body .fluentcrm-form input[type="text"]:focus,
html body .fluentcrm-form input[type="email"]:focus,
html body .fluentform input[type="text"]:focus,
html body .fluentform input[type="email"]:focus {
	border-color: #009beb !important;
}

/* --- Boutons pleins : fond #007cbd, texte blanc ------------------------------------------- */
html body .fluentcrm-form button[type="submit"],
html body .fluentform button[type="submit"],
html body .ff-btn-submit,
html body.search .facet-pill.is-active,
html body.archive .navigation.pagination .current,
html body .home-slider-wrapper .slider-btn a:hover,
html body .random-hover-link a:hover,
html body .colornews_random_post .random-hover-link a:hover {
	background: #007cbd !important;
	border-color: #007cbd !important;
	color: #fff !important;
}

/* Boutons génériques du thème (fond = couleur principale) et bouton « Activer » des alertes push
   (mu-plugins/3bikes-push-popup.css : #1e73be, #2a5c88 au survol) */
html body button,
html body input[type="button"]:hover,
html body input[type="reset"]:hover,
html body input[type="submit"]:hover,
html body .bttn:hover,
html body .post .more-link:hover,
html body .navigation .nav-links a:hover {
	background: #007cbd;
}

html body #tbp-accept {
	background: #007cbd;
	color: #fff;
}

html body #tbp-accept:hover {
	background: #081950;
}

html body .tbp-nl-optin__check {
	accent-color: #007cbd;
}

/* --- Pages de promotion de l'app (3bikes-app-pages.css) ------------------------------------ */
.tb-app,
.tb-landing {
	--tb-blue: #007cbd;
	--tb-bright: #007cbd;
}

.tb-landing .tb-l-cards__grid li {
	border-top-color: #009beb;
}