/* Mood mobile-native v3 — shell: main padding, header, footer, menu quick nav */

@media (max-width: 1023px) {
  /* Safari / iOS: контент под чёлкой, фон на весь viewport */
  html {
    background: var(--bg);
  }

  body.mood-layout-v2.mood-mobile-v3 {
    min-height: 100dvh;
    min-height: var(--mob-vh, 100dvh);
    background: var(--bg);
  }

  /* Плавающая pill-шапка — shell в mood-mob-curtain.css */
  html body.mood-layout-v2.mood-mobile-v3 .casino-header.mood-header-v2,
  html body.mood-layout-v2.mood-mobile-v3 .casino-header.mood-header-v2.casino-header--scrolled {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: none;
    z-index: calc(var(--z-rail) + 10);
  }

  body.mood-layout-v2.mood-mobile-v3 .mood-header-shell .mood-header__inner {
    pointer-events: auto;
  }

  body.mood-layout-v2.mood-mobile-v3 .mood-header__menu-btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  html[data-theme="light"] body.mood-layout-v2.mood-mobile-v3 .mood-header__menu-btn {
    background: transparent !important;
    border: none !important;
  }

  body.mood-layout-v2.mood-mobile-v3 .home-stories-top-slot {
    position: fixed;
    top: calc(
      var(--email-banner-offset, 0px)
      + env(safe-area-inset-top, 0px)
      + var(--mood-header-pill-gap, 10px)
      + var(--mood-header-pill-h, var(--mood-tabbar-h, 56px))
      + 6px
    );
    left: 10px;
    right: 10px;
    z-index: calc(var(--z-rail) + 8);
    padding: 0;
    pointer-events: none;
  }

  body.mood-layout-v2.mood-mobile-v3 .home-stories-top-slot:not(.hidden) .home-stories-row {
    pointer-events: auto;
  }

  body.mood-layout-v2.mood-mobile-v3 .casino-main {
    padding-left: var(--mob-gutter);
    padding-right: var(--mob-gutter);
    padding-top: var(--mob-main-pad-top, var(--mood-header-offset));
    padding-bottom: var(--mob-main-pad-bottom);
  }

  body.mood-layout-v2.mood-mobile-v3 .casino-footer,
  body.mood-layout-v2.mood-mobile-v3 .footer-shell {
    margin-bottom: var(--mood-dock-offset);
  }

  /* Account page: respect dock */
  body.mood-layout-v2.mood-mobile-v3.mood-account-page-mode .casino-main {
    padding-bottom: var(--mob-main-pad-bottom) !important;
  }

  body.mood-layout-v2.mood-mobile-v3.mood-account-page-mode #accountModal,
  body.mood-layout-v2.mood-mobile-v3.mood-account-page-mode #accountModal.modal {
    min-height: calc(var(--mob-vh, 100dvh) - var(--header-stack-offset, var(--mood-header-h)));
  }

  /* Wallet / cashier pages */
  body.mood-layout-v2.mood-mobile-v3 .mood-wallet-page {
    padding-bottom: var(--space-4);
  }

  body.mood-layout-v2.mood-mobile-v3 #depositPageModal .deposit-page-modal__footer,
  body.mood-layout-v2.mood-mobile-v3 .deposit-wizard-footer {
    padding-bottom: calc(var(--space-4) + env(safe-area-inset-bottom, 0px));
  }

  body.mood-layout-v2.mood-mobile-v3.mob-menu-open .mood-mob-dock,
  body.mood-layout-v2.mood-mobile-v3.mob-cc-open .mood-mob-dock {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
  }

  /* Quick nav chips in mob menu */
  .mood-mob-menu__quick {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 16px 12px;
  }

  .mood-mob-menu__quick-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: var(--mob-touch-min, 44px);
    padding: 8px 14px;
    border-radius: var(--radius-pill);
    border: none;
    background: var(--mob-fill-secondary, var(--surface-2));
    color: var(--text);
    font: 600 13px/1.2 var(--font-sans);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background var(--transition), transform var(--dur-2) var(--ease-out);
  }

  .mood-mob-menu__quick-chip svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: var(--accent);
  }

  .mood-mob-menu__quick-chip--accent {
    background: color-mix(in srgb, var(--accent) 16%, var(--mob-fill-secondary, var(--surface-2)));
    color: var(--accent);
  }

  html[data-theme="light"] .mood-mob-menu__quick-chip--accent {
    color: var(--accent-deep);
  }

  /* Header compact */
  body.mood-mobile-v3 .mood-header__inner {
    gap: 8px;
  }

  body.mood-mobile-v3 .header-btn-deposit {
    min-height: var(--mob-touch-min, 44px);
    padding-inline: 14px;
  }

  body.mood-mobile-v3 .mood-header__menu-btn {
    min-width: var(--mob-touch-min, 44px);
    min-height: var(--mob-touch-min, 44px);
  }

  /* Toasts above dock */
  body.mood-mobile-v3 .toast-container {
    bottom: calc(var(--mood-dock-offset) + 12px);
  }

  /* Контент под плавающей шапкой при скролле: первый промо-блок вытягиваем в safe-area */
  body.mood-mobile-v3 #guestView .home-banner-row,
  body.mood-mobile-v3 #lobbyView .home-banner-row--lobby {
    margin-top: calc(-1 * var(--mood-header-offset, 80px) + var(--space-3));
    padding-top: calc(var(--mood-header-offset, 80px));
  }

  body.mood-mobile-v3 #guestView .home-mobile-mini-promo-wrap .home-mini-promo-chrome {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }

  /* Full-width banner row */
  body.mood-mobile-v3 .home-banner-row {
    margin-left: calc(-1 * var(--mob-gutter));
    margin-right: calc(-1 * var(--mob-gutter));
    width: calc(100% + 2 * var(--mob-gutter));
    padding: 0;
  }

  body.mood-mobile-v3 .home-banner-row .home-mini-promo-chrome,
  body.mood-mobile-v3 .home-banner-row .mood-hero-single .home-mini-promo {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }

  @media (min-width: 1024px) {
    .mood-mob-menu__quick {
      display: none;
    }
  }
}

@media (min-width: 1024px) {
  .mood-mob-menu__quick {
    display: none;
  }
}