/* =========================================================
   style.css — जी. के. विद्यालय, आमोदे
   थीम रंग: डार्क ब्लू (प्राथमिक), भगवा (द्वितीय), हिरवा (accent)
   ========================================================= */

:root {
  --school-dark-blue: #0b2e59;
  --school-saffron: #ff9933;
  --school-green: #1b7a3d;
  --school-light-bg: #f7f9fc;
}

body {
  font-family: 'Noto Sans Devanagari', 'Segoe UI', Arial, sans-serif;
  color: #222;
  background-color: #ffffff;
  font-size: 1.02rem;
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Sans Devanagari', sans-serif;
  font-weight: 700;
  color: var(--school-dark-blue);
}

/* Bootstrap रंग override */
.bg-primary   { background-color: var(--school-dark-blue) !important; }
.text-primary { color: var(--school-dark-blue) !important; }
.btn-primary  { background-color: var(--school-dark-blue) !important; border-color: var(--school-dark-blue) !important; }
.btn-warning  { background-color: var(--school-saffron) !important; border-color: var(--school-saffron) !important; color:#1a1a1a !important; }
.bg-success   { background-color: var(--school-green) !important; }
.text-success { color: var(--school-green) !important; }
.bg-saffron   { background-color: var(--school-saffron) !important; }

a.footer-link { color: #dbe4f0; text-decoration: none; }
a.footer-link:hover { color: var(--school-saffron); text-decoration: underline; }

/* Navbar */
.navbar .nav-link { color: var(--school-dark-blue); font-weight: 500; padding: 0.5rem 0.9rem; }
.navbar .nav-link.active, .navbar .nav-link:hover { color: var(--school-saffron); }
.top-bar a:hover { color: var(--school-saffron) !important; }

/* Hero Section */
.hero-section {
  background: linear-gradient(180deg, rgba(11,46,89,0.85), rgba(11,46,89,0.7)), url('../images/hero.jpg') center/cover no-repeat;
  color: #fff;
  padding: 6rem 0 5rem;
  position: relative;
}
.hero-section h1 { color: #ffffff; font-size: 2.6rem; }
.hero-section .lead { font-size: 1.2rem; }

@media (max-width: 768px) {
  .hero-section { padding: 4rem 0 3rem; }
  .hero-section h1 { font-size: 1.8rem; }
}

/* Section spacing */
.section-py { padding-top: 4rem; padding-bottom: 4rem; }
.section-title-badge {
  display: inline-block;
  background: var(--school-saffron);
  color: #1a1a1a;
  padding: 0.3rem 1rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  margin-bottom: 0.75rem;
}

/* Cards */
.card { border: none; border-radius: 1rem; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.card:hover { transform: translateY(-6px); box-shadow: 0 1rem 2rem rgba(11,46,89,0.15) !important; }
.icon-circle {
  width: 70px; height: 70px;
  display: flex; align-items: center; justify-content: center;
  background: var(--school-light-bg);
  border-radius: 50%;
  font-size: 2rem;
  margin: 0 auto 1rem;
  color: var(--school-dark-blue);
  border: 2px solid var(--school-saffron);
}

/* Statistics */
.stat-box h3 { font-size: 2.4rem; color: var(--school-saffron); font-weight: 800; }

/* Timeline (history) */
.timeline { border-left: 3px solid var(--school-saffron); margin-left: 1rem; }
.timeline-item { position: relative; padding-left: 1.5rem; padding-bottom: 2rem; }
.timeline-item::before {
  content: ''; position: absolute; left: -9px; top: 4px;
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--school-dark-blue); border: 2px solid #fff;
}

/* Gallery */
.gallery-img { border-radius: 0.75rem; overflow: hidden; cursor: pointer; }
.gallery-img img { transition: transform 0.3s ease; }
.gallery-img:hover img { transform: scale(1.08); }

/* Accessibility: focus visibility */
a:focus-visible, button:focus-visible { outline: 3px solid var(--school-saffron); outline-offset: 2px; }

/* Breadcrumb bar */
.breadcrumb-bar { background-color: var(--school-light-bg); border-bottom: 1px solid #e2e8f0; }

/* Print friendliness for downloads page */
@media print { .navbar, footer, .top-bar { display: none !important; } }