/* En-tête et pied de page identiques sur toutes les pages (Claude, 12/11/2026). Menus déroulants par thème. */
.wwc-header{box-sizing:border-box;width:min(1180px,100% - 48px);height:88px;margin:0 auto;display:flex;align-items:center;gap:24px;border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:50;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.wwc-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:#fff;text-decoration:none;font-size:13px;font-weight:900;letter-spacing:.12em;line-height:1}
.wwc-brand img{display:block;width:38px;height:38px;border-radius:10px;object-fit:cover}
.wwc-nav{display:flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0}
.wwc-nav>a,.wwc-dd-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:0;border-radius:999px;background:transparent;color:#c3cdea;font:600 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .15s,background .15s}
.wwc-nav>a:hover,.wwc-dd-btn:hover,.wwc-dd.open>.wwc-dd-btn,.wwc-dd:focus-within>.wwc-dd-btn{color:#fff;background:rgba(255,255,255,.08)}
.wwc-nav>a[aria-current="page"],.wwc-dd-btn[aria-current="true"]{color:#fff;background:rgba(255,255,255,.12)}
.wwc-dd{position:relative}
.wwc-dd-btn::after{content:"";width:6px;height:6px;margin-top:-3px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);opacity:.75}
.wwc-dd-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:230px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(14,20,48,.97);box-shadow:0 18px 44px rgba(0,0,0,.42);display:none;z-index:60}
.wwc-dd::before{content:"";position:absolute;left:0;right:0;top:100%;height:8px}
.wwc-dd:hover>.wwc-dd-menu,.wwc-dd:focus-within>.wwc-dd-menu,.wwc-dd.open>.wwc-dd-menu{display:grid}
.wwc-dd-menu a{display:grid;gap:3px;padding:10px 12px;border-radius:10px;color:#dfe7ff;font-size:13px;font-weight:700;line-height:1.2;text-decoration:none}
.wwc-dd-menu a small{color:#8d9bc2;font-size:11px;font-weight:500}
.wwc-dd-menu a:hover,.wwc-dd-menu a[aria-current="page"]{background:rgba(255,255,255,.09);color:#fff}
.wwc-header .wwc-hactions{margin-left:auto;flex:0 0 auto;gap:8px}
.wwc-header .wwc-hbtn{padding:0 14px}

/* Pied de page */
.wwc-footer{box-sizing:border-box;width:min(1180px,100% - 48px);margin:56px auto 0;padding:34px 0 28px;border-top:1px solid rgba(255,255,255,.09);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#9aa8cc}
.wwc-footer-top{display:grid;grid-template-columns:minmax(180px,1.1fr) repeat(4,minmax(120px,1fr));gap:28px}
.wwc-footer-brand strong{display:block;color:#fff;font-size:13px;letter-spacing:.14em}
.wwc-footer-brand span{display:block;margin-top:8px;font-size:12px;line-height:1.5;color:#8190b6}
.wwc-footer-col h2{margin:0 0 12px;color:#c9d4f5;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.wwc-footer-col a{display:block;padding:4px 0;color:#9fb0da;font-size:13px;text-decoration:none}
.wwc-footer-col a:hover{color:#fff}
.wwc-footer-bottom{margin-top:26px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:#7d8bb0}

@media(max-width:900px){
  .wwc-header{height:auto;flex-wrap:wrap;gap:10px 14px;padding:14px 0;width:calc(100% - 32px)}
  .wwc-nav{order:3;flex:1 0 100%;flex-wrap:wrap;gap:2px}
  .wwc-dd-menu{position:static;min-width:0;margin-top:4px;box-shadow:none}
  .wwc-dd:hover>.wwc-dd-menu{display:none}
  .wwc-dd.open>.wwc-dd-menu{display:grid}
  .wwc-dd{flex:0 0 auto}
  .wwc-dd.open{flex:1 0 100%}
  .wwc-nav{align-items:flex-start}
  .wwc-nav>a,.wwc-dd-btn{padding:9px 12px}
  .wwc-footer{width:calc(100% - 32px)}
  .wwc-footer-top{grid-template-columns:1fr 1fr}
  .wwc-footer-brand{grid-column:1/-1}
}

/* Sous-entrées du menu (pages des serveurs sous « Serveurs »). */
.wwc-dd-menu a.wwc-sub{padding:7px 12px 7px 28px;font-size:12px;font-weight:600;color:#bcc9ee;position:relative}
.wwc-dd-menu a.wwc-sub::before{content:"";position:absolute;left:14px;top:50%;width:6px;height:6px;margin-top:-3px;border-left:1.5px solid #7f8fbf;border-bottom:1.5px solid #7f8fbf;border-radius:0 0 0 3px}
.wwc-dd-menu a.wwc-sub small{display:none}
.shop-group{margin:34px 0 14px;font-size:15px;letter-spacing:.04em;color:#c8d7ff}