/* FSA Inox : palette « Bleu pétrole » (choix du 06/11/2026), chargée sur tout le site par _partials/header.tpl et checkout/_partials/header.tpl */
:root{--fsa-petrol:#0e5e6f;--fsa-petrol-dark:#0b4f5c;--fsa-petrol-deep:#0a3d47;--fsa-link:#0e7490;--fsa-ink:#102a33;--fsa-muted:#45606a;--fsa-line:#d7e6e9;--fsa-tint:#e3f1f3;--fsa-page:#f4f8f9;--fsa-amber:#f59e0b;--fsa-amber-dark:#d98a06;--fsa-on-amber:#1a1a1a}

/* Bandeau du haut : clair */
#top_bar,#top_bar_container,#top_bar .wide_container_box{background:var(--fsa-tint) !important;border:0 !important}
#top_bar,#top_bar a,#top_bar .flex_box{color:var(--fsa-petrol-dark) !important}

/* En-tête : pétrole (site, tunnel de commande, barre mobile y compris collée en haut au défilement) */
#st_header,#header_primary,#header_primary .wide_container_box,#header_primary .wide_container,#header_primary_container,.checkout_header,#mobile_bar,#mobile_bar.stuck,body #mobile_bar.stuck{background:var(--fsa-petrol) !important}
#mobile_bar.stuck{box-shadow:0 2px 10px rgba(16,42,51,.18) !important}

/* En-tête 1 bis : recherche limitée à 520 px, icônes au trait, panier « Panier · n » (fsa-header.css pour le reste) */
body #header_center .search_widget_block{width:520px !important;max-width:100% !important;flex:0 0 auto !important;margin:0 auto}
body .fsa-hquote-btn svg,body .fsa-hphone-ico svg,body .fsam svg,body .fsa-mquote svg,body .fsa-mlinks svg{fill:none !important}
body #header_right_top .blockcart .header_icon_btn_text{display:none !important}
body #header_right_top .blockcart .ajax_cart_quantity:before{content:"Panier · ";font-weight:700}

/* Barre de menu : blanche, texte encre, repère ambre (y compris collée en haut au défilement) */
#top_extra,#top_extra .wide_container,#top_extra .boxed_megamenu,#top_extra .st_mega_menu_container,body #top_extra .st_mega_menu_container.stuck,body #st_header .st_mega_menu_container.stuck{background:#fff !important}
body #top_extra .st_mega_menu_container.stuck{box-shadow:0 2px 12px rgba(16,42,51,.12) !important;border-bottom:1px solid var(--fsa-line)}
#top_extra{border-bottom:1px solid var(--fsa-line)}
#st_mega_menu_wrap .ma_level_0{color:var(--fsa-ink) !important;background:transparent !important;font-size:15px !important}
#st_mega_menu_wrap .ma_level_0 .cate_label,#st_mega_menu_wrap .ma_level_0 i{color:inherit !important}
#st_mega_menu_wrap li.ml_level_0:hover>.ma_level_0,#st_mega_menu_wrap li.ml_level_0.current>.ma_level_0,#st_mega_menu_wrap li.ml_level_0>.ma_level_0:focus{color:var(--fsa-petrol) !important;box-shadow:inset 0 -3px 0 var(--fsa-amber)}
/* Sur mesure = première entrée du menu : pastille moutarde, quel que soit le numéro de l'entrée (préprod et officiel) */
body #st_mega_menu_wrap .ml_level_0:first-child>.ma_level_0{height:34px !important;line-height:32px !important;margin-top:5px !important;padding:0 16px !important;border-radius:999px;background:#fbf0d4 !important;border:1px solid #e0a82e;color:#6b4a00 !important;box-shadow:none !important}
body #st_mega_menu_wrap .ml_level_0:first-child:hover>.ma_level_0{background:#e0a82e !important;color:#1a1a1a !important}

/* Panneaux du menu (cartes) : liens pétrole ; textes et photos agrandis d'environ 6 % (06/11, 16 h 25) */
.fsam-hero span{color:var(--fsa-link) !important;font-size:14px !important}
.fsam-hero strong{font-size:17px !important}
.fsam-hero p{font-size:14px !important}
.fsam-lbl{font-size:12px !important}
.fsam-card{font-size:14px !important}
.fsam-card small{font-size:13px !important}
.fsam-card img,.fsam-ico{flex:0 0 58px !important;width:58px !important;height:58px !important}
.fsam-card:hover{border-color:var(--fsa-link) !important;color:var(--fsa-petrol) !important;box-shadow:0 4px 14px rgba(14,116,144,.14) !important}

/* Panier : pastille ambre */
.ajax_cart_quantity.amount_circle{background:var(--fsa-amber) !important;color:var(--fsa-on-amber) !important;border-color:var(--fsa-amber) !important}

/* Boutons : contour pétrole ; achat en ambre */
.btn-default{color:var(--fsa-petrol);border-color:var(--fsa-petrol)}
.btn-default:hover,.btn-default:focus{background:var(--fsa-petrol) !important;border-color:var(--fsa-petrol) !important;color:#fff !important}
.btn-outline-primary{color:var(--fsa-petrol) !important;border-color:var(--fsa-petrol) !important}
.btn-outline-primary:hover:not(:disabled){background:var(--fsa-petrol) !important;color:#fff !important}
.add-to-cart,.btn-default.add-to-cart,.product-add-to-cart .add-to-cart,#blockcart-modal .btn-primary,.cart-detailed-actions .btn,.cart-detailed-actions .btn-primary,.checkout .btn-primary,.btn-primary[class*="-add"]:not(:disabled){background:var(--fsa-amber) !important;border-color:var(--fsa-amber) !important;color:var(--fsa-on-amber) !important}
.add-to-cart:hover,.btn-default.add-to-cart:hover,.product-add-to-cart .add-to-cart:hover,#blockcart-modal .btn-primary:hover,.cart-detailed-actions .btn:hover,.cart-detailed-actions .btn-primary:hover,.checkout .btn-primary:hover,.btn-primary[class*="-add"]:not(:disabled):hover{background:var(--fsa-amber-dark) !important;border-color:var(--fsa-amber-dark) !important;color:var(--fsa-on-amber) !important}
.btn-primary{background:var(--fsa-petrol);border-color:var(--fsa-petrol)}
.btn-primary:hover,.btn-primary:focus{background:var(--fsa-petrol-dark);border-color:var(--fsa-petrol-dark)}
a.go{background:var(--fsa-petrol) !important}

/* Onglets de fiche produit : onglet actif pétrole, repère ambre */
.nav-tabs .nav-link.active,.nav-tabs .nav-item.active>.nav-link{color:var(--fsa-petrol) !important;border-top-color:var(--fsa-amber) !important}

/* Configurateurs kit câble, coupe, garde-corps et formulaire de devis : texte encre, choix sur fond pétrole clair */
.fsack{--fsack-ink:#102a33;--fsack-soft:#e3f1f3;--fsack-line:#d7e6e9}
.fsacc,#fsacc{--fsacc-ink:#102a33;--fsacc-soft:#e3f1f3;--fsacc-line:#d7e6e9;--fsacc-muted:#45606a}
.fsagc,#fsagc,[class^="fsagc"]{--fsagc-ink:#102a33;--fsagc-soft:#e3f1f3;--fsagc-line:#d7e6e9;--fsagc-muted:#45606a}
.fd{--fd-ink:#102a33;--fd-soft:#e3f1f3;--fd-line:#d7e6e9;--fd-muted:#45606a}

/* Recherche instantanée (06/11, 17 h 40) : bleu marine d'origine passé en pétrole, survol rouge retiré */
body .ui-jolisearch .fsa-js{color:var(--fsa-ink) !important}
body .ui-jolisearch .fsa-js h4{color:var(--fsa-ink) !important;border-bottom-color:var(--fsa-amber) !important}
body .ui-jolisearch .fsa-js .items-count{background:var(--fsa-petrol) !important}
body .ui-jolisearch .fsa-js-cats a{background:var(--fsa-page) !important;color:var(--fsa-ink) !important}
body .ui-jolisearch .fsa-js-cats a:hover,body .ui-jolisearch .fsa-js-cats a.ui-state-active,body .ui-jolisearch .fsa-js-cats .ui-state-focus{background:var(--fsa-petrol) !important;color:#fff !important}
body .ui-jolisearch .fsa-js-cats a:hover .fsa-js-n{color:#cfe8ec !important}
body .ui-jolisearch .fsa-js-item:hover{background:var(--fsa-page) !important;border-color:var(--fsa-line) !important}
body .ui-jolisearch .fsa-js-item .s_title_block{color:var(--fsa-ink) !important}
body .ui-jolisearch .fsa-js-price{color:var(--fsa-petrol) !important}
body .ui-jolisearch .fsa-js-more{background:var(--fsa-petrol) !important;color:#fff !important}
body .ui-jolisearch .fsa-js-more:hover{background:var(--fsa-petrol-dark) !important;color:#fff !important}

/* Contenus (descriptions de catégories et de fiches, pages CMS) : encadrés et tableaux de la charte HTML passés en pétrole */
[style*="eaf4fb" i]{background-color:var(--fsa-tint) !important}
[style*="2980b9" i]{border-left-color:var(--fsa-petrol) !important}
[style*="1f5f8b" i]{color:var(--fsa-petrol-dark) !important}
th[style*="2c3e50" i],tr[style*="2c3e50" i]{background:var(--fsa-petrol) !important;color:#fff !important}
div[style*="solid #2c3e50" i],p[style*="solid #2c3e50" i]{border-left-color:var(--fsa-petrol) !important}
p[style*="color: #2c3e50" i],div[style*="color: #2c3e50" i],span[style*="color: #2c3e50" i],strong[style*="color: #2c3e50" i]{color:var(--fsa-ink) !important}
a[style*="e2001a" i]{color:var(--fsa-link) !important}

/* Contenus (06/11, 17 h 25) : anciens bleus marine et rouges des pages (Espace pro, Livraison, remerciements…) ramenés à la charte, sans toucher au texte des pages */
[style*="background: #1b2a4a" i],[style*="background-color: #1b2a4a" i],[style*="background: #0f2a47" i],[style*="background-color: #0f2a47" i],[style*="background: #163a5f" i],[style*="background-color: #163a5f" i],[style*="background: #2c3e50" i],[style*="background-color: #2c3e50" i]{background:var(--fsa-petrol) !important}
[style*="color: #1b2a4a" i]:not([style*="background" i]),[style*="color: #0f2a47" i]:not([style*="background" i]),[style*="color: #163a5f" i]:not([style*="background" i]),[style*="color: #1f2d3d" i]:not([style*="background" i]){color:var(--fsa-ink) !important}
[style*="background: #ffffff" i][style*="color: #1b2a4a" i],[style*="background: #fff;" i][style*="color: #1b2a4a" i]{color:var(--fsa-petrol) !important}
[style*="color: #1f4e79" i]{color:var(--fsa-petrol-dark) !important}
[style*="color: #9fb3d1" i]{color:#a9d3dc !important}
[style*="color: #e6ecf5" i]{color:#e3f1f3 !important}
[style*="solid #163a5f" i]{border-color:var(--fsa-petrol) !important}
[style*="background: #c0392b" i],[style*="background-color: #c0392b" i],[style*="background: #c8102e" i],[style*="background-color: #c8102e" i],[style*="background: #f39c12" i],[style*="background-color: #f39c12" i]{background:var(--fsa-amber) !important;border-color:var(--fsa-amber) !important;color:var(--fsa-on-amber) !important}
[style*="color: #c0392b" i]:not([style*="background" i]),[style*="color: #c8102e" i]:not([style*="background" i]){color:var(--fsa-link) !important}
[style*="border-bottom: 2px solid #c0392b" i]{border-bottom-color:var(--fsa-amber) !important}
[style*="border-left: 4px solid #c0392b" i]{border-left-color:var(--fsa-petrol) !important}
[style*="background: #f2f5f9" i]{background:var(--fsa-page) !important}
[style*="solid #d9e0ea" i]{border-color:var(--fsa-line) !important}
body#cms h1,body#cms .page-heading{color:var(--fsa-ink) !important}

/* Avis clients (module de notes) : cyan d'origine passé en pétrole */
.ets_rv_latest_product_infos span,.ets_rv_latest_product_infos a{color:var(--fsa-link) !important}

/* Réassurance (bloc commun aux pages) : cartes blanches, pictogramme dans un rond pétrole clair */
#easycontent_12{background:transparent !important;padding:0 !important;border-radius:0 !important}
#easycontent_12 .row{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 !important}
#easycontent_12 .row:before,#easycontent_12 .row:after{display:none !important}
#easycontent_12 .row>.item{width:auto !important;max-width:none !important;flex:none !important;padding:0 !important}
#easycontent_12 .box-wrapper{display:flex !important;align-items:center;gap:14px;text-align:left !important;height:100%;box-sizing:border-box;padding:18px 20px !important;background:#fff;border:1px solid var(--fsa-line);border-radius:14px;transition:border-color .15s,box-shadow .15s}
#easycontent_12 .box-wrapper:hover{border-color:var(--fsa-link);box-shadow:0 6px 18px rgba(14,116,144,.12)}
#easycontent_12 .box-wrapper figure{flex:0 0 56px;width:56px;height:56px;margin:0 !important;border-radius:999px;background:var(--fsa-tint);display:flex;align-items:center;justify-content:center}
#easycontent_12 .box-wrapper figure img{width:30px !important;height:30px !important;max-width:none;object-fit:contain}
#easycontent_12 .box-wrapper h3{text-transform:none !important;font-size:15px !important;letter-spacing:0 !important;line-height:1.3 !important;margin:0 0 4px !important;color:var(--fsa-ink) !important;font-weight:700 !important}
#easycontent_12 .image-box-description{font-size:13.5px;color:var(--fsa-muted);line-height:1.45}
@media (max-width:991px){#easycontent_12 .row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575px){#easycontent_12 .row{grid-template-columns:1fr;gap:10px}#easycontent_12 .box-wrapper{padding:14px 16px !important}}

/* Accueil : encadré d'introduction */
#steasy_column_39{background:var(--fsa-tint) !important}
.box-wrapper .box-content h3{color:var(--fsa-petrol) !important}

/* Titres : encre */
h1,h2,h3,h4,h5,h6,.page-heading,.title_block,.sttext_banner_text{color:var(--fsa-ink)}

/* Pied de page allégé (06/11, 17 h 15) : fond pétrole très clair, textes encre ; seule la ligne du copyright reste en pétrole profond */
#footer-tertiary,#footer-tertiary .wide_container,#footer-tertiary .wide_container_box{background:var(--fsa-tint) !important;border-top:1px solid var(--fsa-line)}
#footer-tertiary .title_block,#footer-tertiary .title_block_inner{color:var(--fsa-ink) !important}
#footer-tertiary a,#footer-tertiary li,#footer-tertiary p,#footer-tertiary .footer_block_content{color:var(--fsa-muted) !important}
#footer-tertiary a:hover{color:var(--fsa-petrol) !important;text-decoration:underline}
#footer-tertiary .opener,#footer-tertiary .opener i{color:var(--fsa-petrol) !important}
#footer-bottom,#footer-bottom .wide_container,#footer-bottom .wide_container_box{background:var(--fsa-petrol-deep) !important}

/* Mobile et tablette (06/11, 17 h) : panneaux du menu en une colonne, bandeau du haut sans débordement, pied de page resserré */
@media (max-width:991px){
.fsam{flex-direction:column !important;width:auto !important;max-width:100% !important;padding:10px 2px 14px !important;gap:14px !important}
.fsam-hero{flex:none !important;width:100% !important;gap:8px !important}
.fsam-hero img{width:100% !important;height:140px !important}
.fsam-hero>span:first-child{width:100% !important;height:110px !important}
.fsam-hero strong{font-size:16px !important}
.fsam-hero p{font-size:13.5px !important}
.fsam-body{width:100% !important;gap:12px !important}
.fsam-grid{grid-template-columns:1fr !important;gap:8px !important}
.fsam-card img,.fsam-ico{flex:0 0 48px !important;width:48px !important;height:48px !important}
#footer-tertiary .footer_block{border-bottom:1px solid var(--fsa-line) !important;margin:0 !important}
#footer-tertiary .title_block{padding-top:11px !important;padding-bottom:11px !important;margin:0 !important;font-size:15px !important}
}
@media (max-width:767px){
#top_bar_row{flex-wrap:nowrap !important}
#top_bar #nav_left{display:none !important}
#top_bar #nav_center{flex:1 1 auto !important;min-width:0 !important}
#top_bar .fsa-topmsg{width:100% !important;font-size:12px !important}
#top_bar #nav_right{flex:0 0 auto !important}
#top_bar #nav_right .flex_box{gap:8px !important}
#top_bar .fsa-pro-pill{height:22px;padding:0 9px;font-size:12px}
#top_bar .fsa-pro-pill svg{display:none}
}

/* Barre mobile (06/11, 17 h 15) : icône devis à côté du panier, pastille du panier cerclée */
.fsa-mquote{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-right:2px;color:#fff !important;text-decoration:none !important}
.fsa-mquote-badge{position:absolute;top:3px;right:0;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:var(--fsa-amber);color:var(--fsa-on-amber);border:2px solid var(--fsa-petrol);font-size:10px;font-weight:700;line-height:14px;text-align:center}
.fsa-mquote-badge[hidden]{display:none}
body #mobile_bar_right .ajax_cart_bag .ajax_cart_quantity.amount_circle{top:-8px !important;right:-14px !important;width:auto !important;min-width:20px !important;height:20px !important;line-height:16px !important;padding:0 5px !important;box-sizing:border-box !important;border:2px solid var(--fsa-petrol) !important;font-size:11px !important;font-weight:700 !important;letter-spacing:-.2px}

/* Menu mobile (06/11, 17 h 15) : en-tête pétrole, entrées encre, Sur mesure (première entrée) en moutarde, raccourcis en bas */
#side_stmobilemenu .st-menu-header{background:var(--fsa-petrol) !important;padding:14px 16px !important;margin:0 !important}
#side_stmobilemenu .st-menu-title{color:#fff !important;font-size:17px !important;margin:0 !important}
#side_stmobilemenu .close_right_side,#side_stmobilemenu .close_right_side i{color:#fff !important}
#st_mobile_menu .mo_ml_level_0{border-bottom:1px solid var(--fsa-line) !important}
#st_mobile_menu .mo_ma_level_0{color:var(--fsa-ink) !important;font-weight:600 !important;font-size:15px !important}
#st_mobile_menu .opener,#st_mobile_menu .opener i{color:var(--fsa-petrol) !important}
#st_mobile_menu .mo_ml_level_0:first-child .mo_ma_level_0{display:inline-flex !important;align-items:center;width:auto !important;height:32px !important;line-height:30px !important;padding:0 14px !important;margin:8px 0 !important;border-radius:999px;background:#fbf0d4 !important;border:1px solid #e0a82e;color:#6b4a00 !important}
.fsa-mlinks{padding:16px;display:grid;gap:8px;background:var(--fsa-page);border-top:1px solid var(--fsa-line)}
.fsa-mlinks-lbl{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--fsa-muted);margin-bottom:2px}
.fsa-mlinks a{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--fsa-line);border-radius:10px;background:#fff;color:var(--fsa-ink) !important;font-weight:600;font-size:14px;text-decoration:none !important}
.fsa-mlinks a.fsa-mlinks-pro{background:#fbf0d4;border-color:#e0a82e;color:#6b4a00 !important}

/* Barre du bas sur mobile (liste, recherche, téléphone) : blanche et légère */
#rightbar{background:#fff !important;border-top:1px solid var(--fsa-line) !important;box-shadow:0 -2px 10px rgba(16,42,51,.06)}
#rightbar .icon_wrap{background:#fff !important;border-color:var(--fsa-line) !important;color:var(--fsa-petrol) !important}
#rightbar .icon_wrap i,#rightbar .icon_wrap .icon_text{color:var(--fsa-petrol) !important}