/* Clean/minimal skin for the quran.com mirror.
 * Applied to every HTML page by the server. Keep this list limited to
 * promotional, branding, newsletter and account/locale chrome so the reader
 * keeps working. */

/* Footer (marketing, links, newsletter form) */
footer,
[class*="Footer_"],
[class*="Footer-"] { display: none !important; }

/* Brand marks / logos */
[class*="BrandLogo"],
[class*="NavbarLogoWrapper"],
[data-testid^="brand-logo"],
[class*="MobileStickyItemsBar_logoContainer"] { display: none !important; }

/* Newsletter (footer block and floating reader prompt) */
[class*="Newsletter"],
[class*="floatingReaderPrompt"] { display: none !important; }

/* Account / sign-in chrome */
[class*="ProfileAvatarButton"],
[data-testid="login-button"],
a[href^="/login"],
a[href^="/signup"],
a[href^="/complete-signup"] { display: none !important; }

/* Language switcher (site stays English) */
[data-testid="open-language-drawer"],
[class*="LanguageSwitcher"],
[class*="languageSwitch"] { display: none !important; }

/* Announcement / donation / fundraising banners and prompts */
[class*="Announcement"],
[class*="announcement"],
[class*="Fundraising"],
[class*="fundraising"],
[class*="Donation"],
[class*="donationMessage"],
[class*="AppBanner"],
[class*="GetApp"],
[class*="TopBanner"],
[class*="HeaderBanner"] { display: none !important; }

/* Extra navigation drawer + mobile sticky bar (duplicated nav) */
[data-testid="open-navigation-drawer"],
[class*="MobileStickyItemsBar"] { display: none !important; }

/* SEO link clutter at the bottom of reader pages */
[class*="ChapterSeoLinks"] { display: none !important; }

/* "Tip: try navigating with ctrlK" inside the surah sidebar */
[class*="SidebarNavigation_tip"] { display: none !important; }

/* Per-verse action tabs: keep Tafsir only (hide Lessons, Reflections,
 * Answers, Hadith, Related Content, Qira'at, ...). */
[data-testid^="bottom-action-tab-"]:not([data-testid="bottom-action-tab-tafsir"]) {
  display: none !important;
}

/* ...and the separators that belonged to the removed tabs. */
[class*="TranslationViewCell_separatorContainer"] {
  display: none !important;
}

/* Inside the study pane keep the Tafsir tab only as well. */
[data-testid^="study-mode-tab-"]:not([data-testid="study-mode-tab-tafsir"]) {
  display: none !important;
}

/* ...and drop the separators that belonged to the removed tabs. */
[class*="StudyModeBottomActions_separatorContainer"] {
  display: none !important;
}

/* Fixed "Surah List" entry point (added by clean.js, outside the React root) */
#eni-surah-list-button {
  position: fixed;
  top: 10px;
  left: 12px;
  z-index: 2147483000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 18px;
  border-radius: 999px;
  background: #103b38;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  box-shadow: 0 4px 12px rgba(16, 59, 56, 0.18);
}
#eni-surah-list-button:hover { background: #0c2f2c; }

/* Fixed "Back to Academy" link (added by clean.js) */
#eni-back-academy {
  position: fixed;
  top: 12px;
  right: 16px;
  left: auto;
  z-index: 2147483000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 999px;
  background: #103b38;
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.01em;
  line-height: 1;
  white-space: nowrap;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  box-shadow: 0 8px 24px rgba(16, 59, 56, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.22);
}
#eni-back-academy:hover { background: #0b2b28; color: #ffffff; border-color: rgba(255, 255, 255, 0.4); }
@media (max-width: 640px) {
  #eni-back-academy { top: 10px; right: 10px; padding: 9px 14px; font-size: 12px; }
}