/* Keep the mobile layout stable when iOS focuses form/search controls. */
@media (max-width: 768px) {
  html,
  body,
  #betsnice-root {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  input,
  select,
  textarea,
  [contenteditable="true"] {
    font-size: 16px !important;
    min-width: 0;
    max-width: 100%;
  }

  .betsnice-slot-workspace,
  .betsnice-slot-content,
  .casino-workspace,
  .casino-main,
  .betsnice-auth,
  .betsnice-support-panel {
    max-width: 100%;
    overflow-x: hidden;
  }

  .betsnice-featured-game img {
    cursor: pointer;
  }
}

.betsnice-featured-game > p {
  display: none !important;
}

/* Mobile all-providers view: keep the exact Sugar Rush catalog card first. */
@media (max-width: 768px) {
  .betsnice-slot-page
    .betsnice-slot-workspace:has(
      .betsnice-slot-provider-list > button:first-child.active[aria-label="Tüm Sağlayıcılar"]
    )
    .casino-grid
    > article:has(.catalog-game-media > img[alt="Sugar Rush"]) {
    order: -100;
  }
}


/* Mobile registration bonus notice: keep the one-time auth notification prominent. */
@media (max-width: 768px) {
  .welcome-toast.notification-toast {
    top: calc(72px + env(safe-area-inset-top)) !important;
    right: 12px !important;
    left: 12px !important;
    z-index: 2147483000 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 76px;
    display: flex !important;
    visibility: visible !important;
    opacity: 1;
  }

  .welcome-toast.notification-toast small {
    font-size: 13px;
    line-height: 1.45;
  }
}
