/* Défias 2008 : surcharges de PBWoW3 (chargé avant par overall_header.html) : page plus large, textes plus grands, forums en tableau. */
body.pbwow3 { font-size: 11px; }
.wrap { max-width: 1320px; width: 94%; }
/* Liste des forums en tableau, comme en 2008 */
ul.topiclist.forums dt .list-inner { padding-right: 10px; }
a.forumtitle { font-size: 1.35em; }
ul.topiclist.forums dt .list-inner { font-size: 1.1em; line-height: 1.5; }
ul.topiclist dd.topics, ul.topiclist dd.posts { font-size: 1.15em; }
li.header dt, li.header dd { font-size: 1.05em; }
@media screen and (max-width: 859px) {
  .wrap { width: auto; }
}
/* Fond : wod.png de PBWoW3 (PNG de 2,2 Mo) remplacé par wod.webp (84 Ko) ou wod.jpg (170 Ko), mêmes dimensions.
   Ordre voulu : fond de base, puis fond mobile, puis fond grand écran (qui l'emporte quand les deux s'appliquent, comme avant).
   Chaque image-set suit une déclaration de repli en JPEG pour les navigateurs qui ne le connaissent pas. */
body.pbwow3 {
  background-image: url("./images/wod.jpg");
  background-image: image-set(url("./images/wod.webp") type("image/webp"), url("./images/wod.jpg") type("image/jpeg"));
}
/* Mobile (même requête que PBWoW3) : wod-small.png (49 Ko) remplacé par wod-small.webp (4 Ko) ou wod-small.jpg (11 Ko). */
@media only screen and (max-width: 999px), only screen and (max-device-width: 999px) {
  body.pbwow3 {
    background-image: url("./images/wod-small.jpg");
    background-image: image-set(url("./images/wod-small.webp") type("image/webp"), url("./images/wod-small.jpg") type("image/jpeg"));
  }
}
/* Fond : le rectangle éclairci de wod (990 px sur 2400) est agrandi pour encadrer la page élargie,
   son bord haut reste caché sous la barre de navigation ; si l'image doit descendre, le haut se fond dans le noir. */
@media only screen and (min-width: 1000px) {
  body.pbwow3 {
    --fond-decal: max(0px, calc(250px - min(94vw, 1320px) * 0.2212));
    background-image: linear-gradient(#000 var(--fond-decal), rgba(0,0,0,0) calc(var(--fond-decal) * 5)), url("./images/wod.jpg");
    background-repeat: no-repeat;
    background-size: auto, calc(min(94vw, 1320px) * 2.4242) auto;
    background-position: 0 0, 50% var(--fond-decal);
  }
}
/* Une déclaration qui contient var() n'est pas écartée à la lecture : l'image-set passe donc par @supports. */
@supports (background-image: image-set(url("./images/wod.webp") type("image/webp"))) {
  @media only screen and (min-width: 1000px) {
    body.pbwow3 {
      background-image: linear-gradient(#000 var(--fond-decal), rgba(0,0,0,0) calc(var(--fond-decal) * 5)), image-set(url("./images/wod.webp") type("image/webp"), url("./images/wod.jpg") type("image/jpeg"));
    }
  }
}
/* Mobile : logo réduit sous les liens du haut au lieu d'un ciel vide */
@media screen and (max-width: 640px) {
  body.pbwow3 #logo { display: block; width: 180px; height: 71px; margin: 60px auto 18px; background-size: contain; }
}

/* Accessibilité */
/* Lien d'évitement : hors écran, visible au focus (PBWoW3 le masquait en display:none). */
.skiplink { position: absolute; left: 0; top: 0; width: auto; height: 0; margin: 0; overflow: visible; z-index: 1000; }
.skiplink a { position: absolute; left: -9999px; top: 8px; white-space: nowrap; }
.skiplink a:focus { left: 8px; padding: 6px 12px; background: #000; color: #f8b700; border: 1px solid #f8b700; font-size: 1.3em; font-weight: bold; text-decoration: none; }
/* Titres de forum et de sujet promus en h1 : même rendu que les h2 de PBWoW3. */
h1.forum-title, h1.topic-title { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 3em; letter-spacing: -0.05em; line-height: normal; margin: 0.5em 0 0.2em 0; padding: 0; color: #F3E6D0; }
h1.forum-title a, h1.topic-title a { color: #F3E6D0; }
h1.forum-title a:hover, h1.forum-title a:active, h1.topic-title a:hover, h1.topic-title a:active { color: #FFF; text-decoration: none; }
/* Contrastes : mention phpBB lisible, pied de page toujours sur fond sombre (jamais sur la zone claire de l'image). */
.copyright { color: #999; }
.page-footer { background: rgba(0,0,0,.72); padding: 6px 10px; }
/* Titres de section de la FAQ et des panneaux à la couleur or du thème (au lieu du bleu). */
.panel h2 { color: #f8b700; }
/* Mobile : titres de page décollés du bord. */
@media (max-width: 700px) {
  h1.forum-title, h1.topic-title, h2.forum-title, h2.topic-title { padding: 0 10px; }
}

/* Famille de sites et badge d'état (02/10/2026) : même présentation que le site et WoWDB. */
.famille{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;margin:8px auto 10px;font-size:11px}
.famille ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:0;padding:0;list-style:none}
.famille a{color:#d9b36b}
.famille a[aria-current]{color:#f3dfae;text-decoration:none;font-weight:bold}
.famille-statut{display:inline-flex;align-items:center;gap:6px;line-height:0}
.famille-statut img{display:block;height:20px;width:auto}
.famille-legal{flex-basis:100%;font-size:.92em}

/* Bandeau de cookies aux couleurs de la charte (02/10/2026) : pierre sombre, filet d'or, bouton rouge des Défias. */
.cc-window.cc-banner{border-top:2px solid #b8935a;box-shadow:0 -4px 18px rgba(0,0,0,.7);font:13px/1.5 Verdana,Arial,sans-serif;padding:12px 18px}
.cc-window .cc-message{margin-right:14px}
.cc-window .cc-link{color:#d9b36b;opacity:1;text-decoration:underline}
.cc-window .cc-link:hover,.cc-window .cc-link:focus{color:#f3dfae}
.cc-window .cc-btn{font:bold 14px Georgia,serif;border:1px solid #bb9b5b;border-radius:0;box-shadow:inset 0 0 0 1px #2a120f;text-shadow:1px 1px 0 #000;min-width:130px}
.cc-window .cc-btn:hover,.cc-window .cc-btn:focus{background:#a24c3e!important;color:#fff4d6!important;text-decoration:none}