/* Growthmerce mobile shell: overflow, 44px targets, sheets, dialogs. Desktop unchanged above 768px. */

/* Sidebar brand mark: ice badge, no black PNG corners, hide Grabit overlays. */
div:has(> span > [aria-label="Growthmerce"]) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(232, 240, 255, 0.55) 48%, #ffffff 100%),
    #ffffff !important;
  border: 1px solid rgba(11, 37, 89, 0.16) !important;
  border-radius: 1rem !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.7) inset,
    0 8px 18px rgba(11, 37, 89, 0.16) !important;
  overflow: hidden !important;
}
html.dark div:has(> span > [aria-label="Growthmerce"]) {
  background:
    linear-gradient(180deg, #ffffff 0%, #e8eef8 100%) !important;
  border-color: rgba(226, 232, 240, 0.55) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.55) inset,
    0 10px 22px rgba(0, 0, 0, 0.35) !important;
}
[aria-label="Growthmerce"] {
  background-image: url("/growthmerce-mark.png?v=logo1") !important;
  background-color: transparent !important;
  background-size: 78% !important;
  background-repeat: no-repeat !important;
  background-position: 50% 46% !important;
  border-radius: 0 !important;
}
div:has(> span > [aria-label="Growthmerce"]) .ocid-button-p,
div:has(> span > [aria-label="Growthmerce"]) [id^="downloadButton_"],
div:has(> span > [aria-label="Growthmerce"]) [data-grabit-insert] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}
#root {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 767.98px) {
  html,
  body,
  #root {
    overscroll-behavior-x: none;
  }

  .group\/sidebar-wrapper,
  [data-sidebar="sidebar"],
  main,
  [data-sidebar="inset"] {
    min-width: 0;
    max-width: 100%;
  }

  .mobile-header-actions {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
    gap: 6px;
  }
  .mobile-header-actions::-webkit-scrollbar {
    display: none;
  }

  .mobile-header-actions > button,
  .mobile-header-actions [data-sidebar="trigger"],
  .mobile-header-user,
  .mobile-theme-toggle {
    min-height: 44px !important;
    min-width: 44px !important;
  }

  .mobile-header-meta {
    flex-wrap: wrap;
    row-gap: 8px;
    width: 100%;
    padding-inline-end: 0;
  }

  .mobile-search-host {
    display: block !important;
    flex: 1 1 100%;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .mobile-search-host input,
  .mobile-search-host [role="combobox"] {
    min-height: 44px;
    width: 100%;
  }

  .store-switcher-trigger {
    min-height: 44px !important;
    width: min(100%, 11.5rem) !important;
  }

  .mobile-account-locale {
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    flex-direction: row !important;
    align-items: center !important;
  }

  [role="dialog"],
  [data-radix-dialog-content],
  [data-radix-alert-dialog-content],
  [data-sidebar="sidebar"][data-mobile="true"] {
    max-width: calc(100vw - 0.75rem) !important;
    max-height: min(100dvh, 100%) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  [data-radix-popper-content-wrapper],
  [data-radix-select-content],
  [data-radix-dropdown-menu-content],
  [role="listbox"],
  [role="menu"] {
    max-width: min(100vw - 16px, 24rem) !important;
  }

  table {
    max-width: none;
  }
  .orders-desktop-scroll,
  [data-layout="fit-product-performance"],
  [class*="overflow-x"] {
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

  [data-gm="confirm-cards"] .gm-confirm-primary,
  [data-gm="confirm-cards"] .gm-confirm-tile,
  [data-gm="confirm-cards"] .gm-confirm-danger {
    min-height: 44px;
  }

  /* Keep sticky page chrome from covering actions */
  [data-gm="confirm-cards"] {
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }

  textarea,
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  button,
  [role="button"] {
    touch-action: manipulation;
  }
}

@media (max-width: 430px) {
  .shipping-analytics-page .gm-analytics-kpis {
    grid-template-columns: 1fr 1fr !important;
  }
  .shipping-analytics-page .gm-analytics-kpis > * {
    min-height: 96px;
  }
}

.gm-wa-workspace {
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}
.gm-wa-nav {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.gm-wa-nav button {
  white-space: nowrap;
}
.gm-wa-workspace input,
.gm-wa-workspace textarea,
.gm-wa-workspace p,
.gm-wa-workspace span {
  overflow-wrap: anywhere;
}
.gm-wa-workspace [dir="ltr"] {
  unicode-bidi: isolate;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1023px) {
  .gm-wa-workspace .lg\:grid-cols-\[300px_minmax\(0\,1fr\)\] {
    min-width: 0;
  }
}

/* Empty toast viewport must not eat clicks across the page. */
ol.fixed[class*="z-[100]"] {
  pointer-events: none !important;
}
ol.fixed[class*="z-[100]"] > * {
  pointer-events: auto !important;
}

/* Header language switcher: isolated LTR pill so ع | EN does not clip in RTL. */
.gm-lang-toggle {
  box-sizing: border-box;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  height: 36px !important;
  min-height: 36px !important;
  min-width: 76px !important;
  width: auto !important;
  max-width: none !important;
  padding: 3px !important;
  border-radius: 10px !important;
  border: 1px solid hsl(var(--border, 214 32% 91%)) !important;
  background: hsl(var(--background, 0 0% 100%) / 0.82) !important;
  color: hsl(var(--muted-foreground, 215 16% 47%)) !important;
  box-shadow: none !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
  direction: ltr !important;
  unicode-bidi: isolate;
  cursor: pointer;
  font-family: "IBM Plex Sans Arabic", Alexandria, sans-serif !important;
}
.gm-lang-toggle:hover {
  border-color: hsl(var(--primary, 221 83% 53%) / 0.35) !important;
}
html.dark .gm-lang-toggle {
  background: rgba(8, 18, 38, 0.88) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  color: #cbd5e1 !important;
}
html.dark .gm-lang-toggle .gm-lang-opt.is-active {
  background: rgba(59, 130, 246, 0.22);
  color: #93c5fd;
}
.gm-lang-toggle .gm-lang-opt {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 28px;
  padding: 0 8px;
  border-radius: 7px;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em;
  opacity: 0.55;
  unicode-bidi: isolate;
  direction: ltr;
}
.gm-lang-toggle .gm-lang-opt.is-active {
  opacity: 1;
  background: hsl(var(--primary, 221 83% 53%) / 0.16);
  color: hsl(var(--primary, 221 83% 53%));
}
.gm-lang-toggle-sidebar {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: flex-start !important;
  padding-inline: 8px !important;
}
.gm-lang-toggle-icon {
  min-width: 36px !important;
  width: 36px !important;
  padding: 3px !important;
}
.gm-lang-toggle-icon .gm-lang-opt {
  min-width: 0;
  width: 100%;
  padding: 0;
}
.mobile-account-locale {
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
}
header.premium-header {
  overflow: visible !important;
}

.gm-search-hotkey {
  direction: ltr !important;
  unicode-bidi: isolate;
  flex-shrink: 0;
  margin-inline-start: auto;
  padding: 2px 6px;
  border-radius: 6px;
  border: 1px solid hsl(var(--border, 214 32% 91%) / 0.7);
  font-family: "IBM Plex Sans Arabic", Alexandria, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0;
  line-height: 1;
  opacity: 0.6;
  pointer-events: none;
  color: hsl(var(--muted-foreground, 215 16% 47%));
}
html.dark .gm-search-hotkey {
  border-color: rgba(148, 163, 184, 0.28);
  color: #94a3b8;
}

@media (max-width: 767.98px) {
  .gm-lang-toggle {
    height: 44px !important;
    min-height: 44px !important;
    min-width: 84px !important;
  }
  .gm-lang-toggle .gm-lang-opt {
    height: 36px;
    min-width: 36px;
  }
}