/* ============================================================
   MODE PLEIN ÉCRAN MOBILE — Guerre du Clic (partagé, toutes pages gbv3)
   La haute bannière hero du site est retirée en mobile : le jeu occupe
   tout l'écran. On la remplace par une FINE BANDE fixe en haut, qui
   réutilise le header du site (#header_main) : le logo = retour au site,
   .mobile-button = menu burger natif. Le timer de fin de guerre y est
   déplacé par fullscreen_mobile.js.
   À charger sur : guerre-bed(.php), -codex, -attaques, -classement,
   -faction, -empire. Portée strictement mobile (≤ 767.98px).
   ============================================================ */

/* Le badge de saison porte deux libellés : « Saison N » (complet, i18n) et
   juste le numéro. Par défaut (desktop) on montre le complet ; en mobile la
   bande n'affiche que le numéro (cf. règle .gb-topbar-timer plus bas). */
.gb-season-num { display: none; }

@media (max-width: 767.98px) {
  :root { --gb-topbar-h: 46px; }

  /* Hero du site supprimé. */
  .main .page-title-slim { display: none !important; }

  /* Footer du site retiré en mobile (plein écran). */
  #footer { display: none !important; }

  /* Header du site -> fine bande fixe, toujours visible (on neutralise le
     comportement « apparaît/disparaît au scroll » du thème). */
  body.header-fixed #header_main.header {
    position: fixed !important; top: 0 !important; left: 0; right: 0; width: 100%;
    height: var(--gb-topbar-h) !important; opacity: 1 !important; visibility: visible !important;
    transform: none !important; background: rgba(8,10,18,.96) !important;
    -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(250,109,0,.28); box-shadow: 0 4px 18px rgba(0,0,0,.5); }
  #header_main.header .container,
  #header_main #site-header-inner { height: var(--gb-topbar-h); }
  #header_main #site-header-inner { align-items: center; }
  /* Logo compact (retour au site). */
  #header_main .header__logo { flex: 0 0 auto; }
  #header_main .header__logo img { height: 30px !important; width: auto !important; padding: 0 !important; }

  /* Timer déplacé dans la bande : centré entre logo et burger. On garde le
     badge de saison (numéro seul) + le compte à rebours ; le libellé « Fin de
     la guerre dans » est masqué (place limitée sur un smartphone). */
  .gb-topbar-timer { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
    display: flex; align-items: center; max-width: calc(100% - 128px); pointer-events: none; }
  .gb-topbar-timer .gb-war-timer { font-size: 12px; line-height: 1; letter-spacing: .3px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .gb-topbar-timer .gb-season-badge { font-size: 9px; padding: 1px 6px; margin-right: 5px; letter-spacing: .5px; }
  .gb-topbar-timer .gb-war-timer-label { display: none; }
  /* Badge compact : on n'affiche que le numéro de saison (pas le mot « Saison »). */
  .gb-topbar-timer .gb-season-full { display: none; }
  .gb-topbar-timer .gb-season-num { display: inline; }

  /* Le contenu démarre sous la fine bande (le hero fournissait l'espace avant),
     avec un padding-top réduit : plus besoin du grand espace du hero. */
  #wrapper { padding-top: var(--gb-topbar-h); }
  .main .tf-section.tf-item-detail { padding-top: 8px !important; }

  /* Ancrage des sections recalé sous la bande (dashboard : #gb-sec-*). */
  [id^="gb-sec-"] { scroll-margin-top: calc(var(--gb-topbar-h) + 10px); }
}