/* Mobil header — Kayıt Ol / Giriş Yap her zaman görünür (Plesk + CDN üstü) */

@media (max-width: 991px) {
  html.is-mobile #bpMobileHeader,
  html.is-phone #bpMobileHeader,
  html.betpark-mobile-native #bpMobileHeader,
  html.is-mobile #bpMobileHeader.bp-native-only,
  html.is-phone #bpMobileHeader.bp-native-only {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    grid-template-areas: "mh-left mh-logo mh-right" !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 6px 8px !important;
    background: #336154 !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10002 !important;
  }

  html.is-mobile #bpMobileHeader .mobile_header_left,
  html.is-phone #bpMobileHeader .mobile_header_left {
    grid-area: mh-left !important;
  }

  html.is-mobile #bpMobileHeader .mobile_header_logo,
  html.is-phone #bpMobileHeader .mobile_header_logo {
    grid-area: mh-logo !important;
    display: flex !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  html.is-mobile #bpMobileHeaderRight,
  html.is-phone #bpMobileHeaderRight,
  html.is-mobile .mobile_header_right,
  html.is-phone .mobile_header_right {
    grid-area: mh-right !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    min-width: 112px !important;
    width: auto !important;
    max-width: 46vw !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
  }

  html.is-mobile .mobile_header_login_button,
  html.is-phone .mobile_header_login_button,
  html.betpark-mobile-native .mobile_header_login_button {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 56px !important;
    width: 56px !important;
    min-height: 48px !important;
    padding: 4px 3px !important;
    background: #f3ea29 !important;
    color: #111 !important;
    border: none !important;
    text-decoration: none !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent;
  }

  html.is-mobile .mobile_header_right > .mobile_header_login_button:first-child,
  html.is-phone .mobile_header_right > .mobile_header_login_button:first-child {
    border-radius: 6px 0 0 6px !important;
  }

  html.is-mobile .mobile_header_right > .mobile_header_login_button:last-child,
  html.is-phone .mobile_header_right > .mobile_header_login_button:last-child {
    border-radius: 0 6px 6px 0 !important;
    border-left: 1px solid rgba(0, 0, 0, 0.12) !important;
  }

  html.is-mobile .mobile_header_login_button i,
  html.is-phone .mobile_header_login_button i {
    display: block !important;
    font-size: 16px !important;
    color: #111 !important;
    margin-bottom: 2px !important;
  }

  html.is-mobile .mobile_header_login_button .Tab-bar-item__title,
  html.is-phone .mobile_header_login_button .Tab-bar-item__title {
    display: block !important;
    color: #111 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  html.is-mobile .mobile_header_toolbar,
  html.is-phone .mobile_header_toolbar {
    display: inline-flex !important;
    align-items: center !important;
    background: #f3ea29 !important;
    border-radius: 8px !important;
    padding: 2px 3px !important;
    gap: 1px !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
  }

  html.is-mobile .mobile_header_toolbar .mobile_hdr_btn,
  html.is-phone .mobile_header_toolbar .mobile_hdr_btn {
    display: inline-flex !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    background: transparent !important;
    color: #111 !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
  }

  html.is-mobile .mobile_header_toolbar .mobile_header_balance,
  html.is-phone .mobile_header_toolbar .mobile_header_balance {
    display: inline-block !important;
    color: #111 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 0 4px !important;
    white-space: nowrap !important;
  }

  html.is-mobile .mobile_header_user,
  html.is-phone .mobile_header_user {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    min-height: 34px !important;
    padding: 4px 8px !important;
    border-radius: 18px !important;
    background: #1e4a3d !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    font-size: 10px !important;
    flex-shrink: 0 !important;
  }

  /* Tawk — sol alt, Canlı Destek görseli */
  html.is-mobile .bp-tawk-trigger,
  html.is-phone .bp-tawk-trigger,
  html.betpark-mobile-native .bp-tawk-trigger {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    left: 2px !important;
    right: auto !important;
    bottom: 76px !important;
    z-index: 10060 !important;
    pointer-events: auto !important;
  }
}