/* Custon stylesheet for Pravara Vidyalay School Website */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');

/* Dynamic Bilingual Visibility Settings */
html[lang="mr"] [data-lang="en"] {
  display: none !important;
}
html[lang="en"] [data-lang="mr"] {
  display: none !important;
}

/* Base style resets and configuration */
:root {
  color: #0f172a;
  background: #f8fafc;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at top left, rgba(30, 58, 138, 0.08), transparent 36%),
    radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.08), transparent 30%),
    #f8fafc;
  color: #0f172a;
  font-family: 'Poppins', 'Noto Sans Devanagari', sans-serif;
}

#root {
  min-height: 100vh;
}

* {
  box-sizing: border-box;
}

::selection {
  background: rgba(30, 58, 138, 0.18);
}

img {
  display: block;
  max-width: 100%;
}

a {
  text-decoration: none;
}

button,
input,
textarea,
select {
  font: inherit;
}

/* Custom Swiper style adjustments */
.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
}
.swiper-pagination-bullet-active {
  background: #f59e0b !important;
  width: 1.5rem !important;
  border-radius: 4px !important;
}

/* Scroll snap scrollbars */
html::-webkit-scrollbar {
  width: 8px;
}
html::-webkit-scrollbar-track {
  background: #f1f5f9;
}
html::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
html::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Active Nav Links styling */
.nav-active-link {
  background-color: #f59e0b !important;
  color: #0f172a !important;
}
.mobile-nav-active-link {
  background-color: #f59e0b !important;
  color: #0f172a !important;
}

/* Header Scrolled Styles Override */
.header-wrapper.scrolled a {
  color: #0f172a !important;
}
.header-wrapper.scrolled a.nav-active-link {
  color: #0f172a !important;
}
.header-wrapper.scrolled nav a:not(.nav-active-link) {
  color: #334155 !important;
}
.header-wrapper.scrolled nav a:not(.nav-active-link):hover {
  background-color: rgba(15, 23, 42, 0.08) !important;
  color: #0f172a !important;
}
.header-wrapper.scrolled .nav-container {
  background-color: rgba(15, 23, 42, 0.05) !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}
.header-wrapper.scrolled .language-toggle-btn {
  background-color: rgba(15, 23, 42, 0.06) !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: #0f172a !important;
}
.header-wrapper.scrolled .mobile-menu-toggle {
  background-color: rgba(15, 23, 42, 0.06) !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: #0f172a !important;
}
.header-wrapper.scrolled .medium-badge-text {
  color: #334155 !important;
}
.header-wrapper.scrolled .truncate {
  color: #0f172a !important;
}
.header-wrapper.scrolled .truncate.text-white\/70 {
  color: #475569 !important;
}
.header-wrapper.scrolled [class*="text-white"] {
  color: #0f172a !important;
}
.header-wrapper.scrolled [class*="text-white/70"] {
  color: #475569 !important;
}
.header-wrapper.scrolled [class*="text-white/80"] {
  color: #334155 !important;
}