/**
 * variables-override.css
 * Remplace les couleurs hardcodées par les variables CSS du Customizer
 */

/* =============================================
   CLASSES UTILITAIRES
   ============================================= */

/* Primary (Bleu #09507f) */
.bg-blue-bkg { background-color: var(--bdc-primary); }
.text-blue-bkg { color: var(--bdc-primary); }
.border-color-blue-bkg { border-color: var(--bdc-primary); }

/* Accent (Orange #F5A623) */
.bg-orange-bkg { background-color: var(--bdc-accent); }
.text-orange-bkg { color: var(--bdc-accent); }
.border-color-orange-bkg { border-color: var(--bdc-accent); }

/* Secondary (Indigo #2C3E50) */
.bg-indigo-bkg { background-color: var(--bdc-secondary); }
.text-indigo-bkg { color: var(--bdc-secondary); }
.border-color-indigo-bkg { border-color: var(--bdc-secondary); }

/* Texte principal (#000000) */
.bg-black-bkg { background-color: var(--bdc-text); }
.text-black-bkg { color: var(--bdc-text); }
.border-color-black-bkg { border-color: var(--bdc-text); }

/* Fond cartes (#ffffff) */
.bg-white-bkg { background-color: var(--bdc-bg-card); }
.text-white-bkg { color: var(--bdc-bg-card); }
.border-color-white-bkg { border-color: var(--bdc-bg-card); }

/* Fond clair (#F2F3F4) */
.bg-light-light-grey-bkg { background-color: var(--bdc-bg-light); }
.text-light-light-grey-bkg { color: var(--bdc-bg-light); }
.border-color-light-light-grey-bkg { border-color: var(--bdc-bg-light); }

/* Gris bordures (#B0C7D6) */
.bg-light-grey { background-color: var(--bdc-grey-light); }
.text-light-grey { color: var(--bdc-grey-light); }
.border-color-light-grey { border-color: var(--bdc-grey-light); }

/* Beige (#FDF2E0) */
.bg-beige-bkg { background-color: var(--bdc-beige); }
.text-beige-bkg { color: var(--bdc-beige); }
.border-color-beige-bkg { border-color: var(--bdc-beige); }

/* Texte secondaire (#5D6D7E) */
.bg-grey-bkg { background-color: var(--bdc-text-light); }
.text-grey-bkg { color: var(--bdc-text-light); }
.border-color-grey-bkg { border-color: var(--bdc-text-light); }

/* Bleu ciel (#cee9f3) */
.bg-blue-sky-bkg { background-color: var(--bdc-sky); }
.text-blue-sky-bkg { color: var(--bdc-sky); }
.border-color-blue-sky-bkg { border-color: var(--bdc-sky); }

/* Fond body (#e6edf2) */
.bg-body-bg-bkg { background-color: var(--bdc-bg-body); }
.text-body-bg-bkg { color: var(--bdc-bg-body); }
.border-color-body-bg-bkg { border-color: var(--bdc-bg-body); }

/* =============================================
   HEADER — Fond configurable
   ============================================= */

#header_bdc header {
    background-color: var(--bdc-bg-header);
}

#wrap_navigation .navbar.sticky {
    background-color: var(--bdc-bg-header);
}

/* Texte header / navigation */
.wrap_logo_bdc .go_to_kiosque .btn-kiosque,
.wrap_logo_bdc .go_to_kiosque .btn-kiosque p,
#wrap_navigation .navbar .nav-link,
#wrap_navigation .navbar a {
    color: var(--bdc-text-header);
}

#wrap_navigation .navbar .nav-link:hover,
#wrap_navigation .navbar a:hover {
    color: var(--bdc-accent);
}

/* =============================================
   PRIMARY (#09507f) — Composants
   ============================================= */

/* Liens */
a { color: var(--bdc-primary); }

/* Titres article single */
#post_single h1, #post_single .h1,
#post_single h2, #post_single .h2,
#post_single h3, #post_single .h3,
#post_single h4, #post_single .h4,
#post_single h5, #post_single .h5,
#post_single h6, #post_single .h6 {
    color: var(--bdc-primary);
}

/* Social media single */
#post_single .post-content div.social_media a {
    color: var(--bdc-primary);
}

/* Marqueurs listes */
#post_single .post-content ul li::marker,
#post_single .post-content ol li::marker {
    color: var(--bdc-primary);
}

/* Boutons primary / blue */
.btn-primary,
.btn-blue-bkg {
    background-color: var(--bdc-primary);
    border-color: var(--bdc-primary);
}
.btn-primary:hover,
.btn-blue-bkg:hover {
    background-color: var(--bdc-primary-hover);
    border-color: var(--bdc-primary-hover);
}

/* Bouton outline blue */
.btn-outline-blue-bkg {
    --bs-btn-color: var(--bdc-primary);
    --bs-btn-border-color: var(--bdc-primary);
    --bs-btn-hover-bg: var(--bdc-primary);
    --bs-btn-hover-border-color: var(--bdc-primary);
    --bs-btn-active-bg: var(--bdc-primary);
    --bs-btn-active-border-color: var(--bdc-primary);
    --bs-btn-disabled-color: var(--bdc-primary);
    --bs-btn-disabled-border-color: var(--bdc-primary);
}

/* =============================================
   SECONDARY (#2C3E50) — Composants
   ============================================= */

/* Topic post */
.topic_post {
    border-top-color: var(--bdc-secondary);
}
.topic_post .title_topic,
.topic_post a {
    color: var(--bdc-secondary);
}

/* Navigation */
#wrap_navigation {
    border-bottom-color: var(--bdc-secondary);
}
#wrap_navigation .navbar {
    border-top-color: var(--bdc-secondary);
    border-bottom-color: var(--bdc-secondary);
}

/* Ticker */
#ticker.new_post {
    background-color: var(--bdc-secondary);
}

/* Newsletter */
.newsletter-form button {
    background-color: var(--bdc-secondary);
}

/* Boutons normaux secondary */
#post_single .post-content div.image-text-block a.block_ancre,
#avis_des_experts .avis-expert .descritpion .btn_go a,
#tribune_experts .tribune-expert-article .read-more,
.share-btn a.btn,
.page-template-page-recherche #ajax-search-form .btn.btn-primary,
.rcp_form .rcp_button,
.rcp_form button[type="submit"],
.subcribe_page .btn-abonnements {
    background-color: var(--bdc-secondary);
}

.page-template-page-recherche #ajax-search-form .btn.btn-primary {
    border-color: var(--bdc-secondary);
}

/* Post footer & lm-more */
#post_single .post-footer a,
.lm-more {
    color: var(--bdc-secondary);
}

/* Bouton indigo */
.btn-indigo-bkg {
    --bs-btn-bg: var(--bdc-secondary);
    --bs-btn-border-color: var(--bdc-secondary);
    --bs-btn-disabled-bg: var(--bdc-secondary);
    --bs-btn-disabled-border-color: var(--bdc-secondary);
}

/* Bouton outline indigo */
.btn-outline-indigo-bkg {
    --bs-btn-color: var(--bdc-secondary);
    --bs-btn-border-color: var(--bdc-secondary);
    --bs-btn-hover-bg: var(--bdc-secondary);
    --bs-btn-hover-border-color: var(--bdc-secondary);
    --bs-btn-active-bg: var(--bdc-secondary);
    --bs-btn-active-border-color: var(--bdc-secondary);
    --bs-btn-disabled-color: var(--bdc-secondary);
    --bs-btn-disabled-border-color: var(--bdc-secondary);
}

/* =============================================
   ACCENT (#F5A623) — Hover & états actifs
   ============================================= */

/* Hover couleur texte */
a:hover,
.topic_post a:hover,
.wrap_first_posts .new_posts h2 a:hover,
.wrap_first_posts .new_posts .h2 a:hover,
.wrap_first_posts .others_posts h2 a:hover,
.wrap_first_posts .others_posts .h2 a:hover,
#other_posts_recent .second-group-post h2 a:hover,
#other_posts_recent .second-group-post .h2 a:hover,
#other_posts_recent .second-group-post h3 a:hover,
#other_posts_recent .second-group-post .h3 a:hover,
.last_post_home .news-feature a:hover,
.last_post_home .news-brief a:hover,
.one_to_six .digest-feature__title a:hover,
.one_to_six .digest-item__title a:hover,
.lm-title a:hover,
.lm-more:hover,
.bdc-videos__hero a:hover .h4,
#avis_des_experts .avis-expert .descritpion h2 a:hover,
#avis_des_experts .avis-expert .descritpion .h2 a:hover,
#tribune_experts .tribune-expert-article h2 a:hover,
#tribune_experts .tribune-expert-article .h2 a:hover,
#most_view .most-viewed-article h2 a:hover,
#most_view .most-viewed-article .h2 a:hover,
#other_post_list .post_list_items a:hover .description h2,
#other_post_list .post_list_items a:hover .description .h2,
#other_post_list .post_list_items a:hover span.likes-only,
#post_single .post-footer a:hover,
.sidebar-section ul .aside_most_view a:hover,
.sidebar-section ul .post_sidebar a:hover,
#wrap_topHeader_bdc .wrap_button_search button:hover,
#wrap_topHeader_bdc .social_media_search .social_media a:hover,
#wrap_navigation .navbar .mega-menu.show .list_menu a:hover,
#footer_bdc ul.nav.flex-column li a:hover,
#footer_bdc .social_media .the_media a:hover,
#footer_bdc ul.legal_menu li a:hover,
.rcp_lost_password a:hover,
.lm-title a:hover {
    color: var(--bdc-accent);
}

#wrap_navigation .navbar .mega-menu.show .list_menu a:hover {
    border-color: var(--bdc-accent);
}

#post_single .post-content div.social_media a:hover {
    color: var(--bdc-accent) !important;
}

.card-connexion .link-primary:hover {
    color: var(--bdc-accent) !important;
    text-decoration-color: var(--bdc-accent) !important;
}

/* Accent — éléments statiques (couleur texte) */
.sidebar-section ul .aside_most_view .article-rank,
#most_view .most-viewed-article .article-rank,
.key-numbers-block .number-item:hover .number {
    color: var(--bdc-accent);
}

/* Accent — backgrounds hover */
.swiper-wrapper-container .slide-caption .category,
#first_post_categorie .badge.bg-secondary,
#cpt_avis_des_experts .badge.bg-secondary,
#cpt_video .badge.bg-secondary {
    background-color: var(--bdc-accent) !important;
}

.swiper-wrapper-container .btn-link:hover h2 span,
.swiper-wrapper-container .btn-link:hover .h2 span,
#avis_des_experts .avis-expert .descritpion .btn_go a:hover,
#tribune_experts .tribune-expert-article .read-more:hover,
.share-btn a.btn:hover,
.share-btn a.btn:active,
.wrap_tag ul li a:hover,
#other_post_list .pagination .page-numbers a:hover,
#other_post_list .pagination .page-numbers .current,
#cpt_avis_des_experts .pagination .page-numbers a:hover,
#cpt_avis_des_experts .pagination .page-numbers .current,
.page-template-page-recherche #ajax-search-form .btn.btn-primary:hover,
.page-template-page-recherche ul.list_theme li a:hover,
.most_tag_view ul.list_theme li a:hover,
#post_single .post-content div.image-text-block a.block_ancre:hover,
.rcp_form .rcp_button:hover,
.rcp_form button[type="submit"]:hover,
.subcribe_page .btn-abonnements:hover,
.subcribe_page .btn-abonnements.active-rcp,
.toc-sidebar .nav-link.active,
.page-template-page-recherche #ajax-search-form .btn.btn-primary:hover,
.page-template-page-recherche .spinner-border {
    background-color: var(--bdc-accent);
}

.page-template-page-recherche #ajax-search-form .btn.btn-primary:hover,
.page-template-page-recherche ul.list_theme li a:hover,
.most_tag_view ul.list_theme li a:hover {
    border-color: var(--bdc-accent);
}

.page-template-page-recherche .spinner-border {
    border-top-color: var(--bdc-accent);
}

.lm-title::before {
    background: var(--bdc-accent);
}

/* Bouton orange */
.btn-orange-bkg {
    --bs-btn-bg: var(--bdc-accent);
    --bs-btn-border-color: var(--bdc-accent);
    --bs-btn-disabled-bg: var(--bdc-accent);
    --bs-btn-disabled-border-color: var(--bdc-accent);
}

/* Bouton outline orange */
.btn-outline-orange-bkg {
    --bs-btn-color: var(--bdc-accent);
    --bs-btn-border-color: var(--bdc-accent);
    --bs-btn-hover-bg: var(--bdc-accent);
    --bs-btn-hover-border-color: var(--bdc-accent);
    --bs-btn-active-bg: var(--bdc-accent);
    --bs-btn-active-border-color: var(--bdc-accent);
    --bs-btn-disabled-color: var(--bdc-accent);
    --bs-btn-disabled-border-color: var(--bdc-accent);
}

/* =============================================
   TEXT-LIGHT (#5D6D7E) — Boutons
   ============================================= */

.btn-grey-bkg {
    --bs-btn-bg: var(--bdc-text-light);
    --bs-btn-border-color: var(--bdc-text-light);
    --bs-btn-disabled-bg: var(--bdc-text-light);
    --bs-btn-disabled-border-color: var(--bdc-text-light);
}

.btn-outline-grey-bkg {
    --bs-btn-color: var(--bdc-text-light);
    --bs-btn-border-color: var(--bdc-text-light);
    --bs-btn-hover-bg: var(--bdc-text-light);
    --bs-btn-hover-border-color: var(--bdc-text-light);
    --bs-btn-active-bg: var(--bdc-text-light);
    --bs-btn-active-border-color: var(--bdc-text-light);
    --bs-btn-disabled-color: var(--bdc-text-light);
    --bs-btn-disabled-border-color: var(--bdc-text-light);
}

/* =============================================
   GREY-LIGHT (#B0C7D6) — Composants
   ============================================= */

/* Pubs */
.pub::before,
.pub_300_250::before,
.pub_728_90::before {
    background-color: var(--bdc-grey-light);
}

/* Recherche & tags */
.page-template-page-recherche #ajax-search-form {
    background-color: var(--bdc-grey-light);
}

.page-template-page-recherche h3.title_theme,
.page-template-page-recherche .title_theme.h3 {
    border-top-color: var(--bdc-grey-light);
}

.page-template-page-recherche ul.list_theme li a,
.most_tag_view ul.list_theme li a {
    border-color: var(--bdc-grey-light);
    background-color: var(--bdc-grey-light);
}

.wrap_tag ul li a {
    background-color: var(--bdc-grey-light);
}

/* Bouton light-grey */
.btn-light-grey {
    --bs-btn-bg: var(--bdc-grey-light);
    --bs-btn-border-color: var(--bdc-grey-light);
    --bs-btn-disabled-bg: var(--bdc-grey-light);
    --bs-btn-disabled-border-color: var(--bdc-grey-light);
}

.btn-outline-light-grey {
    --bs-btn-color: var(--bdc-grey-light);
    --bs-btn-border-color: var(--bdc-grey-light);
    --bs-btn-hover-bg: var(--bdc-grey-light);
    --bs-btn-hover-border-color: var(--bdc-grey-light);
    --bs-btn-active-bg: var(--bdc-grey-light);
    --bs-btn-active-border-color: var(--bdc-grey-light);
    --bs-btn-disabled-color: var(--bdc-grey-light);
    --bs-btn-disabled-border-color: var(--bdc-grey-light);
}

/* =============================================
   BG-BODY (#e6edf2) — Composants
   ============================================= */

/* Liens surlignés dans le contenu */
#post_single .post-content p a,
#post_single .post-content ul li a,
#post_single .post-content ol li a,
#post_single .post-content div a,
#post_single .post-content table tr td a,
.text_404_intro h2 a,
.text_404_intro .h2 a {
    background-color: var(--bdc-bg-body);
}

/* Formulaires */
.form_pub_kiosque .form_aside .forminator-ui .forminator-checkbox__label p a,
.post-content .forminator-guttenberg .forminator-ui .forminator-consent__label p a,
.wrap_newsletter_for_home .forminator-checkbox__label p a {
    background-color: var(--bdc-bg-body);
}

/* Bouton body-bg */
.btn-body-bg-bkg {
    --bs-btn-bg: var(--bdc-bg-body);
    --bs-btn-border-color: var(--bdc-bg-body);
    --bs-btn-disabled-bg: var(--bdc-bg-body);
    --bs-btn-disabled-border-color: var(--bdc-bg-body);
}

.btn-outline-body-bg-bkg {
    --bs-btn-color: var(--bdc-bg-body);
    --bs-btn-border-color: var(--bdc-bg-body);
    --bs-btn-hover-bg: var(--bdc-bg-body);
    --bs-btn-hover-border-color: var(--bdc-bg-body);
    --bs-btn-active-bg: var(--bdc-bg-body);
    --bs-btn-active-border-color: var(--bdc-bg-body);
    --bs-btn-disabled-color: var(--bdc-bg-body);
    --bs-btn-disabled-border-color: var(--bdc-bg-body);
}

/* =============================================
   BADGE CATÉGORIE (#E74C3C) — Composants
   ============================================= */

.wrap_first_posts .new_posts .post-header-meta .newness,
#tribune_experts .post-item .newness,
.wrap_tag ul .tag_title,
#ticker.new_post ul li .time_post span.date {
    background-color: var(--bdc-badge-cat);
}