.category-sidebar{overflow:hidden;border:0;border-radius:14px;background:linear-gradient(145deg,#ffe170 0%,#f5ce22 48%,#dcae06 100%);box-shadow:0 16px 34px rgba(197,151,0,.26)}
.category-sidebar-title{display:flex;align-items:center;gap:10px;padding:17px 20px;color:#101828;background:rgba(255,255,255,.22);border-bottom:1px solid rgba(16,24,40,.16);font:800 15px/1 'Montserrat',Arial,sans-serif;letter-spacing:.065em;text-transform:uppercase}
.category-sidebar-title svg{display:grid;place-items:center;box-sizing:content-box;width:16px;height:16px;padding:7px;border-radius:8px;background:#101828;color:#f5ce22;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.category-sidebar-list{padding:0;margin:0;list-style:none}
.category-sidebar-list li{border-bottom:1px solid rgba(16,24,40,.15)}
.category-sidebar-list li:last-child{border-bottom:0}
.category-sidebar-list a{position:relative;display:flex!important;align-items:center;gap:15px;min-height:66px;padding:12px 18px!important;color:#101828!important;background:transparent;text-decoration:none!important;font:800 13px/1.2 'Montserrat',Arial,sans-serif;letter-spacing:.01em;text-transform:uppercase;transition:background .22s ease,transform .22s ease}
.category-sidebar-list a:before{position:absolute;top:12px;bottom:12px;left:0;width:3px;border-radius:0 4px 4px 0;background:#101828;content:"";opacity:0;transition:opacity .22s ease}
.category-sidebar-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;color:#101828}
.category-sidebar-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.category-sidebar-list a span{flex:1}
.category-sidebar-list a b{color:rgba(16,24,40,.63);font-size:11px;transition:transform .22s ease,color .22s ease}
.category-sidebar-list a:hover,.category-sidebar-list a:focus{background:rgba(255,255,255,.32);outline:0;transform:translateX(3px)}
.category-sidebar-list a:hover:before,.category-sidebar-list a:focus:before{opacity:1}
.category-sidebar-list a:hover b,.category-sidebar-list a:focus b{color:#101828;transform:translateX(3px)}
@media(max-width:991px){.category-sidebar{margin-bottom:24px}.category-sidebar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.category-sidebar-list li{border-right:1px solid rgba(16,24,40,.15)}.category-sidebar-list li:nth-child(even){border-right:0}.category-sidebar-list li:nth-last-child(-n+2){border-bottom:0}.category-sidebar-list a{min-height:68px;padding:12px 14px!important;font-size:12px}.category-sidebar-icon{flex-basis:30px;width:30px;height:30px}.category-sidebar-icon svg{width:20px;height:20px}.category-sidebar-list a b{display:none}}
@media(max-width:480px){.category-sidebar-list{grid-template-columns:1fr}.category-sidebar-list li,.category-sidebar-list li:nth-last-child(-n+2){border-right:0;border-bottom:1px solid rgba(16,24,40,.15)}.category-sidebar-list li:last-child{border-bottom:0}.category-sidebar-list a{min-height:58px;font-size:12px}}

/* Sous-catégories : navigation dépliable sans JavaScript. */
.category-sidebar-has-children details{margin:0}.category-sidebar-has-children summary{position:relative;display:flex;align-items:center;gap:15px;min-height:66px;padding:12px 18px;color:#101828;cursor:pointer;font:800 13px/1.2 'Montserrat',Arial,sans-serif;letter-spacing:.01em;text-transform:uppercase;list-style:none;transition:background .22s ease}.category-sidebar-has-children summary::-webkit-details-marker{display:none}.category-sidebar-has-children summary>span:nth-child(2){flex:1}.category-sidebar-has-children summary b{color:rgba(16,24,40,.63);font-size:17px;font-weight:800;transition:transform .22s ease}.category-sidebar-has-children details[open] summary{background:rgba(255,255,255,.28)}.category-sidebar-has-children details[open] summary b{transform:rotate(180deg)}.category-sidebar-submenu{margin:0;padding:0 0 9px;list-style:none;background:rgba(255,255,255,.17)}.category-sidebar-list .category-sidebar-submenu li{border:0}.category-sidebar-submenu a{display:block!important;min-height:0!important;padding:8px 18px 8px 67px!important;color:#182332!important;background:transparent!important;font:700 12px/1.25 'Open Sans',Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;transform:none!important}.category-sidebar-submenu a:before{display:none!important}.category-sidebar-submenu a:after{display:inline-block;margin-right:8px;color:#101828;content:'›';font-size:15px;font-weight:800}.category-sidebar-submenu a:hover,.category-sidebar-submenu a:focus{color:#101828!important;text-decoration:underline!important}.category-sidebar-submenu .category-sidebar-all{margin:3px 12px 6px;padding:8px 10px!important;border-radius:7px;background:rgba(16,24,40,.12)!important;font-weight:800!important}.category-sidebar-submenu .category-sidebar-all:after{display:none}
@media(max-width:991px){.category-sidebar-has-children summary{min-height:68px;padding:12px 14px;font-size:12px}.category-sidebar-submenu{grid-column:1/-1}.category-sidebar-submenu a{padding-left:52px!important}.category-sidebar-submenu .category-sidebar-all{margin-left:10px;margin-right:10px}}

/* Menu latéral v2 : typographie actuelle et sous-catégories au survol. */
.category-sidebar-title{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;letter-spacing:.1em!important}.category-sidebar-has-children summary{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important;font-size:14px!important;font-weight:750!important;letter-spacing:.025em!important;text-transform:none!important}.category-sidebar-has-children summary>span:nth-child(2){color:#172033}.category-sidebar-submenu a{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important;font-size:13px!important;font-weight:650!important}.category-sidebar-submenu .category-sidebar-all{font-weight:800!important}
/* Sur ordinateur avec souris, le panneau s'ouvre au survol, quelle que soit
   la largeur de fenêtre. Sur tactile, le comportement <details> au clic reste
   intact. */
@media(hover:hover) and (pointer:fine){
  .category-sidebar{overflow:visible}
  .category-sidebar-title{overflow:hidden}
  .category-sidebar-title{border-radius:14px 14px 0 0}
  .category-sidebar-list{border-radius:0 0 14px 14px}
  .category-sidebar-has-children{position:relative}
  .category-sidebar-has-children details:not([open])>.category-sidebar-submenu{display:block!important}
  .category-sidebar-submenu{position:absolute;z-index:80;top:-7px;left:calc(100% - 4px);width:248px;margin:0!important;padding:10px!important;border:1px solid rgba(16,24,40,.12);border-radius:12px;background:#fff!important;box-shadow:0 18px 42px rgba(16,24,40,.2);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-9px,3px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
  .category-sidebar-has-children details:hover>.category-sidebar-submenu,.category-sidebar-has-children details:focus-within>.category-sidebar-submenu,.category-sidebar-has-children details[open]>.category-sidebar-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,0)}
  .category-sidebar-has-children details:hover summary,.category-sidebar-has-children details:focus-within summary{background:rgba(255,255,255,.34)}
  .category-sidebar-has-children details:hover summary b,.category-sidebar-has-children details:focus-within summary b{transform:rotate(-90deg);color:#101828}
  .category-sidebar-submenu a{min-height:0!important;padding:10px 12px!important;border-radius:7px;color:#253043!important;line-height:1.35!important}
  .category-sidebar-submenu a:after{color:#c69a00!important}
  .category-sidebar-submenu a:hover,.category-sidebar-submenu a:focus{background:#fff4c8!important;text-decoration:none!important}
  .category-sidebar-submenu .category-sidebar-all{margin:0 0 5px!important;padding:10px 12px!important;background:#f5ce22!important;color:#151515!important}
}
@media(max-width:991px){.category-sidebar-has-children summary{font-size:13px!important}.category-sidebar-submenu a{font-size:12px!important}}

/* Ordinateur : ouverture exclusivement au passage de la souris.
   Cette règle ne dépend pas de la détection "pointer:fine", parfois absente
   sur certains navigateurs ou écrans tactiles Windows. */
@media (min-width:992px){
  .category-sidebar,.category-sidebar-list,.category-sidebar-has-children,.category-sidebar-has-children>details{overflow:visible!important}
  .category-sidebar-has-children{position:relative!important}
  .category-sidebar-has-children > details > summary{pointer-events:none;cursor:default}
  .category-sidebar-has-children > details > .category-sidebar-submenu{position:absolute!important;z-index:999!important;top:-7px!important;left:calc(100% - 4px)!important;width:248px!important;display:block!important;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-9px,3px)}
  .category-sidebar-has-children:hover > details > .category-sidebar-submenu,
  .category-sidebar-has-children:focus-within > details > .category-sidebar-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,0)}
  .category-sidebar-has-children:hover > details > summary,
  .category-sidebar-has-children:focus-within > details > summary{background:rgba(255,255,255,.34)}
  .category-sidebar-has-children:hover > details > summary b,
  .category-sidebar-has-children:focus-within > details > summary b{transform:rotate(-90deg);color:#101828}
}

/* Ordinateur : uniquement typographie et icônes, sans modifier le layout. */
@media (min-width:992px){
  .category-sidebar-title{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important;font-size:15px!important;font-weight:850!important;letter-spacing:.09em!important}
  .category-sidebar-has-children summary,
  .category-sidebar-list>a,
  .category-sidebar-list>li>a{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important;font-size:16px!important;font-weight:750!important;letter-spacing:.01em!important;text-transform:none!important}
  .category-sidebar-icon{color:#b78b00!important}
  .category-sidebar-icon svg{stroke-width:2.25!important}
  .category-sidebar-has-children summary b{color:#b78b00!important}
  .category-sidebar-submenu a{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important;font-size:13px!important;font-weight:700!important}
}

/* Correctif v4 : ouverture fiable des sous-catégories sur ordinateur.
   Le résumé reste cliquable et le panneau est visible au survol OU après clic. */
@media (min-width:992px){
  .category-sidebar-has-children > details > summary{
    pointer-events:auto!important;
    cursor:pointer!important;
  }
  .category-sidebar-has-children:hover > details > .category-sidebar-submenu,
  .category-sidebar-has-children:focus-within > details > .category-sidebar-submenu,
  .category-sidebar-has-children > details[open] > .category-sidebar-submenu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(0,0)!important;
  }
}
