/* Nozzler, charte « Bobines » (11/11/2026). Surcouche du thème Rehub, chargée après ses styles.
   Les couleurs de base du thème (#1196ab, #2bb4c4, #333333) sont aussi à changer dans ses options. */

@font-face{font-family:"Bricolage Grotesque";src:url("fonts/bricolage-grotesque.woff2") format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"Figtree";src:url("fonts/figtree.woff2") format("woff2");font-weight:300 900;font-display:swap}

:root{
  --nz-encre:#1b1838; --nz-encre-2:#2c2852; --nz-gris:#66637e; --nz-trait:#e6e4f0; --nz-fond:#f6f5fb;
  --nz-violet:#8a5cf6; --nz-lien:#6a3de8; --nz-rouge:#ff4b3e; --nz-orange:#ff9f1c; --nz-jaune:#ffcf2e; --nz-vert:#27c17a; --nz-bleu:#3a86ff;
  --nz-titres:"Bricolage Grotesque","Figtree",system-ui,sans-serif;
  --nz-texte:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --nz-rayon:16px;
  --nz-strates:linear-gradient(to bottom,var(--nz-rouge) 0 16.66%,var(--nz-orange) 16.66% 33.33%,var(--nz-jaune) 33.33% 50%,var(--nz-vert) 50% 66.66%,var(--nz-bleu) 66.66% 83.33%,var(--nz-violet) 83.33%);
}

/* ---------- fond et typographie ---------- */
body,body.noinnerpadding{background:var(--nz-fond)!important;color:var(--nz-encre)}
body,body p,body li,body input,body select,body textarea,body button,.post,.rh-container,nav.top_menu,.widget,.btn_offer_block{font-family:var(--nz-texte)!important}
h1,h2,h3,h4,h5,h6,.title_single_area h1,.widget .title,.wpsm_heading,.rh-heading,.elementor-heading-title{font-family:var(--nz-titres)!important;font-weight:800!important;letter-spacing:-.02em;color:var(--nz-encre)}
body.single .post a:not(.btn_offer_block):not(.re_track_btn):not(.wp-block-button__link),.sidebar .widget a,.post-inner p a{color:var(--nz-lien)}
.featured_grid h2 a,.featured_grid .post-meta,.col-feat-grid h2 a{color:#fff!important}
.offer_grid h3 a,.offer_grid h3 a.re_track_btn{background:transparent!important;color:var(--nz-encre)!important;padding:0!important;letter-spacing:-.01em!important;text-transform:none!important}
.offer_grid figure,.offer_grid .img-centered-flex{background:#fff!important}

/* ---------- en-tête blanc, strates en dessous ---------- */
#main_header,#main_header .logo_section_wrap,.is-sticky .logo_section_wrap,.sticky-active.logo_section_wrap,
header .main-nav,.main-nav.dark_style,.header_one_row .main-nav,#main_header .main-nav,.rh-stickme,.header_top_wrap{background:#fff!important;box-shadow:none!important}
#main_header{position:relative;border-bottom:0!important}
#main_header::after{content:"";display:block;height:6px;background:linear-gradient(to right,var(--nz-rouge) 0 16.66%,var(--nz-orange) 16.66% 33.33%,var(--nz-jaune) 33.33% 50%,var(--nz-vert) 50% 66.66%,var(--nz-bleu) 66.66% 83.33%,var(--nz-violet) 83.33%)}
#main_header .logo img,.logo_image img,#mobpanelimg,.rh-mobile-logo img{height:46px!important;width:auto!important;max-height:none!important}
nav.top_menu>ul>li>a,#main_header nav.top_menu>ul>li>a{color:var(--nz-encre)!important;font-weight:700!important;font-size:15px!important;text-transform:none!important}
nav.top_menu>ul>li>a:hover,nav.top_menu>ul>li.current-menu-item>a,nav.top_menu>ul>li.current-menu-ancestor>a{color:var(--nz-lien)!important;background:transparent!important}
nav.top_menu>ul>li>a:after{border-color:var(--nz-violet)!important;background:var(--nz-violet)!important}
nav.top_menu>ul>li{border:0!important}
nav.top_menu>ul>li.rehub-main-color-bg{background:transparent!important}
nav.top_menu>ul>li.rehub-main-color-bg>a{background:var(--nz-violet)!important;color:#fff!important;border-radius:999px;padding:7px 16px!important;line-height:20px!important;margin:0!important;display:inline-block!important;vertical-align:middle}
nav.top_menu ul.sub-menu{border-radius:12px!important;border:1px solid var(--nz-trait)!important;box-shadow:0 12px 30px rgba(27,24,56,.12)!important;overflow:hidden}
nav.top_menu ul.sub-menu a{color:var(--nz-encre)!important}
.dl-menuwrapper button svg line{stroke:var(--nz-encre)!important}
#main_header .rhicon,#main_header .icon-in-main-menu,#main_header .rh-header-icon{color:var(--nz-encre)!important}

/* recherche */
#main_header form.search-form input[type="text"],.head_search input[type="text"]{border:1.5px solid var(--nz-trait)!important;border-radius:999px 0 0 999px!important;background:var(--nz-fond)!important;color:var(--nz-encre)!important;height:42px}
#main_header form.search-form [type="submit"],header .search form.search-form [type="submit"]{background:var(--nz-encre)!important;color:#fff!important;border-radius:0 999px 999px 0!important;height:42px}
/* panier */
#main_header .rh_woocartmenu-link,#main_header .cart-contents,#main_header .menu-cart-btn{background:var(--nz-violet)!important;color:#fff!important;border-radius:999px!important}

/* ---------- cartes d'offres (grilles) ---------- */
.offer_grid,.col_item.offer_grid,.rh-shadow3,.news-community,.rh-cartbox,.wpsm_box,.rh-post-wrapper,.post-inner,.main-side,.sidebar .widget{border-radius:var(--nz-rayon)!important}
.offer_grid,.col_item.offer_grid{background:#fff!important;border:1px solid var(--nz-trait)!important;box-shadow:none!important;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
.offer_grid:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(27,24,56,.10)!important}
.offer_grid .info_in_dealgrid h3,.offer_grid h3 a,.offer_grid .grid_desc_and_btn h3{font-family:var(--nz-titres)!important;font-weight:700!important;color:var(--nz-encre)!important;letter-spacing:-.01em}
.grid_onsale{background:var(--nz-rouge)!important;color:#fff!important;border-radius:8px!important;font-weight:800!important;font-family:var(--nz-texte)!important}
.rh_regular_price,.price_count,.price_for_grid .price_count,.priced_block .price_count,.redbrightcolor{color:var(--nz-encre)!important;font-weight:800!important;font-family:var(--nz-texte)!important}
.price_count del,.rh_price_wrapper del,.priced_block del{color:var(--nz-gris)!important;font-weight:400!important}
.cat_for_grid a,.cat_link_meta a,.cat_store_for_grid,.store_for_grid{color:var(--nz-gris)!important;font-weight:600;letter-spacing:.06em}
.re_actions_for_grid,.offer_grid .border-top{border-color:var(--nz-trait)!important}

/* boutons d'achat */
.btn_offer_block,.priced_block .btn_offer_block,.btn_act_for_grid .btn_offer_block,a.btn_offer_block,.wpsm-button.rehub_main_btn,.woocommerce .button.alt,.woocommerce button.button.alt,form.search-form [type="submit"]{
  background:var(--nz-encre)!important;color:#fff!important;border:0!important;border-radius:12px!important;box-shadow:none!important;
  font-family:var(--nz-texte)!important;font-weight:800!important;letter-spacing:.03em;text-shadow:none!important}
.btn_offer_block:hover{background:var(--nz-violet)!important;color:#fff!important}
.btn_offer_block .rhicon,.btn_offer_block i{color:var(--nz-jaune)!important}

/* ---------- fiche ---------- */
.rh-post-wrapper,.main-side.single,.post-inner{background:#fff}
.title_single_area h1{font-size:clamp(28px,3.2vw,40px)!important;line-height:1.08!important}
.single .rh_regular_price{font-size:30px!important}
.rh-cat-label,.rh-label-string,a.rh-label-string,.cat-label{background:var(--nz-encre)!important;color:#fff!important;border-radius:999px!important;padding:4px 10px!important;font-weight:700!important;letter-spacing:.04em}
body.single .post h2{position:relative;padding-left:16px}
body.single .post h2::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:6px;border-radius:3px;background:var(--nz-strates)}
.wp-block-button__link{background:var(--nz-encre)!important;color:#fff!important;border-radius:999px!important}

/* ---------- barre latérale et pied ---------- */
.widget .title,.sidebar .widget .title{font-size:20px!important;color:var(--nz-encre)!important}
.widget .title:after{border-bottom:0!important;height:4px;width:44px;border-radius:2px;background:linear-gradient(to right,var(--nz-rouge) 0 16.66%,var(--nz-orange) 16.66% 33.33%,var(--nz-jaune) 33.33% 50%,var(--nz-vert) 50% 66.66%,var(--nz-bleu) 66.66% 83.33%,var(--nz-violet) 83.33%)}
footer,#theme_footer,.footer-bottom,.footer_widget{background:var(--nz-encre)!important;color:#d9d6ee!important}
.footer-bottom a,#theme_footer a{color:#fff!important}

/* bandeau cookies (Complianz) : bouton aux couleurs du site */
.cmplz-cookiebanner{border-radius:var(--nz-rayon)!important;font-family:var(--nz-texte)!important}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept{background:var(--nz-encre)!important;border-color:var(--nz-encre)!important;color:#fff!important;border-radius:12px!important}
.cmplz-cookiebanner .cmplz-message{font-size:14px!important;line-height:1.5}
#main_header form.search-form [type="submit"] i,#main_header form.search-form [type="submit"] .rhicon{color:#fff!important}
.sale_a_proc,span.sale_a_proc{background:var(--nz-rouge)!important;color:#fff!important;font-family:var(--nz-texte)!important;font-weight:800!important}

/* 1.0.2 : Rehub imprime ses couleurs après cette feuille, d'où des sélecteurs plus précis */
/* pied de page : tout le conteneur en encre (le gris #333 d'origine devenait blanc entre les colonnes) */
html body .footer-bottom,html body .footer-bottom.dark_style,html body #theme_footer,html body #theme_footer.dark_style{background-color:var(--nz-encre)!important}
html body .footer-bottom .footer_widget{background:transparent!important}
/* menu burger mobile : trois barres aux couleurs des strates du logo */
#dl-trigger svg line{stroke-width:3.2!important}
#dl-trigger #rhlinemenu_1{stroke:var(--nz-rouge)!important}
#dl-trigger #rhlinemenu_2{stroke:var(--nz-vert)!important}
#dl-trigger #rhlinemenu_3{stroke:var(--nz-violet)!important}
/* 1.0.3 : « Prestations » dans le menu mobile coulissant (encre sur encre) -> violet, texte blanc */
html body #slide-menu-mobile li.rehub-main-color-bg,html body #rhslidingMenu li.rehub-main-color-bg{background:var(--nz-violet)!important}
html body #slide-menu-mobile li.rehub-main-color-bg>a,html body #rhslidingMenu li.rehub-main-color-bg>a{color:#fff!important}