/* M-VITRINE.1 lot 4 (24/10/2026) — barre des catégories (partials/kfa_menu_categories.php).
   Tout est préfixé .kfm- : aucune collision avec Bootstrap 3 ni style.css. Maquette : vue Accueil, .k-cats. */
.kfm-bar{position:relative;z-index:30;background:#fff;border-bottom:1px solid #eef1f7;font-family:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.kfm-in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:1180px;margin:0 auto;padding:8px 16px}
.kfm-in::-webkit-scrollbar{display:none}
.kfm-item{flex:none}
.kfm-btn{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:13.5px;font-weight:600;line-height:1.2;color:#4a5268;background:#f6f7fb;border:0;border-radius:999px;padding:7px 12px;cursor:pointer;white-space:nowrap}
.kfm-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.kfm-btn:hover{color:#20285e}
.kfm-btn[aria-expanded="true"]{background:#20285e;color:#fff}
.kfm-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.kfm-btn:focus-visible{outline:2px solid #f15e61;outline-offset:2px}
.kfm-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #dde2ed;box-shadow:0 14px 30px rgba(32,40,94,.10)}
.kfm-panel[hidden]{display:none}
.kfm-panel-in{max-width:1180px;margin:0 auto;padding:14px 16px 18px}
.kfm-panel-h{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#d6424a;margin-bottom:8px}
.kfm-panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}
.kfm-panel a{display:block;padding:7px 0;font-size:14px;font-weight:500;color:#151a2e;text-decoration:none;border-bottom:1px solid #eef1f7}
.kfm-panel a:hover{color:#20285e;text-decoration:underline;text-underline-offset:3px}
@media (min-width:768px){
  .kfm-in{padding:6px 28px;gap:2px}
  .kfm-btn{background:none;padding:7px 11px}
  .kfm-btn:hover{background:#f6f7fb}
  .kfm-panel-in{padding:18px 28px 22px}
  .kfm-panel ul{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.kfm-btn[aria-expanded="true"],.kfm-btn[aria-expanded="true"]:hover{background:#20285e;color:#fff}   /* après le :hover du bloc ordinateur, qui le blanchissait */
@media print{.kfm-bar{display:none}}