/* ============================================================
   BANDE CATÉGORIES "Bloc par Bloc" — HP
   Icônes vectorielles ligne (24×24, currentColor) + Space Grotesk.
   Markup statique dans le module Code ; ce CSS est enqueue côté public
   (cf. functions.php, condition is_front_page()/is_home()).
   Space Grotesk : déjà auto-hébergée via assets/fonts/fonts.css.
   ============================================================ */
.mcfr-catband{background:#161D1B;border-top:3px solid #1AA995;border-bottom:1px solid #2E3A36;margin:36px 0;padding:20px 0 22px;}
.mcfr-catband-row{max-width:1180px;margin:0 auto;padding:0 18px;display:grid;grid-template-columns:repeat(7,1fr);gap:16px 10px;}
.mcfr-catband a.mcfr-catitem,.mcfr-catband a.mcfr-catitem:link,.mcfr-catband a.mcfr-catitem:visited{display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;color:#C7D3CF;padding:6px 4px;transition:color .15s ease,transform .08s ease;}
.mcfr-catitem .ico{height:34px;display:grid;place-items:center;color:inherit;}
.mcfr-catitem .ico svg{height:30px;width:30px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.mcfr-catitem .lb{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:600;font-size:13.5px;text-align:center;line-height:1.1;white-space:nowrap;color:inherit;}
.mcfr-catband a.mcfr-catitem:hover{color:#fff;transform:translateY(-1px);}
.mcfr-catband a.mcfr-catitem:hover .ico{color:#34CBB2;}
.mcfr-catband-wrap{position:relative;}

/* flèches / fondus / indicateur : desktop = cachés */
.mcfr-cb-fade,.mcfr-cb-hint{display:none;}
.mcfr-cb-arrow{display:none !important;} /* !important : sinon une règle button du thème les ré-affiche sur desktop */

@media(max-width:780px){
  .mcfr-catband-row{display:flex;grid-template-columns:none;overflow-x:auto;gap:6px;padding:18px 18px 2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .mcfr-catband-row::-webkit-scrollbar{display:none;}
  .mcfr-catitem{flex:0 0 auto;width:84px;scroll-snap-align:start;}
  .mcfr-cb-hint{display:block;position:absolute;top:7px;left:50%;transform:translateX(-50%);width:64px;height:5px;background:#2E3A36;z-index:4;overflow:hidden;border-radius:3px;}
  .mcfr-cb-hint i{position:absolute;top:0;left:0;height:100%;width:40%;background:#1AA995;border-radius:3px;transition:left .12s ease,width .12s ease;}
  .mcfr-cb-fade{display:block;position:absolute;top:0;bottom:0;width:52px;z-index:3;pointer-events:none;}
  .mcfr-cb-fade.left{left:0;background:linear-gradient(90deg,#161D1B 30%,rgba(22,29,27,0));}
  .mcfr-cb-fade.right{right:0;background:linear-gradient(270deg,#161D1B 30%,rgba(22,29,27,0));}
  .mcfr-cb-arrow{display:grid !important;place-items:center !important;position:absolute;top:56%;transform:translateY(-50%);z-index:5;width:32px;height:52px;border:0 !important;background:none !important;color:#fff !important;font-size:30px;font-weight:700;line-height:1;cursor:pointer;padding:0;text-shadow:0 1px 4px rgba(0,0,0,.9);}
  .mcfr-cb-arrow:hover{color:#34CBB2 !important;}
  .mcfr-cb-arrow.left{left:0;}
  .mcfr-cb-arrow.right{right:0;}
}