/* ==================================================================
   CHARTE GRAPHIQUE RUBACO – bleu #1a3a6b / rouge #e52b17
   Validée le 25/10/2026. Pour revenir aux couleurs d'origine : désactiver cet extrait.
   Le rouge est réservé aux boutons de demande (« Obtenir un devis », « Demander une maquette gratuite ») et aux prix.
   ================================================================== */
:root{
  --rubaco-bleu:#1a3a6b;
  --rubaco-bleu-fonce:#12294d;
  --rubaco-rouge:#e52b17;
  --rubaco-jaune:#f5c518;
}

/* ------------------------------------------------------------------
   A. TOUT LE SITE
   ------------------------------------------------------------------ */

/* A1. En-tête : bouton « Nous contacter » (fond blanc, texte bleu, sans contour) et liens */
body a.sh-btn-cta,body .sh-btn-cta{background:#fff!important;color:var(--rubaco-bleu)!important;border:0!important;box-shadow:none!important}
body .sh-btn-cta svg,body .sh-btn-cta .lucide{color:var(--rubaco-bleu)!important;stroke:var(--rubaco-bleu)!important}
body a.sh-btn-cta:hover,body .sh-btn-cta:hover{background:var(--rubaco-bleu)!important;color:#fff!important;opacity:1!important}
body .sh-btn-cta:hover svg,body .sh-btn-cta:hover .lucide{color:#fff!important;stroke:#fff!important}
.sh-nav-link,
.sh-mobile-menu a:not(.sh-btn-cta){color:var(--rubaco-bleu)!important}

/* A1b. En-tête : même effet au survol que « Nous contacter » pour téléphone, e-mail, « Commander un retirage », « Régler une facture » (fond bleu, texte blanc) */
body .site-header .sh-nav a.sh-nav-link{border-radius:9999px!important;transition:background-color .2s,color .2s!important}
body .site-header .sh-nav a.sh-nav-link:hover,
body .site-header .sh-nav a.sh-nav-link:focus{background:var(--rubaco-bleu)!important;color:#fff!important;text-decoration:none!important}
body .site-header .sh-nav a.sh-nav-link:hover *,
body .site-header .sh-nav a.sh-nav-link:focus *{color:#fff!important;stroke:#fff!important}
body .site-header .sh-nav a.sh-nav-link:hover::after,
body .site-header .sh-nav a.sh-nav-link:focus::after{display:none!important}

/* A2. Soulignement animé des liens au survol (hors boutons « Lire la suite », dont le texte est affiché par ce même ::after) */
body a:not(.btn):not(.nude):not(.hover-btn):not(.prod-btn):not(.etiquette):not(.prod-hero__cat):not(.btn-expensive-content-desc):not(.btn-expensive-header-desc)::after,
body .site-header .sh-nav a.sh-nav-link::after{background:var(--rubaco-bleu)!important}

/* A3. Bandeau « Création graphique gratuite » en bas de page : bleu uni */
.help-wrapper-model{background:var(--rubaco-bleu)!important}

/* A4. Boutons « Lire l'article » (articles en bas de page) : bleus et compacts */
.item-news a.btn.btn-secondary{background:var(--rubaco-bleu)!important;border-color:var(--rubaco-bleu)!important;color:#fff!important;padding:6px 16px!important}
.item-news a.btn.btn-secondary:hover,
.item-news a.btn.btn-secondary:focus{background:var(--rubaco-bleu-fonce)!important;border-color:var(--rubaco-bleu-fonce)!important;color:#fff!important}

/* A5. Bouton « Nous contacter » en bas de page */
.links-wrapper .btn.btn-secondary{background:var(--rubaco-bleu)!important;border-color:var(--rubaco-bleu)!important;color:#fff!important}
.links-wrapper .btn.btn-secondary:hover,
.links-wrapper .btn.btn-secondary:focus{background:var(--rubaco-bleu-fonce)!important;border-color:var(--rubaco-bleu-fonce)!important;color:#fff!important}

/* A6. « Commander un retirage » : moins d'espace avant « Informations », textes du formulaire en bleu et bouton d'envoi identique à celui de « Régler une facture » */
body.page-id-10237 .content-page-wrapper{margin-top:20px!important}
body.page-id-10237 div.wpforms-container-full#wpforms-20457,body.page-id-10237 #wpforms-20457{margin-top:0!important}
body div.wpforms-container-full .wpforms-form #wpforms-20457-field_23-container{margin-top:0!important;padding-top:0!important;border-top:0!important}
body div.wpforms-container-full .wpforms-form #wpforms-20457-field_23-container h3{margin-top:0!important;padding-top:0!important}
/* Textes du formulaire en bleu (titres, libellés, choix, mentions) */
body #wpforms-form-20457 .wpforms-field-divider h3,
body #wpforms-form-20457 .wpforms-field-label,
body #wpforms-form-20457 .wpforms-field-sublabel,
body #wpforms-form-20457 .wpforms-field-label-inline,
body #wpforms-form-20457 .wpforms-field-description,
body #wpforms-form-20457 .wpforms-field label,
body #wpforms-form-20457 .wpforms-field-html,
body #wpforms-form-20457 .wpforms-field-html *{color:var(--rubaco-bleu)!important}
body #wpforms-form-20457 .wpforms-submit-container{text-align:center!important}
body div.wpforms-container-full #wpforms-form-20457 button.wpforms-submit,
body #wpforms-form-20457 button.wpforms-submit{display:inline-block!important;width:auto!important;height:auto!important;min-height:0!important;background:#e62c17!important;background-color:#e62c17!important;border:1px solid #e62c17!important;border-radius:10px!important;color:#fff!important;padding:10px 30px!important;font-family:montserrat,sans-serif!important;font-size:12.6px!important;font-weight:600!important;line-height:1.5!important;text-transform:uppercase!important;box-shadow:none!important}
body div.wpforms-container-full #wpforms-form-20457 button.wpforms-submit:hover,
body #wpforms-form-20457 button.wpforms-submit:hover{background:#c32514!important;border-color:#b82313!important}

/* A7. Bandeaux bleus en haut des pages (Nous contacter, Qui sommes-nous, Demander un devis, Retirage, Facture…) : sans trait rouge et 1/3 moins hauts (120 px au lieu de 180) */
.header-page-wrapper{border-bottom:0!important}
.header-page-wrapper > header{min-height:120px!important;padding-top:20px!important;padding-bottom:20px!important}

/* A8. « Régler une facture » : formulaire sans carrés rouges devant les champs, textes en bleu */
body.page-id-10156 .gform_wrapper .gfield_label::before{display:none!important;content:none!important}
body.page-id-10156 .gform_wrapper .gfield_label{padding-left:0!important}
body.page-id-10156 .gform_wrapper .gfield_label,
body.page-id-10156 .gform_wrapper .gform-field-label,
body.page-id-10156 .gform_wrapper .gfield_description,
body.page-id-10156 .gform_wrapper .iti__a11y-text{color:var(--rubaco-bleu)!important}

/* ------------------------------------------------------------------
   B. PAGE D'ACCUEIL
   ------------------------------------------------------------------ */

/* B1. Bandeau : bouton « Obtenir un devis » (reste rouge) plus compact */
section.hero .hero__cta{padding:12px 26px!important;font-size:14px!important}
@media (max-width:1199px){section.hero .hero__cta{padding:10px 24px!important;font-size:13px!important}}
@media (max-width:768px){section.hero .hero__cta{padding:8px 18px!important;font-size:13px!important}}

/* B2. Titres et textes foncés */
.home-full-wrapper .section-title,
.home-full-wrapper .parcours__check,
.home-full-wrapper .sector-item-btn,
.home-full-wrapper .sector-item-link,
.home-full-wrapper .sector-subitem,
.home-full-wrapper .bocaux-btn,
.home-full-wrapper .feature-card__title,
.home-full-wrapper .actu-card__title,
.home-full-wrapper .description-section__content b,
.home-full-wrapper .description-section__content strong,
.home-full-wrapper .description-section__more b,
.home-full-wrapper .description-section__more strong{color:var(--rubaco-bleu)!important}

/* B3. Barre mobile « Obtenir mon devis » */
.home-full-wrapper .mobile-sticky-bar{background:var(--rubaco-bleu)!important;border-top:0!important}
.home-full-wrapper .mobile-sticky-bar a,
.home-full-wrapper .mobile-sticky-bar a:hover{background:var(--rubaco-bleu)!important;color:#fff!important}
.home-full-wrapper .mobile-sticky-bar a *{color:#fff!important}
.home-full-wrapper .mobile-sticky-bar a svg{stroke:#fff!important}

/* B4. Boutons « Voir toute la gamme » */
.home-full-wrapper .sector-see-all{color:var(--rubaco-bleu)!important;border-color:var(--rubaco-bleu)!important}
.home-full-wrapper .sector-see-all:hover{background:var(--rubaco-bleu)!important;color:#fff!important}

/* B5. « Pourquoi choisir Rubaco » : pictos */
.home-full-wrapper .feature-card__icon svg,
.home-full-wrapper .feature-card__icon i,
.home-full-wrapper .feature-card__icon .lucide{color:var(--rubaco-bleu)!important;stroke:var(--rubaco-bleu)!important}

/* B6. Témoignages : étoiles jaunes sans contour, pas de pastille d'initiale, points et chiffres blancs, chiffres moins gras */
.home-full-wrapper .testimonials .lucide-star,
.home-full-wrapper .testimonials .lucide-star *{stroke:var(--rubaco-jaune)!important}
.home-full-wrapper .testimonials__avatar{display:none!important}
.home-full-wrapper .testimonials__dot,
.home-full-wrapper .testimonials__dot:hover,
.home-full-wrapper .testimonials__dot.is-active{background:#fff!important}
.home-full-wrapper .stat-num--cta{color:#fff!important}
.home-full-wrapper .testimonials .stat-num{font-weight:500!important}

/* B7. Actualités : étiquettes, « Lire la suite », « Voir toutes les actus », points du carrousel */
.home-full-wrapper .actu-card__tag{color:var(--rubaco-bleu)!important}
.home-full-wrapper .actu-card__read-more,
.home-full-wrapper .actu-card__read-more svg,
.home-full-wrapper .actu-card__read-more .lucide{color:var(--rubaco-bleu)!important;stroke:var(--rubaco-bleu)!important}
.home-full-wrapper .actu-card:hover .actu-card__title{color:var(--rubaco-bleu-fonce)!important}
.home-full-wrapper .btn-outline{color:var(--rubaco-bleu)!important;border-color:var(--rubaco-bleu)!important}
.home-full-wrapper .btn-outline svg,
.home-full-wrapper .btn-outline .lucide{color:currentColor!important;stroke:currentColor!important}
.home-full-wrapper .btn-outline:hover{background:var(--rubaco-bleu)!important;color:#fff!important}
.home-full-wrapper .actualites__dot.is-active{background:var(--rubaco-bleu)!important}

/* ------------------------------------------------------------------
   C. PAGES CATÉGORIES (miel, confiture, bocaux…)
   ------------------------------------------------------------------ */

/* C1. En-tête : titre, texte d'introduction, fil d'Ariane, liens et filtres en bleu ; introduction sans gras ni soulignement */
.list-models .header-wrapper h1.page-title,
.list-models .header-wrapper .description-wrapper,
.list-models .header-wrapper .description-wrapper p,
.list-models .header-wrapper .description-wrapper li,
.list-models .header-wrapper .nb_products,
.list-models .header-wrapper header .breadcrumb-wrapper strong,
.list-models .header-wrapper header .description-wrapper a,
.list-models .header-wrapper .color-secondary,
.list-models .header-wrapper header #filters-container .btn-filter{color:var(--rubaco-bleu)!important}
.list-models .header-wrapper .description-wrapper b,
.list-models .header-wrapper .description-wrapper strong{font-weight:inherit!important;color:inherit!important}
.list-models .header-wrapper .description-wrapper a{text-decoration:none!important}
.list-models .header-wrapper .btn-secondary{background:var(--rubaco-bleu)!important;border-color:var(--rubaco-bleu)!important}

/* C2. Listing produits : textes et dimensions en bleu (les prix restent rouges) */
.list-models .item-model .price-wrapper .fs-s,
.list-models .item-model .dimensions-wrapper,
.list-models .item-model .dimensions-wrapper *,
.list-models .pagination-loop-models .page-numbers:not(.current){color:var(--rubaco-bleu)!important}
.list-models .pagination-loop-models .page-numbers::after{background-color:var(--rubaco-bleu)!important}

/* C3. Texte SEO et bas de page : titres, liens, gras, puces, « Découvrez aussi » */
.list-models .infos-wrapper .content .title,
.list-models .infos-wrapper .content h2,
.list-models .infos-wrapper .content h3,
.list-models .infos-wrapper a,
.list-models .infos-wrapper strong,
.list-models .infos-wrapper b,
.list-models .infos-wrapper .color-secondary,
.list-models .infos-wrapper a.btn-expensive-content-desc::after,
.list-models .title-supp-work-model,
.list-models .main-title-wrapper .title-regular,
.list-models .main-title-wrapper .title-link::after,
.list-models .title.title-regular,
.list-models a.btn.grey-vers,
.list-models a.btn.grey-vers::before{color:var(--rubaco-bleu)!important}
.list-models .infos-wrapper ul.fancy li::before{background-color:var(--rubaco-bleu)!important}


/* ------------------------------------------------------------------
   E. FICHES PRODUITS
   ------------------------------------------------------------------ */

/* E1. Textes foncés en bleu (le menu des quantités garde son fond bleu et son texte blanc ; seules les options de la liste passent en bleu) */
.product-page-v2 .prod-hero__feature-text,
.product-page-v2 select option{color:var(--rubaco-bleu)!important}

/* E2. Boutons du haut de fiche : « Demander une maquette gratuite » (rouge) et « Accéder au simulateur » (contour bleu), même taille ; centrés sur mobile */
.product-page-v2 .prod-hero__actions .prod-btn{box-sizing:border-box!important;width:242px!important;max-width:100%!important;flex:0 0 auto!important;align-self:center!important;justify-content:center!important;text-align:center!important;padding:8px 14px!important;font-size:12.5px!important;border-width:2px!important;border-style:solid!important}
.product-page-v2 .prod-hero__actions .prod-btn--primary{border-color:var(--rubaco-rouge)!important}
@media (max-width:575px){}

/* E3. Boutons « Appelez-nous » (contour) et « Contactez-nous » (plein) en bleu */
.product-page-v2 .prod-btn--ghost{color:var(--rubaco-bleu)!important;border-color:var(--rubaco-bleu)!important}
.product-page-v2 .prod-btn--ghost svg{color:var(--rubaco-bleu)!important;stroke:var(--rubaco-bleu)!important}
.product-page-v2 .prod-btn--ghost:hover{background:var(--rubaco-bleu)!important;color:#fff!important}
.product-page-v2 .prod-btn--ghost:hover svg{color:#fff!important;stroke:#fff!important}
.product-page-v2 .prod-section__actions .prod-btn--primary,
.product-page-v2 .prod-cta-final__actions .prod-btn--primary{background:var(--rubaco-bleu)!important;border-color:var(--rubaco-bleu)!important;color:#fff!important}
.product-page-v2 .prod-section__actions .prod-btn--primary:hover,
.product-page-v2 .prod-cta-final__actions .prod-btn--primary:hover{background:var(--rubaco-bleu-fonce)!important;border-color:var(--rubaco-bleu-fonce)!important}

/* E4. Pictos des étapes « Choisissez », « Personnalisez », « Recevez » en bleu */
.product-page-v2 .prod-step__icon{background-color:rgba(26,58,107,.1)!important;color:var(--rubaco-bleu)!important}
.product-page-v2 .prod-step__icon svg{stroke:var(--rubaco-bleu)!important;color:var(--rubaco-bleu)!important}

/* E5. Lien de catégorie, icône « Mélangez plusieurs variétés… » et barre mobile « Obtenir mon devis » en bleu */
.product-page-v2 .prod-hero__cat{color:var(--rubaco-bleu)!important}
.rubaco-product-note svg,
.rubaco-list-note svg{color:var(--rubaco-bleu)!important;stroke:var(--rubaco-bleu)!important}
.prod-mobile-sticky-bar .prod-sticky-btn,
.prod-mobile-sticky-bar .prod-sticky-btn:hover{background:var(--rubaco-bleu)!important;border-color:var(--rubaco-bleu)!important;color:#fff!important}
.prod-mobile-sticky-bar .prod-sticky-btn svg{color:#fff!important}

/* E6. Menu des quantités (mobile) : quantité centrée et plus grande, flèche plus grande et plus visible */
.prod-price-mobile__select select{font-size:16px!important;font-weight:700!important;text-align:center!important;text-align-last:center!important;padding-left:40px!important;padding-right:40px!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-size:22px 22px!important;background-repeat:no-repeat!important;background-position:calc(100% - 12px) 50%!important}
.prod-price-mobile__result{min-width:92px!important;text-align:center!important}