/* Match APK HomeScreen on https://gunduata.tech/ */
html, body, .mobile-frame, .bg-appBg, .app-shell {
  background-color: #121212 !important;
}

/* APK home top bar: no hamburger */
header.bg-appBg button[aria-label="Open menu"] {
  display: none !important;
}

header.bg-appBg {
  padding: 12px 8px !important;
  background: #121212 !important;
  gap: 8px !important;
}

/* Logo size like APK (32dp, 8dp radius) */
header.bg-appBg img[alt="Gundu Ata"] {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 8px !important;
  ring-width: 0 !important;
}

/* Brand title — APK serif + never truncate */
header.bg-appBg .gundu-ata-shimmer,
header.bg-appBg .gundu-ata-shimmer.truncate {
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: 0.5px !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  max-width: none !important;
  flex-shrink: 0 !important;
}

header.bg-appBg button[aria-label="Play Gundu Ata"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: visible !important;
}

/* Auth buttons like APK */
header.bg-appBg a[href="/login"] {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 0 8px !important;
}

header.bg-appBg a[href="/signup"] {
  background-color: #FFCC00 !important;
  color: #121212 !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 6px 12px !important;
}

.text-primaryYellow,
header.bg-appBg button[aria-label="Open menu"] {
  color: #FFCC00 !important;
}

.btn-primary {
  background-color: #FFCC00 !important;
  color: #121212 !important;
}

/* Hide Download APK (not on APK home) */
.mobile-frame a[href*=".apk"],
.mobile-frame a[href*="GunduAta"],
.mobile-frame div.w-\[calc\(100\%-2rem\)\],
div.mx-4.mt-4.flex.w-\[calc\(100\%-2rem\)\],
div.mx-4.mt-4.flex.items-center.justify-center.gap-2 {
  display: none !important;
}

/* Search field surface */
input[placeholder*="Search"],
input[placeholder*="search"] {
  background-color: #1E1E1E !important;
  border-radius: 12px !important;
}