/* MaCentrale — tiroir liste glissante (mcsv.js). Tout est sous html.mcsv-on. */
html.mcsv-on .mc-products-opener,
html.mcsv-on .mc-products-opener:hover,
html.mcsv-on .mc-products-opener:focus,
html.mcsv-on .mc-products-opener[aria-expanded="true"] {
  min-width: 0 !important; width: 44px !important; height: 44px !important; padding: 0 !important; margin-right: 12px !important;
  justify-content: center !important; background: transparent !important; color: #222529 !important; border-radius: 8px !important;
}
html.mcsv-on .mc-products-opener:hover { color: #E9752A !important; }
html.mcsv-on .mc-products-opener:focus-visible,
html.mcsv-on .mobile-toggle:focus-visible { outline: 2px solid #222529 !important; outline-offset: 2px !important; }
html.mcsv-on .mobile-toggle { display: inline-flex; align-items: center; justify-content: center; color: #222529; }
html.mcsv-on .mcsv-bi { width: 26px; height: 26px; display: block; }
html.mcsv-on .mcsv-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

html.mcsv-open { overflow: hidden; }
html.mcsv-on #mc-products-drawer { display: none !important; }

#mcsv { border: 0; padding: 0; margin: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; background: transparent; color: #222529; overflow: hidden; font-family: Poppins, sans-serif; }
#mcsv::backdrop { background: transparent; }
#mcsv .mcsv-veil { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); opacity: 0; transition: opacity .3s ease; }
#mcsv.is-in .mcsv-veil { opacity: 1; }
#mcsv .mcsv-panel {
  position: absolute; top: 0; bottom: 0; left: 0; width: min(420px, 100vw); background: #fff; display: flex; flex-direction: column;
  transform: translateX(-100%); transition: transform .34s cubic-bezier(.32, .72, 0, 1); box-shadow: 0 0 40px rgba(0, 0, 0, .12);
}
#mcsv.is-in .mcsv-panel { transform: none; }

#mcsv .mcsv-head { display: flex; align-items: center; justify-content: space-between; height: clamp(44px, 6.6vh, 72px); padding: 0 24px; flex: none; }
#mcsv .mcsv-hl { min-width: 0; }
#mcsv .mcsv-acc, #mcsv .mcsv-back { font: 400 15px/1.2 Poppins, sans-serif; color: #222529; text-decoration: none; background: none; border: 0; padding: 8px 0; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
#mcsv .mcsv-back { margin-left: -6px; font-weight: 500; }
#mcsv .mcsv-acc:hover, #mcsv .mcsv-back:hover { color: #E9752A; }
#mcsv .mcsv-x { width: 44px; height: 44px; margin-right: -10px; display: grid; place-items: center; background: none; border: 0; color: #222529; cursor: pointer; border-radius: 8px; }
#mcsv .mcsv-x:hover { color: #E9752A; }
#mcsv button:focus-visible, #mcsv a:focus-visible, #mcsv summary:focus-visible { outline: 2px solid #222529; outline-offset: 2px; }

#mcsv .mcsv-view { position: relative; flex: 1; min-height: 0; overflow: hidden; }
#mcsv .mcsv-lv { position: absolute; inset: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 24px clamp(10px, 2.4vh, 24px); background: #fff; transition: transform .34s cubic-bezier(.32, .72, 0, 1); display: flex; flex-direction: column; }
#mcsv .mcsv-lv.is-right { transform: translateX(100%); }
#mcsv .mcsv-lv.is-left { transform: translateX(-30%); }

#mcsv .mcsv-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #E8E8E8; }
#mcsv .mcsv-list li { margin: 0; border-bottom: 1px solid #E8E8E8; }
#mcsv .mcsv-list2 { margin-top: clamp(6px, 1.8vh, 28px); }
#mcsv .mcsv-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: clamp(30px, 5.1vh, 66px); padding: 4px 0; background: none; border: 0; text-align: left; font: 400 clamp(14px, 2.2vh, 20px)/1.2 Poppins, sans-serif; color: #222529; text-decoration: none; cursor: pointer; }
#mcsv .mcsv-row:hover { color: #E9752A; }
#mcsv .mcsv-chv { flex: none; opacity: .75; }
#mcsv .mcsv-all { font-weight: 500; }
#mcsv .mcsv-lab { padding: 20px 0 6px; font: 500 12px/1.2 Poppins, sans-serif; letter-spacing: .6px; text-transform: uppercase; color: #6B7075; border-bottom: 0 !important; }
#mcsv .mcsv-lab + li .mcsv-row { min-height: clamp(30px, 4.6vh, 52px); font-size: clamp(14px, 2vh, 17px); }
#mcsv .mcsv-list:not(.mcsv-list2) li:only-child .mcsv-row { min-height: clamp(30px, 5.1vh, 66px); }

#mcsv .mcsv-foot { margin-top: auto; padding-top: clamp(8px, 2.2vh, 36px); }
#mcsv .mcsv-links { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(6px, 1.6vh, 14px) 16px; }
#mcsv .mcsv-links a { font: 400 clamp(13px, 1.9vh, 15px)/1.3 Poppins, sans-serif; color: #222529; text-decoration: none; }
#mcsv .mcsv-links a:hover { color: #E9752A; }
#mcsv .mcsv-meta { margin-top: clamp(10px, 2.4vh, 24px); padding-top: clamp(8px, 2vh, 20px); border-top: 1px solid #E8E8E8; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
#mcsv .mcsv-soc { display: flex; gap: 18px; align-items: center; }
#mcsv .mcsv-soc a { color: #222529; display: grid; place-items: center; min-width: 32px; min-height: 32px; }
#mcsv .mcsv-soc a:hover { color: #E9752A; }
#mcsv .mc-drawer-lang { font: 400 14px/1.2 Poppins, sans-serif; position: relative; }
#mcsv .mc-drawer-lang summary { cursor: pointer; display: flex; align-items: center; gap: 8px; list-style: none; }
#mcsv .mc-drawer-lang summary::-webkit-details-marker { display: none; }
#mcsv .mcdl-label { display: none; }
#mcsv .mcdl-list { position: absolute; right: 0; bottom: calc(100% + 8px); background: #fff; border: 1px solid #E8E8E8; border-radius: 12px; padding: 8px; min-width: 180px; box-shadow: 0 8px 24px rgba(0, 0, 0, .12); max-height: 50vh; overflow: auto; }
#mcsv .mcdl-list a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; color: #222529; text-decoration: none; border-radius: 8px; }
#mcsv .mcdl-list a:hover { background: #F5F3EF; }

@media (prefers-reduced-motion: reduce) {
  #mcsv .mcsv-panel, #mcsv .mcsv-lv, #mcsv .mcsv-veil { transition: none; }
}
@media (max-width: 480px) {
  #mcsv .mcsv-panel { width: 100vw; }
  #mcsv .mcsv-head, #mcsv .mcsv-lv { padding-left: 20px; padding-right: 20px; }
  #mcsv .mcsv-row { font-size: clamp(14px, 2.2vh, 19px); }
}
/* Promotions en tête du tiroir, juste sous « Se connecter » ; pas de double filet avec la liste des univers */
#mcsv .mcsv-list-promo + .mcsv-list { border-top: 0; }
/* ordinateur : Par projet, Par métier, Marques, Services sont déjà dans la barre horizontale */
@media (min-width: 992px) {
  #mcsv .mcsv-list2 { display: none; }
}
/* hiérarchie : sous-niveaux plus petits que le niveau 1 (20 px) ; « Voir tout » en gras discret, jamais orange au repos */
#mcsv a.mcsv-row, #mcsv button.mcsv-row { color: #222529; }
#mcsv a.mcsv-row:hover, #mcsv button.mcsv-row:hover { color: #E9752A; }
#mcsv .mcsv-sub .mcsv-row { min-height: clamp(30px, 4.8vh, 48px); font-size: clamp(13px, 2vh, 16px); font-weight: 400; }
#mcsv .mcsv-sub .mcsv-all { font-weight: 600; }
#mcsv .mcsv-sub .mcsv-chv { width: 18px; height: 18px; }
/* sous-menus : graisse plus fine, noir adouci */
#mcsv .mcsv-sub a.mcsv-row, #mcsv .mcsv-sub button.mcsv-row { color: #4B4F55; font-weight: 300; }
#mcsv .mcsv-sub a.mcsv-row:hover, #mcsv .mcsv-sub button.mcsv-row:hover { color: #E9752A; }
#mcsv .mcsv-sub a.mcsv-all { color: #33363B; font-weight: 500; }
#mcsv .mcsv-sub .mcsv-chv { opacity: .6; }
/* symbole Promotions : pastille jaune, % rouge (barre horizontale et tiroir) */
#menu-main-menu > li#nav-menu-item-50152 > a {
  padding-left: 31px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23FFD60A'/%3E%3Cpath d='M16.5 7.5 7.5 16.5' stroke='%23E3262F' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='8.2' cy='8.2' r='2.1' fill='none' stroke='%23E3262F' stroke-width='2'/%3E%3Ccircle cx='15.8' cy='15.8' r='2.1' fill='none' stroke='%23E3262F' stroke-width='2'/%3E%3C/svg%3E") no-repeat left center / 23px 23px;
}
#mcsv .mcsv-promo > span {
  padding-left: 40px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23FFD60A'/%3E%3Cpath d='M16.5 7.5 7.5 16.5' stroke='%23E3262F' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='8.2' cy='8.2' r='2.1' fill='none' stroke='%23E3262F' stroke-width='2'/%3E%3Ccircle cx='15.8' cy='15.8' r='2.1' fill='none' stroke='%23E3262F' stroke-width='2'/%3E%3C/svg%3E") no-repeat left center / 26px 26px;
}
#mcsv .mcsv-sub .mcsv-promo > span { padding-left: 0; background: none; }
/* sélecteur de langue : le site le masque au-dessus de 1024 px, on le garde visible dans le tiroir */
html #mcsv .mc-drawer-lang { display: block !important; }
html #mcsv .mc-drawer-lang summary { display: flex !important; }
html #mcsv .mc-drawer-lang summary { gap: 8px; align-items: center; justify-content: flex-end; flex-wrap: nowrap; white-space: nowrap; }
html #mcsv .mc-drawer-lang .mcdl-globe { width: 20px; height: 20px; flex: none; color: #E9752A; }
html #mcsv .mc-drawer-lang .mcdl-cur { display: inline-flex; align-items: center; gap: 8px; font: 400 14px/1.2 Poppins, sans-serif; color: #222529; white-space: nowrap; }
html #mcsv .mc-drawer-lang .mcdl-cur img { width: 20px; height: 15px; flex: none; }
html #mcsv .mc-drawer-lang .mcdl-cur img ~ img { display: none; }
html #mcsv .mc-drawer-lang .mcdl-chev { width: 14px; height: 14px; flex: none; color: #6B7075; }
html #mcsv .mc-drawer-lang[open] .mcdl-chev { transform: rotate(180deg); }
/* bulle d'aide sous les univers (orange de marque, texte blanc en gras ≥ 16 px) */
#mcsv .mcsv-card { margin: clamp(10px, 2.4vh, 24px) 0 0; padding: clamp(14px, 2.4vh, 22px) 22px clamp(16px, 2.8vh, 24px); border-radius: 16px; background: #E9752A; color: #fff; }
#mcsv .mcsv-tag { display: inline-block; padding: 3px 10px; border-radius: 8px; background: #fff; color: #1C2A31; font: 700 12px/1.3 Poppins, sans-serif; letter-spacing: .6px; text-transform: uppercase; }
#mcsv .mcsv-ct { margin: clamp(6px, 1.4vh, 12px) 0 0; color: #fff; font: 700 clamp(19px, 3vh, 26px)/1.1 Poppins, sans-serif; text-transform: uppercase; }
#mcsv .mcsv-cx { margin: clamp(6px, 1.4vh, 12px) 0 clamp(12px, 2.2vh, 18px); color: #fff; font: 600 16px/1.4 Poppins, sans-serif; }
#mcsv a.mcsv-btn { display: inline-block; padding: 11px 20px; border-radius: 8px; background: #fff; color: #1C2A31; font: 700 14px/1.2 Poppins, sans-serif; letter-spacing: .4px; text-transform: uppercase; text-decoration: none; }
#mcsv a.mcsv-btn:hover { background: #1C2A31; color: #fff; }
#mcsv .mcsv-card + .mcsv-list2 { margin-top: clamp(8px, 2vh, 20px); }
@media (max-height: 640px) { #mcsv .mcsv-cx { display: none; } }
/* liens du pied du tiroir (À propos, FAQ, Suivi de commande…) : graisse fine ; langue sans drapeau */
#mcsv .mcsv-links a { font-weight: 300; }
html #mcsv .mc-drawer-lang img { display: none !important; }
/* header plus bas sur ordinateur (19/10/2026) : 320 px -> environ 195 px. Mobile et tablette inchangés. */
@media (min-width: 1025px) {
  html body:not(.mc-stuck) .elementor-12 .elementor-element-581ba4d { padding-top: 10px !important; padding-bottom: 10px !important; }
  html body .elementor-12 .elementor-element-5c48635 { padding-top: 0 !important; padding-bottom: 0 !important; }
  html body:not(.mc-stuck) .elementor-12 .elementor-element-5c48635 .logo img.standard-logo { width: 300px !important; max-width: 100% !important; height: auto !important; }
  html body .elementor-12 .elementor-element-11938a3 { padding-top: 0 !important; padding-bottom: 0 !important; }
  html body .elementor-12 .elementor-element-2052cf0,
  html body .elementor-12 .elementor-element-8fe6045 { padding-top: 0 !important; padding-bottom: 0 !important; }
  html body #menu-main-menu > li > a { padding-top: 18px !important; padding-bottom: 18px !important; }
}