/* Sous-menu Blog (matériel · coups de cœur · actus · partage) */
.nav .nav-item{position:relative;display:flex;align-items:center}
.nav .nav-parent::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);opacity:.7;transition:transform .2s ease}
.nav .nav-sub{display:flex;flex-direction:column;gap:2px}
.top .nav .nav-sub a{color:#f3ecdf;font-size:.92rem;border-radius:12px;white-space:nowrap}
.top .nav .nav-sub a:hover,.top .nav .nav-sub a:focus-visible,.top .nav .nav-sub a[aria-current]{background:rgba(255,210,122,.14);color:#ffd27a;box-shadow:none}
@media (min-width:861px){
  .nav .nav-sub{position:absolute;top:calc(100% + 10px);left:50%;min-width:210px;padding:10px;background:#2a2245;border:1px solid rgba(255,210,122,.35);border-radius:16px;box-shadow:0 18px 40px rgba(10,6,24,.45),0 0 0 1px rgba(201,176,255,.08) inset;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;z-index:60}
  .nav .nav-sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
  .nav .nav-sub a{padding:10px 14px}
  .nav .has-sub:hover .nav-sub,.nav .has-sub:focus-within .nav-sub{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s ease,transform .2s ease,visibility 0s}
  .nav .has-sub:hover .nav-parent::after,.nav .has-sub:focus-within .nav-parent::after{transform:translateY(0) rotate(225deg)}
}
@media (max-width:860px){
  .nav .nav-item{flex-direction:column;align-items:stretch}
  .nav .nav-parent::after{display:none}
  .nav .nav-sub{margin:2px 0 6px 14px;padding-left:10px;border-left:2px solid rgba(255,210,122,.4)}
  .nav .nav-sub a{padding:9px 14px}
}
@media (prefers-reduced-motion:reduce){.nav .nav-sub,.nav .nav-parent::after{transition:none}}
/* Pills sous-rubriques (page blog + hubs) */
.blog-pills{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0}
.blog-pills a{display:inline-block;padding:8px 16px;border-radius:999px;background:rgba(28,23,48,.62);border:1px solid rgba(255,210,122,.45);color:#fff7eb;text-decoration:none;font-weight:600;font-size:.92rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s ease,color .2s ease}
.blog-pills a:hover,.blog-pills a:focus-visible,.blog-pills a[aria-current]{background:linear-gradient(135deg,#ffd27a,#ff9f43);color:#2a2245;border-color:transparent}