/* ==========================================================================
   Gamelumo Zora — Responsive Logic
   Feinabstimmung fuer Breakpoints, Kippbereiche und Randfaelle 320–1920px.
   ========================================================================== */

/* -- Sehr kleine Geraete (320–389px) ------------------------------------------- */

@media (max-width: 24.3rem) {
  .glz-brand__suffix {
    display: none;
  }
  .glz-cover__cta,
  .glz-consent__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .glz-standing__rank {
    font-size: var(--glz-fs-400);
  }
  .glz-utility-strip__row {
    justify-content: center;
    text-align: center;
  }
}

/* -- Kompakte Telefone bis Tablet-Hoch (390–767px) ----------------------------- */

@media (max-width: 47.9rem) {
  .glz-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .glz-bar {
    grid-template-columns: 6rem 1fr auto;
  }
  .glz-standing {
    grid-template-columns: 1fr;
  }
  .glz-standing__rank {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
  }
}

/* -- Tablet (768–1023px) ------------------------------------------------------- */

@media (min-width: 48rem) and (max-width: 63.9rem) {
  .glz-cover {
    grid-template-columns: 1fr;
  }
  .glz-cover__panel {
    max-width: 34rem;
  }
}

/* -- Groessere Desktop-Formate (1440px und mehr) -------------------------------- */

@media (min-width: 90rem) {
  .glz-container {
    max-width: 82rem;
  }
  .glz-container--wide {
    max-width: 98rem;
  }
  .glz-kicker {
    font-size: clamp(6rem, 4rem + 5vw, 11rem);
  }
}

/* -- Ultraweite Ansichten (1920px) ---------------------------------------------- */

@media (min-width: 120rem) {
  .glz-edge {
    padding-inline: max(var(--glz-edge), calc((100vw - 120rem) / 2 + 3.4rem));
  }
}

/* -- Containerbasierte Anpassung fuer Ledger-Karten (falls unterstuetzt) --------- */

@supports (container-type: inline-size) {
  .glz-standings {
    container-type: inline-size;
  }

  @container (max-width: 34rem) {
    .glz-standing {
      grid-template-columns: 1fr;
    }
    .glz-standing__rank {
      font-size: var(--glz-fs-400);
    }
  }
}

/* -- Hoch aufgeloeste, kurze Viewports (Landscape-Handys) ------------------------ */

@media (max-height: 30rem) and (orientation: landscape) {
  .glz-consent-panel {
    align-items: center;
    padding: var(--glz-gap-xs);
  }
  .glz-consent-panel__card {
    max-height: 92vh;
  }
}

/* -- Druckausgabe (Rechtstexte) --------------------------------------------------- */

@media print {
  .glz-masthead,
  .glz-consent,
  .glz-consent-panel,
  .glz-footer,
  .glz-nav-toggle {
    display: none !important;
  }
  body {
    background: #fff;
    color: #000;
  }
}