/* ===== Pastille de notification dans le menu du haut du village (2026-09-09) =====
   Les quatre entrées Quêtes · Coffre · Amis · Premium ont remplacé le volet d'accès rapides.
   Les modules Quêtes (daily.js) et Amis (friends.js) posent la classe « live » sur leur bouton :
   c'est le seul style qu'il leur faut, le reste vient du menu lui-même. */
.vc-topnav button { position: relative; }
.vc-topnav button.live::after {
  content: '';
  position: absolute;
  top: 22%;
  right: -2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #efaf61;
  box-shadow: 0 0 8px #efaf6177;
}

/* ===== Les trois onglets du bas laissent voir le panorama (demande utilisateur 2026-09-09) =====
   Alliance · PVP · Épreuves gardent leur cadre et leurs coins coupés, mais perdent leur fond opaque.
   Un léger voile au survol et une ombre portée sur le texte gardent la lisibilité sur une carte claire.
   Ma feuille est chargée après village-citadel.css : à spécificité égale, c'est elle qui l'emporte. */
#screen-hub.citadel-hub > .hub-bottom-bar .bottom-menu-item {
  background: linear-gradient(180deg, #13202e2e, #090f193d);
  backdrop-filter: blur(2px);
}
#screen-hub.citadel-hub > .hub-bottom-bar .bottom-menu-item:hover {
  background: linear-gradient(180deg, #303b4373, #111a2882);
}
#screen-hub.citadel-hub > .hub-bottom-bar .bottom-menu-item small {
  text-shadow: 0 2px 6px #030810cc, 0 0 2px #030810;
}
#screen-hub.citadel-hub > .hub-bottom-bar .bottom-menu-item .vf-icon {
  filter: drop-shadow(0 2px 5px #030810cc);
}

/* ===== Bandeau de l'alliance : identité complète en haut (2026-09-09) =====
   Le blason, le nom, le niveau, la devise et les Écus tiennent désormais dans l'en-tête,
   qui reste visible dans toutes les rubriques — la carte du corps a disparu. */
#screen-alliance .alliance-header-crest {
  display: inline-block;
  vertical-align: -0.22em;
  width: 1.05em;
  height: 1.05em;
  margin-right: .38em;
  filter: drop-shadow(0 2px 6px #0009);
}
#screen-alliance .alliance-header-crest svg,
#screen-alliance .alliance-header-crest img { width: 100%; height: 100%; }
/* La devise et l'XP s'ajoutent au niveau : on laisse la ligne respirer avant de la tronquer. */
#screen-alliance[data-alliance-view="home"] .alliance-header-meta { max-width: min(62vw, 620px); }
#screen-alliance .gold-pill .ecu-week {
  display: block;
  margin-top: 1px;
  font: 10px/1 system-ui, sans-serif;
  color: var(--muted, #a79c88);
  letter-spacing: .02em;
}
@media (max-width: 520px) {
  
  #screen-alliance .gold-pill .ecu-week { display: none; }
}

/* ===== Garde du jour et bouton de départ dans le bandeau de l'alliance (2026-09-09) ===== */
#screen-alliance[data-alliance-view="home"] > .page-header:has(.alliance-header-life) { grid-template-columns: 40px minmax(0,1fr) auto auto; }
#screen-alliance[data-alliance-view="home"] > .page-header:has(> .favor-badge):has(.alliance-header-life) { grid-template-columns: 40px minmax(0,1fr) minmax(0,260px) auto auto; }
#screen-alliance .alliance-header-life { display: flex; align-items: center; gap: 12px; }
#screen-alliance .alliance-header-guards { display: flex; gap: 6px; }
#screen-alliance .alliance-header-life .alliance-map-guard {
  display: grid; place-items: center; width: 38px; height: 38px; padding: 0;
  border: 1px solid #c5a163; border-radius: 50%; background: #0b1421; overflow: hidden; cursor: pointer;
}
#screen-alliance .alliance-header-life .alliance-map-guard img { width: 100%; height: 100%; object-fit: cover; }
#screen-alliance .alliance-header-life .alliance-map-guard > span { display: none; }  /* le nom vit dans l'infobulle */
#screen-alliance .alliance-header-life .alliance-map-guard.me { border-color: #f2dcae; box-shadow: 0 0 0 2px #f2dcae3d; }
#screen-alliance .alliance-header-life .hub-leave { white-space: nowrap; }
@media (max-width: 760px) { #screen-alliance .alliance-header-guards { display: none; } }

/* ===== Bonus de faction dans le bandeau des Épreuves (2026-09-09) =====
   Ils étaient enfouis dans un volet en bas de page, alors que c'est une progression permanente
   qui s'applique à tous les modes : ils méritent d'être sous les yeux. */
/* L'en-tête est une grille de trois colonnes, mais il peut recevoir en plus le badge de terrain et la Faveur
   du jour : plutôt que de compter les colonnes une à une, on demande aux éléments surnuméraires d'en créer
   une nouvelle au lieu de passer à la ligne. */
#screen-trials[data-trials-view="home"] > .page-header:has(.trials-header-bonus) { grid-auto-flow: column; grid-auto-columns: auto; }
#screen-trials .trials-header-bonus { display: grid; grid-template-columns: repeat(4, auto); gap: 4px 6px; justify-content: end; }
#screen-trials .trials-header-bonus > span {
  display: inline-flex; align-items: center; gap: 3px;
  padding: 3px 7px; border: 1px solid color-mix(in srgb, var(--faction-color) 45%, transparent);
  border-radius: 999px; background: color-mix(in srgb, var(--faction-color) 12%, transparent);
  font: 11px/1 system-ui, sans-serif; color: #f0e2c2; white-space: nowrap;
}
#screen-trials .trials-header-bonus > span[data-zero] { opacity: .38; }
#screen-trials .trials-header-bonus i { display: inline-grid; place-items: center; width: 14px; height: 14px; font-style: normal; }
#screen-trials .trials-header-bonus i :is(img,svg) { width: 100%; height: 100%; }
@media (max-width: 900px) { #screen-trials .trials-header-bonus > span[data-zero] { display: none; } }
@media (max-width: 640px) { #screen-trials .trials-header-bonus { display: none; } }