/* SELECTION */
::-moz-selection { background-color: #f41665; color: #fff; }
::selection { background-color: #f41665; color: #fff; }

/* BASE */
* , *:before, *:after { box-sizing: border-box; }

body {
  color: #777;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.625em;
}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif;
  color: #222;
  line-height: 1.2em !important;
  margin-bottom: 15px;
  margin-top: 0;
  font-weight: 600;
}

/* FIXED HEADER */
.default-header {
  position: fixed !important;
  top: 0; left: 0; width: 100%;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(10px);
  padding: 15px 0;
  z-index: 99999 !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.1);
}

/* SPACING */
.section-gap { padding: 40px 0 !important; }
.header-text, .section-title {
  margin-top: 0 !important;
  margin-bottom: 25px !important;
  padding-top: 0 !important;
  text-align: center;
}
section, .project-area, .about-area, .volunteer-area, .donate-area {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.container { padding-top: 0 !important; margin-top: 0 !important; }

/* BANNER */
.banner-area {
  min-height: 60vh; max-height: 60vh;
  width: 100vw;
  position: relative;
  margin-left: calc(-50vw + 50%);
  background: url(../img/header-bg.jpg) no-repeat center center/cover;
  display: flex; align-items: center;
  overflow: hidden;
}
.banner-area .overlay-bg {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5); z-index: 1;
}
.banner-content {
  position: relative; z-index: 2;
  text-align: center; color: white; padding: 0 20px;
}
#home h1 {
  color: #fff !important; text-align: center !important;
  margin: 0 auto 1.5rem !important; max-width: 90% !important;
}

/* CTA GRADIENT */
.callto-area {
  background: linear-gradient(135deg, #f40f68 0%, #f86e3d 50%, #fbcd11 100%);
  padding: 25px 0 !important;
  position: relative; z-index: 100 !important;
}
.callto-area h3 {
  color: white !important; margin: 0 !important;
  font-size: 1.2rem !important; font-weight: 500;
  line-height: 1.3 !important;
}
.callto-wrap { align-items: center !important; padding: 0 20px !important; }

/* BUTTONS */
.head-btn, .head-btn2 {
  background: white; color: #333 !important;
  border: none; padding: 15px 30px;
  border-radius: 50px; font-weight: 600;
  text-transform: uppercase; font-size: 14px;
  text-decoration: none; display: inline-block;
  transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.head-btn:hover, .head-btn2:hover {
  background: #f40f68 !important; color: white !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(244,15,104,0.4);
}

/* SECTIONS */
.project-area { background: #f9f9ff; }
.volunteer-area { background: #f9f9ff; padding: 100px 0; }
.volunteer-area .header-text h1 { font-size: 2.5rem; margin-bottom: 20px; }
.footer-area { background: #fff; color: #666; text-align: center; padding: 50px 0 30px; }
.logo img { height: 60px; width: auto; }

/* PROJECT CARDS */
.project-wrap .details h2 {
  font-size: 24px; font-weight: 600; margin: 25px 0 15px 0;
}
.project-wrap .details p { font-size: 15px; color: #666; line-height: 1.7; }

/* OVERLAYS - DISABLED FOR TEAM */
.content-overlay {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(135deg, rgba(244,15,104,0.9), rgba(248,110,61,0.8));
  opacity: 0; transition: opacity 0.4s ease; z-index: 2;
}
.single-project .content, .single-vol .content {
  position: relative; overflow: hidden; border-radius: 10px;
}
.single-vol:hover .content-overlay,
.single-vol .content-overlay { opacity: 0 !important; background: transparent !important; }

/* TEAM TEXT */
.content-details {
  text-align: center !important; padding: 25px 20px !important; color: #333 !important;
}
.content-details h4 {
  font-family: "Poppins", sans-serif !important; font-weight: 600 !important;
  font-size: 1.3rem !important; color: #222 !important;
  margin: 0 0 8px 0 !important; text-transform: uppercase;
  letter-spacing: 0.5px;
}
.content-details p {
  font-size: 0.95rem !important; color: #666 !important;
  font-weight: 400; margin: 0 !important;
  text-transform: uppercase; letter-spacing: 1px;
}

/* GRADIENT SECTIONS */
.about-area, .donate-area {
  background: linear-gradient(135deg, #f40f68 0%, #f86e3d 50%, #fbcd11 100%) !important;
  padding: 60px 0 !important; position: relative;
}

/* ABOUT WHITE CARD */
.about-right {
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(10px) !important; border-radius: 20px;
  padding: 50px !important; color: #333 !important;
}
.about-right h1 { color: #222 !important; font-size: 2.2rem !important; }
.about-left img {
  border-radius: 20px !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;
}

/* CONTACT WHITE CARD */
.donate-area .overlay-bg { display: none !important; }
.donate-area .header-text {
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(10px) !important; border-radius: 20px !important;
  padding: 40px !important; text-align: center !important;
}
.donate-area h1 {
  color: #222 !important; font-size: 2.2rem !important; margin-bottom: 25px !important;
}
.donate-area p {
  color: #333 !important; font-size: 16px !important; line-height: 1.7 !important;
}
.donate-area strong { color: #f40f68 !important; font-weight: 600; }

/* HAMBURGER MENU - CLEANED */
.menu-bar {
  width: 28px; height: 20px; position: relative; cursor: pointer;
  display: flex !important; flex-direction: column; padding: 8px; order: 2;
}
.menu-bar span {
  position: absolute; left: 0; width: 100%; height: 2px;
  background: #333; transition: all 0.3s ease;
}
.menu-bar span:nth-child(1) { top: 0; }
.menu-bar span:nth-child(2) { top: 9px; }
.menu-bar span:nth-child(3) { top: 18px; }
.menu-bar.active span:nth-child(1) {
  transform: rotate(45deg); top: 9px;
}
.menu-bar.active span:nth-child(2) { opacity: 0; }
.menu-bar.active span:nth-child(3) {
  transform: rotate(-45deg); top: 9px;
}

/* NAVIGATION */
.nav-link {
  text-decoration: none !important; padding: 10px 15px !important;
  color: #333 !important; font-weight: 500; transition: color 0.3s ease;
}
.nav-link:hover { color: #f41665 !important; }

/* MENU BEHAVIOR */
@media (min-width: 992px) {
  .main-menubar {
    display: none; margin-top: 8px;
  }
  .main-menubar.active { display: flex !important; }
  .main-menubar nav {
    display: flex !important; justify-content: center;
    gap: 2rem; width: 100%;
  }
  .main-menubar a {
    color: #333 !important; font-weight: 500;
    padding: 10px 20px !important; text-decoration: none !important;
  }
}

@media (max-width: 991px) {
  .main-menubar {
    display: none; position: absolute; top: 100%; left: 0; right: 0;
    background: white; text-align: center; padding: 25px 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  }
  .main-menubar.active { display: block !important; }
  .main-menubar a {
    color: #333 !important; display: block;
    padding: 15px 0; font-size: 1.1rem; font-weight: 500;
  }
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .header-text h1 { font-size: 2rem; }
  .project-wrap, .single-vol { margin-bottom: 40px; }
  .about-right { padding: 40px 5%; text-align: center; }
  .donate-area { min-height: 70vh; padding: 40px 0; }
  .callto-area h3 { margin-bottom: 20px; text-align: center; }
}