/* Reset */
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body {
  font-family:"Segoe UI","Noto Serif Bengali",sans-serif;
  background:#f5fff5;
  color:#222;
  padding-top:60px; /* offset for fixed header */
}

/* Header (fixed) */
.site-header {
  position:fixed;
  top:0; left:0; right:0;
  z-index:1000;
  display:flex; flex-wrap:wrap;
  justify-content:space-between; align-items:center;
  padding:1rem;
  background:#fff;
  border-bottom:2px solid #4caf50;
  max-width:1280px;
  margin:0 auto;
}
.logo { font-weight:700; font-size:1.4rem; color:#2e7d32; }

/* Nav links desktop */
.nav-links {
  display:flex;
  gap:1rem;
  align-items:center;
}
.nav-links a {
  margin:0 .7rem;
  text-decoration:none;
  color:#2e7d32;
  font-weight:500;
  transition:color .3s ease, border-bottom .3s ease;
}
.nav-links a:hover {
  color:#1b5e20;
  border-bottom:2px solid #4caf50;
}

/* Language toggle styled like a nav item */
.lang-toggle {
  padding:.4rem .8rem;
  border:none;
  background:#4caf50;
  color:#fff;
  border-radius:4px;
  cursor:pointer;
  font-weight:600;
}
.lang-toggle:hover { background:#388e3c; }

/* Hamburger button */
.menu-toggle {
  display:none;
  font-size:1.8rem;
  cursor:pointer;
  color:#2e7d32;
}

/* Mobile drawer */
@media(max-width:768px){
  .nav-links {
    position:fixed;
    top:0;
    right:-100%;
    width:70%;
    height:100%;
    background:#fff;
    flex-direction:column;
    padding:2rem;
    transition:right .3s ease;
    z-index:999;
  }
  .nav-links a, .lang-toggle {
    margin:1rem 0;
    font-size:1.2rem;
  }
  .nav-links.active { right:0; }
  .menu-toggle { display:block; }
  .overlay {
    display:none;
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    background:rgba(0,0,0,0.5);
    z-index:998;
  }
  .overlay.active { display:block; }
}

/* Hero */
.hero {
  position:relative;
  height:60vh;
  background:url("images/nandini.jpg") center/cover no-repeat;
  display:flex; align-items:center; justify-content:center;
  width:100%; max-width:1280px; margin:0 auto;
}
.hero-overlay {
  background: linear-gradient(rgba(46,125,50,0.7), rgba(27,94,32,0.7));
  padding:2rem;
  border-radius:8px;
  text-align:center;
  color:#fff;
}
.hero-overlay h1 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  margin-bottom:.5rem;
}
.hero-overlay p {
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  margin-bottom:1rem;
}
.btn-primary, .btn-secondary {
  padding:.8rem 1.5rem;
  border:none;
  border-radius:6px;
  font-weight:600;
  cursor:pointer;
  transition:background .3s ease;
  margin:.3rem;
}
.btn-primary { background:#66bb6a; color:#fff; }
.btn-primary:hover { background:#388e3c; }
.btn-secondary { background:#2e7d32; color:#fff; }
.btn-secondary:hover { background:#1b5e20; }

/* Writer's Message */
.writer-message {
  background: linear-gradient(135deg,#c8e6c9,#e8f5e9);
  border-left: 6px solid #4caf50;
  padding: 2rem 1rem;
  margin: 2rem auto;
  border-radius: 8px;
  text-align: center;
  max-width:1280px;
}
.writer-message h2 {
  color:#2e7d32;
  font-size:1.5rem;
  margin-bottom:1rem;
}
.writer-message p {
  font-size:1rem;
  line-height:1.6;
  color:#333;
  max-width:800px;
  margin:0 auto;
}

/* Grid */
.container {
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
  padding:1rem;
  width:100%;
  max-width:1280px;
  margin:0 auto;
}
@media(min-width:600px){ .container{ grid-template-columns:repeat(2,1fr);} }
@media(min-width:900px){ .container{ grid-template-columns:repeat(3,1fr);} }

.card {
  background:#fff;
  border:1px solid #c8e6c9;
  border-radius:8px;
  padding:1rem;
  transition:transform .2s ease, box-shadow .2s ease;
}
.card:hover {
  transform:translateY(-4px);
  box-shadow:0 4px 12px rgba(0,0,0,.1);
}
.card img {
  width:100%;
  border-radius:6px;
  margin-bottom:.5rem;
}
.card h2 {
  font-size:1.2rem;
  margin-bottom:.3rem;
  color:#2e7d32;
}
.card p { color:#555; }

/* About Author */
.about-author {
  background: linear-gradient(135deg,#f1f8e9,#e8f5e9);
  border-left: 6px solid #4caf50;
  padding: 2rem 1.5rem;
  margin: 2rem auto;
  border-radius: 8px;
  max-width:1280px;
}
.about-author h2 {
  color:#2e7d32;
  font-size:1.6rem;
  margin-bottom:1rem;
}
.about-author p {
  font-size:1rem;
  line-height:1.6;
  color:#333;
  margin-bottom:1rem;
}
.about-author h3 {
  color:#1b5e20;
  margin-top:1rem;
  margin-bottom:.5rem;
}
.about-author ul {
  list-style:disc;
  padding-left:1.5rem;
}
.about-author li {
  margin:.4rem 0;
  font-size:.95rem;
  color:#444;
}

/* CTA Block */
.cta-block {
  text-align:center;
  background: linear-gradient(90deg,#66bb6a,#43a047);
  color:#fff;
  padding:2.5rem 1.5rem;
  margin:2rem auto;
  border-radius:10px;
  max-width:1280px;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}
.cta-block h2 {
  font-size:1.8rem;
  margin-bottom:.8rem;
}
.cta-block p {
  font-size:1rem;
  margin-bottom:1.2rem;
}
.btn-cta {
  display:inline-block;
  padding:.9rem 1.8rem;
  background:#fff;
  color:#2e7d32;
  font-weight:600;
  border-radius:6px;
  text-decoration:none;
  transition:all .3s ease;
}
.btn-cta:hover {
  background:#2e7d32;
  color:#fff;
}

/* Footer */
.site-footer {
  background:#e8f5e9;
  padding:2rem 1rem;
  color:#2e7d32;
}
.footer-container {
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  max-width:1280px;
  margin:0 auto;
}
@media(min-width:700px){
  .footer-container { grid-template-columns:repeat(4,1fr); }
}
.footer-module h3 {
  color:#1b5e20;
  margin-bottom:.8rem;
  font-size:1.1rem;
}
.footer-module p, .footer-module ul {
  font-size:.9rem;
  line-height:1.5;
}
.footer-module ul { list-style:none; padding:0; }
.footer-module ul li { margin:.3rem 0; }
.footer-module ul li a {
  text-decoration:none;
  color:#2e7d32;
}
.footer-module ul li a:hover { text-decoration:underline; }

.social-icons a {
  display:inline-block;
  margin-right:.7rem;
}
.social-icons svg {
  transition:fill .3s ease, transform .3s ease;
}
.social-icons a:hover svg {
  fill:#388e3c;
  transform:scale(1.1);
}

/* Footer bottom credits */
.footer-bottom {
  text-align:center;
  margin-top:2rem;
  font-size:.85rem;
  border-top:1px solid #c8e6c9;
  padding-top:1rem;
}
.footer-bottom .whons-credit {
  margin-top:.5rem;
  font-size:.85rem;
  color:#2e7d32;
}
.footer-bottom .whons-credit a {
  color:#2e7d32;
  text-decoration:none;
  font-weight:600;
}
.footer-bottom .whons-credit a:hover {
  text-decoration:underline;
  color:#388e3c;
}

/* Align nav links to the right on large screens */
@media(min-width:769px){
  .nav-links {
    margin-left:auto;
    justify-content:flex-end;
  }
}

/* Language toggle redesigned as switch */
.lang-switch {
  display:flex;
  align-items:center;
}

.lang-toggle {
  padding:.4rem 1rem;
  border:2px solid #4caf50;
  border-radius:20px;
  font-weight:600;
  cursor:pointer;
  background:#fff;
  color:#2e7d32;
  transition:all .3s ease;
}

.lang-toggle.active-en {
  background:#4caf50;
  color:#fff;
}

.lang-toggle.active-bn {
  background:#4caf50;
  color:#fff;
}

.lang-toggle:hover {
  background:#388e3c;
  color:#fff;
}