/* Mobile store switcher — dedicated full-width chip. AH + language sit in the icon strip. */

@media (max-width: 767.98px) {
  header.premium-header {
    padding-top: calc(36px + env(safe-area-inset-top, 0px)) !important;
    gap: 6px !important;
  }

  /* Store row: no padding for icons, no AH/EN siblings in-flow. */
  header.premium-header .mobile-header-meta,
  [dir="rtl"] header.premium-header .mobile-header-meta {
    order: 0 !important;
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  header.premium-header .mobile-header-meta > .mobile-account-locale {
    position: fixed !important;
  }

  header.premium-header .mobile-header-meta > div:first-child,
  header.premium-header .mobile-header-meta > div:first-child > button,
  header.premium-header .store-switcher-trigger {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  header.premium-header .store-switcher-trigger {
    display: flex !important;
    align-items: center !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px 0 8px !important;
    gap: 8px !important;
    border-radius: 11px !important;
    border: 1px solid color-mix(in srgb, hsl(var(--primary, 222 78% 20%)) 40%, hsl(var(--border, 220 13% 91%))) !important;
    background:
      linear-gradient(180deg, hsl(var(--primary, 222 78% 20%) / 0.2), hsl(var(--primary, 222 78% 20%) / 0.06)),
      hsl(var(--card, 224 40% 8%)) !important;
    box-shadow:
      inset 0 1px 0 hsl(0 0% 100% / 0.06),
      0 10px 24px hsl(var(--primary, 222 78% 20%) / 0.12) !important;
    justify-content: flex-start !important;
  }

  header.premium-header .store-switcher-trigger > span:first-of-type {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    border-radius: 8px !important;
    background: hsl(var(--primary, 222 78% 20%) / 0.24) !important;
  }

  header.premium-header .store-switcher-trigger > span:first-of-type svg {
    width: 16px !important;
    height: 16px !important;
  }

  header.premium-header .store-switcher-trigger .block.truncate,
  header.premium-header .store-switcher-trigger span.truncate {
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    color: hsl(var(--foreground, 213 31% 91%)) !important;
  }

  header.premium-header .store-switcher-trigger .text-muted-foreground {
    display: none !important;
  }

  header.premium-header .store-switcher-trigger svg.lucide-chevrons-up-down {
    width: 16px !important;
    height: 16px !important;
    flex: none !important;
    opacity: 0.85 !important;
  }

  /* Row 1: hamburger | lang | AH | bell | theme */
  header.premium-header .mobile-account-locale,
  [dir="rtl"] header.premium-header .mobile-account-locale {
    position: fixed !important;
    top: calc(6px + env(safe-area-inset-top, 0px)) !important;
    inset-inline-end: 84px !important;
    inset-inline-start: auto !important;
    bottom: auto !important;
    z-index: 40 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    width: auto !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 0 !important;
    flex: none !important;
    pointer-events: auto !important;
  }

  header.premium-header .mobile-account-locale .mobile-header-user,
  header.premium-header .mobile-account-locale > button:first-child {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    border-radius: 9px !important;
  }

  header.premium-header .mobile-account-locale .gm-language-unified,
  header.premium-header .mobile-account-locale [data-gm-native-lang],
  header.premium-header .mobile-account-locale .gm-lang-toggle {
    height: 32px !important;
    min-height: 32px !important;
    padding: 2px 5px !important;
    font-size: 10px !important;
    border-radius: 9px !important;
  }

  #gm-header-lang {
    height: 32px !important;
    z-index: 41 !important;
  }
}

@media (max-width: 359.98px) {
  header.premium-header .store-switcher-trigger {
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 10px !important;
  }
  header.premium-header .store-switcher-trigger .block.truncate,
  header.premium-header .store-switcher-trigger span.truncate {
    font-size: 13px !important;
  }
  header.premium-header .mobile-account-locale {
    inset-inline-end: 80px !important;
  }
}