/**
 * Naat Sharif & Lyrics Stylesheet
 * 
 * Specialized minimal typography for poetical couplets, script switcher, and copy protection.
 *
 * @package AL_Muslim_Hindi
 */

.naat-toolbar-row {
  position: -webkit-sticky;
  position: sticky;
  top: 56px;
  z-index: 20;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.2s ease;
}

body.dark-mode .naat-toolbar-row {
  background: rgba(32, 33, 36, 0.95) !important;
  border-color: #303134 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode .naat-toolbar-row button,
body.dark-mode .naat-toolbar-row .font-size-adjuster {
  background: #18191A !important;
  border-color: #3C4043 !important;
  color: #E8EAED !important;
}

#section-hindi,
#section-roman,
#section-urdu {
  scroll-margin-top: 120px;
}

.naat-copy-protected {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn-script-tab.active {
  background: var(--color-accent, #008F6B) !important;
  color: #FFFFFF !important;
}

.btn-script-tab:not(.active) {
  background: transparent !important;
  color: var(--color-text-primary, #202124) !important;
}

.btn-script-tab:not(.active):hover {
  background: rgba(0, 0, 0, 0.05) !important;
}