/* fl-design.css v=ds3 - Fibre Lab : header olive, logo detache, bandeau accueil pleine largeur, footer vert fonce.
   Couleurs reprises de fibreherd.fr assets/fh-identite.css (ident1, 10/10/2026).
   Fichier ajoute, aucun fichier du theme modifie. Retrait = supprimer la balise <link>. */
:root{--fld-olive:#6E8B4A;--fld-olive-text:#5C7640;--fld-cream:#F6F3EC;--fld-light:#F7F4EE;--fld-foot:#24301C;--fld-foot-txt:#D3DCC6;--fld-foot-h:#B9C9A0;--fld-foot-a:#E6EADF}

/* ---------- Header ---------- */
#header,#header .header-banner,#header .header-nav,#header .header-top{background:var(--fld-olive)!important;color:#fff!important;border:0!important}
#header .header-nav{border-bottom:1px solid rgba(255,255,255,.18)!important}
#header{box-shadow:0 2px 12px rgba(28,36,16,.22)}
#header #contact-link,#header #contact-link a,#header .header-nav a,#header .header-nav .material-icons,#header .header-nav span,#header #menu-icon,#header #menu-icon .material-icons{color:#fff!important}
/* Menu principal */
#header .top-menu a[data-depth="0"],#header #_desktop_top_menu .top-menu>li>a{color:#fff!important;border-bottom:2px solid transparent}
#header .top-menu a[data-depth="0"]:hover,#header .top-menu>li:hover>a[data-depth="0"],#header .top-menu a[data-depth="0"]:focus-visible{color:#fff!important;border-bottom-color:rgba(255,255,255,.55)}
/* sous-menus : on garde le fond clair du theme, texte encre */
#header .top-menu .sub-menu{background:#fff!important}
#header .top-menu .sub-menu a,#header .top-menu .sub-menu a[data-depth]{color:#2C3820!important;border:0}
#header .top-menu .sub-menu a:hover{color:var(--fld-olive-text)!important}
/* Boutons header : Connexion = contour blanc, Panier = pastille creme, langue = contour blanc fin */
@media (min-width:768px){
#header #_desktop_user_info .user-info>a,#header #_desktop_user_info .user-info a.account,#header #_desktop_user_info .user-info a.logout{display:inline-flex!important;align-items:center;gap:6px;color:#fff!important;border:2px solid #fff;border-radius:999px;padding:5px 14px!important;font-weight:700;line-height:1.2;text-decoration:none;margin:0 4px}
#header #_desktop_user_info .user-info a:hover,#header #_desktop_user_info .user-info a:focus-visible{background:rgba(255,255,255,.14)!important}
#header #_desktop_cart .blockcart{background:var(--fld-cream)!important;border:2px solid var(--fld-cream);border-radius:999px;padding:5px 14px!important;margin-left:6px}
#header #_desktop_cart .blockcart,#header #_desktop_cart .blockcart *{color:var(--fld-olive-text)!important;font-weight:700}
#header #_desktop_cart .blockcart:hover{background:#fff!important;border-color:#fff}
#header #_desktop_cart .blockcart .header{padding:0!important;margin:0!important;background:transparent!important}
#header .ln-lang-btn{border:1.5px solid rgba(255,255,255,.7)!important;border-radius:999px!important;padding:4px 10px!important;color:#fff!important;background:transparent!important}
#header .ln-lang-btn:hover,#header .language-selector.open .ln-lang-btn{background:rgba(255,255,255,.12)!important;border-color:#fff!important}
#header .language-selector .dropdown-menu a,#header .language-selector .dropdown-menu span{color:#2C3820!important}
}
/* Recherche : champ blanc arrondi sur le vert */
#header #search_widget form input[type=text]{background:#fff!important;border:2px solid #fff!important;border-radius:999px!important;color:#2C3820!important}
#header #search_widget form input[type=text]::placeholder{color:#5B6656!important}
#header #search_widget form .material-icons,#header #search_widget form button .material-icons{color:var(--fld-olive-text)!important}
#header a:focus-visible,#header button:focus-visible{outline:2px solid #fff!important;outline-offset:2px}
/* Mobile : icones blanches, menu deroulant fond blanc */
@media (max-width:767px){
#header .header-nav .mobile .material-icons,#header #_mobile_cart .material-icons,#header #_mobile_user_info .material-icons,#header .cart-products-count{color:#fff!important}
#header #_mobile_cart .blockcart{background:transparent!important}
#mobile_top_menu_wrapper{background:#fff!important;color:#2C3820}
#mobile_top_menu_wrapper a,#mobile_top_menu_wrapper .material-icons,#mobile_top_menu_wrapper span{color:#2C3820!important}
}

/* ---------- Logo : disque blanc + anneau blanc pour detacher le cercle vert ---------- */
#header #_desktop_logo img.logo,#header #_mobile_logo img.logo{background:#fff;border-radius:50%;padding:4px;box-shadow:0 0 0 3px rgba(255,255,255,.95),0 3px 10px rgba(20,28,12,.30);box-sizing:border-box}
#header #_desktop_logo{padding-top:8px;padding-bottom:6px}

/* ---------- Bandeau accueil pleine largeur (bord a bord) ---------- */
html,body{overflow-x:clip}
body#index #wrapper .breadcrumb{display:none}
body#index #wrapper{padding-top:0!important}
#custom-text .flh-hero--b{position:relative;width:100vw!important;max-width:100vw!important;left:50%;margin-left:-50vw!important;margin-right:0!important;border-radius:0!important;background-size:cover!important;background-position:center!important;min-height:520px;display:flex;align-items:center}
#custom-text .flh-hero--b .flh-wrap{width:100%}
#custom-text .flh-hero--b .flh-btn:not(.flh-btn--light){background:var(--fld-cream)!important;border-color:var(--fld-cream)!important;color:var(--fld-olive-text)!important;border-radius:999px!important}
#custom-text .flh-hero--b .flh-btn--light{border-radius:999px!important}
#custom-text .flh-hero--b h1,#custom-text .flh-hero--b .flh-lead{text-shadow:0 1px 3px rgba(0,0,0,.35)}
@media (max-width:767px){#custom-text .flh-hero--b{min-height:440px;padding:56px 0 40px!important;background-position:30% center!important}}

/* ---------- Footer vert fonce ---------- */
#footer,#footer .footer-container,#footer .ln-footer,#footer .block_newsletter,#footer .ln-footer-social{background:var(--fld-foot)!important;color:var(--fld-foot-txt)!important;border:0!important;box-shadow:none!important}
#footer .footer-container{margin-top:0!important}
#footer h3,#footer h4,#footer .h3,#footer .h4,#footer #block-newsletter-label,#footer .ln-footer-social__label{color:var(--fld-foot-h)!important}
#footer p,#footer li,#footer span:not(.material-icons),#footer .ln-footer__col li{color:var(--fld-foot-txt)!important}
#footer a,#footer a span{color:var(--fld-foot-a)!important;text-decoration:none}
#footer a:hover,#footer a:focus-visible{color:#fff!important;text-decoration:underline}
#footer .ln-footer-social a svg,#footer .ln-footer-social a i{color:var(--fld-foot-a)!important;fill:currentColor}
#footer .block_newsletter input[type=email]{background:#fff!important;color:#2C3820!important;border:2px solid #fff!important}
#footer .block_newsletter .btn-primary{background:var(--fld-cream)!important;border-color:var(--fld-cream)!important;color:var(--fld-olive-text)!important;font-weight:700}
#footer hr,#footer .ln-footer__bottom{border-color:rgba(211,220,198,.25)!important}
/* Ajustements */
#header #_desktop_cart .cart-products-count{background:transparent!important;color:var(--fld-olive-text)!important;padding:0!important}
#header #_mobile_cart .cart-products-count{background:transparent!important;color:#fff!important}
#footer .fl-open-cookies{background:transparent!important;border:0!important;color:var(--fld-foot-a)!important;text-decoration:underline;cursor:pointer;font:inherit}
#footer .fl-open-cookies:hover{color:#fff!important}
#footer .ln-footer-social__list a{background:var(--fld-olive)!important;color:#fff!important}
#footer .ln-footer-social__list a:hover{background:#fff!important;color:var(--fld-foot)!important}
#footer .ln-footer-social__list a *{color:inherit!important;fill:currentColor}
/* Le theme coupe #main et #content (overflow:hidden) en mobile : on libere pour le bandeau bord a bord (html/body coupent deja en x) */
body#index #main,body#index #content.page-home{overflow:visible!important}
/* Menu mobile : liens encre sur fond blanc (prioritaire sur le blanc du header) */
@media (max-width:767px){#header #mobile_top_menu_wrapper .top-menu a,#header #mobile_top_menu_wrapper .top-menu a[data-depth="0"],#header #mobile_top_menu_wrapper .top-menu .material-icons,#header #mobile_top_menu_wrapper .ln-lang-code,#header #mobile_top_menu_wrapper span{color:#2C3820!important;border-bottom-color:#E2E6DC!important}}

/* ===== ds2 (18/10) : menu et boutons du header au style exact de fibreherd.fr (valeurs calculees sur la page live, fh-identite.css + fh-hdr1.css) ===== */
@media (min-width:768px){
html body #header #_desktop_top_menu ul.top-menu{gap:var(--fld-menu-gap,4px)!important}
html body #header #_desktop_top_menu ul.top-menu>li>a.dropdown-item[data-depth="0"],
html body #header #_desktop_top_menu ul.top-menu>li>a[data-depth="0"]{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-size:var(--fld-menu-fs,19px)!important;font-weight:700!important;line-height:1.2!important;letter-spacing:normal!important;text-transform:none!important;color:#fff!important;background:transparent!important;padding:8px var(--fld-menu-px,12px) 9px!important;border-radius:0!important;border-bottom:1px solid transparent!important;text-decoration:none!important}
html body #header #_desktop_top_menu ul.top-menu>li>a[data-depth="0"]:hover,
html body #header #_desktop_top_menu ul.top-menu>li:hover>a[data-depth="0"],
html body #header #_desktop_top_menu ul.top-menu>li>a[data-depth="0"]:focus-visible{border-bottom-color:rgba(255,255,255,.55)!important;color:#fff!important}
/* Connexion : pastille #5C7640, contour blanc 1px .78, 15px 500, hauteur 36 */
html body #header #_desktop_user_info .user-info>a{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-size:15px!important;font-weight:500!important;letter-spacing:.005em!important;line-height:15px!important;height:36px;box-sizing:border-box;padding:0 16px!important;background:#5C7640!important;color:#fff!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:999px!important;text-transform:none!important}
html body #header #_desktop_user_info .user-info>a *{color:#fff!important;font:inherit!important}
html body #header #_desktop_user_info .user-info>a .material-icons{font-family:'Material Icons'!important;font-size:18px!important}
/* Panier : style « Essayer » (creme #F6F3EC, texte #5C7640, 0 18px) */
html body #header #_desktop_cart .blockcart{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-size:15px!important;font-weight:500!important;letter-spacing:.005em!important;line-height:15px!important;height:36px;box-sizing:border-box;display:inline-flex!important;align-items:center;padding:0 18px!important;background:#F6F3EC!important;border:1px solid #F6F3EC!important;border-radius:999px!important}
html body #header #_desktop_cart .blockcart *{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;color:#5C7640!important;text-transform:none!important}
html body #header #_desktop_cart .blockcart .material-icons{font-family:'Material Icons'!important;font-size:18px!important}
/* Langue : contour 1px .55, fond rgba(255,255,255,.08) */
html body #header .ln-lang-btn{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-size:15px!important;font-weight:500!important;line-height:15px!important;height:36px;box-sizing:border-box;display:inline-flex!important;align-items:center;gap:6px;padding:0 10px 0 11px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:999px!important;color:#fff!important}
html body #header .ln-lang-btn *{color:#fff!important;font-weight:500!important}
html body #header .ln-lang-btn .material-icons{font-family:'Material Icons'!important}
html body #header #_desktop_user_info .user-info>a:hover{background:#4F6637!important}
html body #header #_desktop_cart .blockcart:hover{background:#fff!important;border-color:#fff!important}
html body #header .ln-topbar{min-height:48px;align-items:center}
}
/* Menu burger : style mobile de Fibre Herd (encre #2C3820, 16 px gras, filets #E2E6DC), retour a la ligne autorise */
@media (max-width:767px){html body #header #mobile_top_menu_wrapper .top-menu a[data-depth]{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-size:16px!important;font-weight:700!important;text-transform:none!important;letter-spacing:normal!important;white-space:normal!important;line-height:1.3!important;color:#2C3820!important}}
/* ds3 : taille du menu (mesuree dans les 5 langues avec les libelles courts) */
@media (min-width:1200px){html body #header{--fld-menu-fs:19px;--fld-menu-px:8px}}
@media (min-width:992px) and (max-width:1199px){html body #header{--fld-menu-fs:15px;--fld-menu-px:10px}}
@media (min-width:768px) and (max-width:991px){html body #header{--fld-menu-fs:15px;--fld-menu-px:10px}
html body #header #_desktop_top_menu ul.top-menu{flex-wrap:wrap!important;row-gap:2px!important;white-space:normal!important}}

/* hc1 - accueil : bandeau centre (19/10) */
#custom-text .flh .flh-hero--b .flh-wrap{text-align:center!important}
#custom-text .flh .flh-hero--b .flh-lead{margin-left:auto!important;margin-right:auto!important}
#custom-text .flh .flh-hero--b .flh-btns,#custom-text .flh .flh-hero--b .flh-pills{justify-content:center!important}