/* OUTCORA v5.34 — proven v5.32 mobile header baseline plus Telegram CTA.
   This file deliberately contains the complete mobile header layer so every
   browser receives one deterministic cascade. */

/* Keep the original header artwork visible in the compact header. The left
   overlay protects the white lockup; the right side retains the map, curves
   and light-trail detail from the supplied banner. */
@media (max-width: 1240px) {
  .site-header {
    background-image:
      linear-gradient(90deg, rgba(7, 10, 15, .93) 0%, rgba(7, 10, 15, .63) 53%, rgba(7, 10, 15, .22) 100%),
      url('./outcora-header-banner.png');
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    background-position: center, right center;
  }

  .site-header .brand img.site-logo {
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .48));
  }
}

/* Restore the v5.32 phone header unchanged: the transparent HQ footer lockup
   has its own row, so it keeps the same scale in Firefox and Chromium. */
@media (max-width: 720px) {
  .site-header .nav {
    display: block;
    height: 180px;
    padding: 10px 0 11px;
  }

  .site-header .brand {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    flex: none;
    align-self: auto;
    width: min(320px, calc(100vw - 30px));
    min-width: 0;
    min-height: 0;
  }

  .site-header .brand img.site-logo {
    display: none;
  }

  .site-header .brand::before {
    content: '';
    display: block;
    width: 100%;
    aspect-ratio: 2048 / 705;
    background: url('./outcora-footer-logo-hq.png') left center / contain no-repeat;
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .36));
  }

  .site-header .nav-right {
    position: absolute;
    right: 0;
    bottom: 11px;
    align-self: auto;
    height: 44px;
    gap: 8px;
  }

  /* The Telegram destination and behavior are unchanged. This rule only
     reverses the compact-header hiding rule for the existing blue CTA. */
  .site-header .nav-right > .button.button-primary[data-telegram] {
    display: inline-flex;
    flex: 0 1 104px;
    min-width: 86px;
    height: 44px;
    min-height: 44px;
    padding: 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .site-header .nav-right .lang {
    flex: 0 0 76px;
    width: 76px;
    height: 44px;
    min-height: 44px;
    padding-left: 12px;
    padding-right: 26px;
  }

  .site-header .mobile-toggle {
    flex: 0 0 44px;
  }

  .market-band {
    top: 180px;
  }
}

@media (max-width: 380px) {
  .site-header .nav-right {
    gap: 6px;
  }

  .site-header .nav-right .lang {
    flex-basis: 70px;
    width: 70px;
    padding-left: 10px;
  }

  .site-header .nav-right > .button.button-primary[data-telegram] {
    flex-basis: 96px;
    min-width: 80px;
    padding: 0 10px;
    font-size: 8px;
  }
}


/* OUTCORA mobile header consistency v5.41 */
@media (max-width: 720px) {
  /* A két soros, 180px-es fejléc alá számoljuk a menü magasságát. */
  .site-header .mobile-menu {
    max-height: calc(100dvh - 180px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  /* A regisztrációs link ne szorulhasson a levágott menürészbe. */
  .site-header .mobile-menu-inner > a[href*="register"] {
    order: -1;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}


/* OUTCORA auth-header mobile override v5.42 */
@media (max-width: 1240px) {
  .site-header.outcora-auth-header {
    background-image:
      linear-gradient(90deg, rgba(7, 10, 15, .93) 0%, rgba(7, 10, 15, .63) 53%, rgba(7, 10, 15, .22) 100%),
      url('./outcora-header-banner.png') !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: cover, cover !important;
    background-position: center, right center !important;
  }
}

@media (max-width: 720px) {
  .site-header.outcora-auth-header .nav {
    display: block !important;
    position: relative !important;
    height: 180px !important;
    min-height: 180px !important;
    padding: 10px 0 11px !important;
  }

  .site-header.outcora-auth-header .nav-right {
    position: absolute !important;
    right: 0 !important;
    bottom: 11px !important;
    height: 44px !important;
  }

  .site-header.outcora-auth-header .market-band {
    top: 180px !important;
  }
}