/* AZAN.NET extra styles on top of Tailwind */

/* Smooth font rendering */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Hide scrollbar but keep it functional */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Prose adjustments */
.prose h2 { font-family: 'Space Grotesk', Inter, sans-serif; letter-spacing: -0.01em; }
.prose a { color: rgb(15 118 110); text-decoration: none; border-bottom: 1px solid rgba(15,118,110,.2); }
.prose a:hover { border-bottom-color: rgb(15 118 110); }

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* Arabic font support */
.font-arabic { line-height: 1.9; letter-spacing: 0; }

/* Search dropdown active state */
[data-search-results] a:hover { background-color: rgb(248 250 252); }

/* Pretty focus rings */
:focus-visible { outline: 2px solid rgb(15 118 110); outline-offset: 2px; border-radius: 4px; }

/* Print */
@media print {
  header, footer, [data-search], [data-lang], button { display: none !important; }
}