/*
Theme Name: Wave Foundation Hindi
Theme URI: https://example.org/
Author: OpenAI
Description: Responsive Hindi nonprofit foundation theme for Wave Foundation, with custom homepage, 8 pages and 10 starter posts created on activation.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: wave-foundation
*/
:root{--navy:#06366c;--green:#08734b;--orange:#f4770b;--ink:#102c4c;--muted:#5b6574;--pale:#f4f8fb}*{box-sizing:border-box}body{margin:0;font-family:Arial,'Noto Sans Devanagari','Mangal',sans-serif;color:var(--ink);line-height:1.75}a{color:var(--navy);text-decoration:none}.topbar{background:#052b51;color:#fff;font-size:14px;padding:7px 4%;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-header{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 3%;gap:20px;box-shadow:0 2px 12px #001b3a12;flex-wrap:nowrap}.nav{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;font-weight:600;white-space:nowrap;min-width:0}.nav a{font-size:14px}.brand{display:flex;align-items:center;gap:12px;font-size:29px;font-weight:800;color:var(--green);line-height:1.2;white-space:nowrap;flex:0 0 auto;min-width:max-content}.brand>span:last-child{white-space:nowrap}.brand small{white-space:nowrap}.logo-mark{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--orange),#fff 45%,var(--green));display:grid;place-items:center;color:var(--navy);font-size:28px}.brand small{display:block;font-size:13px;color:#56616b;font-weight:500}.nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-weight:600}.nav a{padding:8px 0}.donate,.btn{display:inline-block;background:var(--orange);color:#fff!important;padding:10px 20px;border-radius:8px;font-weight:700}.hero{min-height:360px;background:linear-gradient(90deg,#052b51e8,#052b51a8 48%,#052b5130),url('assets/images/hero.jpg') center/cover;display:flex;align-items:center;color:#fff;padding:55px 5%}.hero-copy{max-width:670px}.hero h1{font-size:clamp(30px,4vw,52px);line-height:1.3;margin:0 0 14px}.hero h1 span{color:#ffb52e}.hero p{font-size:18px;max-width:620px}.services{display:grid;grid-template-columns:repeat(5,1fr);padding:25px 4%;gap:12px;background:#fff}.service{text-align:center;border-right:1px solid #e7edf2;padding:5px 12px}.service b{display:block;font-size:18px;color:var(--green)}.service .symbol{font-size:32px;color:var(--orange)}.wrap{max-width:1240px;margin:auto;padding:48px 24px}.section-title{text-align:center;font-size:34px;margin:0 0 8px}.lead{text-align:center;color:var(--muted);margin:0 auto 28px;max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #e5ebf0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 5px 18px #092a4b0c}.card img{width:100%;height:210px;object-fit:cover;display:block}.card-content{padding:18px}.card h3{margin:0 0 8px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.about-grid img{width:100%;height:340px;object-fit:cover;border-radius:14px}.stats{background:linear-gradient(90deg,#052b51ee,#08734be8),url('assets/images/community.jpg') center/cover;color:#fff;padding:30px 4%;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats strong{font-size:30px;display:block}.cta{background:var(--pale);text-align:center;padding:45px 20px}.site-footer{background:#062746;color:#e7f1fb;padding:38px 5%}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.site-footer a{color:#fff}.copyright{border-top:1px solid #ffffff33;margin-top:25px;padding-top:18px;font-size:14px}.page-banner{background:linear-gradient(100deg,#06366c,#08734b);color:#fff;padding:45px 5%}.page-banner h1{margin:0;font-size:36px}.content{max-width:1000px;margin:auto;padding:35px 24px;min-height:350px}.content img{max-width:100%;height:auto}.post-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.entry-meta{font-size:14px;color:var(--muted)}.menu-toggle{display:none}@media(max-width:1100px){.site-header{align-items:flex-start;flex-direction:column;gap:8px}.brand{font-size:27px}.nav{gap:14px;flex-wrap:wrap;white-space:normal}.services{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.topbar{font-size:12px}.brand{font-size:22px;gap:8px;min-width:0}.logo-mark{width:44px;height:44px;flex:0 0 44px}.brand small{font-size:10px;white-space:normal}.nav{gap:10px;font-size:13px}.nav{gap:10px;font-size:14px}.hero{padding:40px 22px;min-height:390px}.hero p{font-size:16px}.services,.cards,.post-list{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid #e7edf2}.wrap{padding:34px 18px}.section-title{font-size:28px}.stats strong{font-size:24px}.footer-grid{grid-template-columns:1fr}.page-banner h1{font-size:29px}}

/* Photo-led hero banner on every interior page */
.page-hero{min-height:310px;background-position:center;background-size:cover;display:flex;align-items:center;color:#fff;padding:54px 5%;position:relative}
.page-hero-inner{width:100%;max-width:1180px;margin:0 auto}
.page-hero-kicker{display:inline-block;color:#ffd17a;font-size:14px;font-weight:700;letter-spacing:.3px;margin-bottom:10px}
.page-hero h1{color:#fff;font-size:clamp(32px,4vw,50px);line-height:1.25;margin:0 0 12px;max-width:850px;text-shadow:0 2px 12px #001a35}
.page-hero p{max-width:720px;font-size:18px;margin:0 0 22px;color:#f4f8fc}
.page-content{max-width:1100px;padding:42px 24px 58px;min-height:350px}
.content-eyebrow{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}
.page-content h2{color:var(--navy);margin-top:28px;line-height:1.4}
.page-content p{margin:0 0 18px}
@media(max-width:600px){.page-hero{min-height:280px;padding:38px 22px}.page-hero p{font-size:16px}.page-content{padding:30px 18px 42px}}

/* Wave Foundation header and large page-wallpaper refinements */
.page-hero{min-height:440px;background-repeat:no-repeat;background-size:cover;background-position:center center;padding:70px 5%;}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,28,54,.28),transparent 78%);pointer-events:none}
.page-hero-inner{position:relative;z-index:1}
@media(max-width:700px){.page-hero{min-height:340px;padding:42px 22px}.brand{white-space:nowrap}.brand>span:last-child{white-space:nowrap}.site-header{padding:12px 4%}}

/* Wave Foundation live-header and hero repair */
.site-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;flex-wrap:nowrap!important;padding:12px 3%!important}
.brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;min-width:0!important;white-space:nowrap!important;font-size:clamp(20px,1.85vw,30px)!important;line-height:1.12!important;gap:10px!important}
.brand-name{display:block!important;white-space:nowrap!important}
.brand small{display:block!important;white-space:nowrap!important;font-size:11px!important;line-height:1.5!important}
.logo-mark{flex:0 0 54px!important;width:54px!important;height:54px!important}
.nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(7px,.85vw,15px)!important;flex:1 1 auto!important;flex-wrap:nowrap!important;min-width:0!important;white-space:nowrap!important}
.nav a{font-size:clamp(11px,.82vw,13px)!important;padding:7px 0!important;white-space:nowrap!important}
.nav .donate{padding:9px 12px!important;border-radius:8px!important}
.hero{background-image:linear-gradient(90deg,rgba(3,35,67,.88) 0%,rgba(3,35,67,.56) 42%,rgba(3,35,67,.05) 100%),url("assets/images/hero.jpg")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;min-height:430px!important}
.hero-copy{max-width:650px!important}
.hero h1{max-width:650px!important;text-shadow:0 2px 10px rgba(0,0,0,.22)}
@media(max-width:1200px){.site-header{align-items:flex-start!important;flex-direction:column!important}.nav{width:100%;justify-content:flex-start!important;flex-wrap:wrap!important}.brand{font-size:26px!important}}
@media(max-width:600px){.site-header{flex-direction:column!important}.brand{font-size:22px!important}.brand small{font-size:9px!important}.nav{gap:10px!important}.nav a{font-size:12px!important}.hero{min-height:360px!important;background-position:60% center!important;padding:34px 22px!important}}

/* Member login call-to-action */
.member-login-btn{display:inline-flex!important;align-items:center;justify-content:center;background:#08734b!important;color:#fff!important;padding:9px 14px!important;border-radius:8px!important;font-weight:800!important;border:2px solid #08734b!important;box-shadow:0 3px 10px rgba(0,0,0,.12);white-space:nowrap!important;text-decoration:none!important}
.member-login-btn:hover,.member-login-btn:focus{background:#06366c!important;border-color:#06366c!important;color:#fff!important}
.member-login-btn:focus-visible{outline:3px solid #f4770b;outline-offset:3px}
.hero-login-btn{margin-top:8px}
@media(max-width:1200px){.nav .member-login-btn{padding:8px 12px!important}}

/* Mobile usability and high-contrast contact details */
.topbar, .topbar span { color:#fff !important; }
.topbar a, .topbar a:visited, .topbar a:hover, .topbar a:focus { color:#fff !important; text-decoration:underline; }
.menu-toggle { display:none; }
@media (max-width: 767px) {
  .topbar { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:3px !important; padding:8px 14px !important; font-size:12px !important; line-height:1.55 !important; overflow-wrap:anywhere; }
  .topbar span { max-width:100%; }
  .site-header { display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; padding:12px 14px !important; }
  .brand { flex:1 1 auto !important; min-width:0 !important; max-width:calc(100% - 95px) !important; white-space:normal !important; gap:8px !important; font-size:20px !important; }
  .brand-name, .brand>span:last-child { white-space:normal !important; overflow-wrap:anywhere; }
  .brand small { white-space:normal !important; font-size:10px !important; line-height:1.35 !important; }
  .logo-mark { width:42px !important; height:42px !important; flex:0 0 42px !important; font-size:23px !important; }
  .menu-toggle { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:7px !important; flex:0 0 auto !important; min-height:42px; padding:9px 12px !important; border:0 !important; border-radius:7px !important; background:#06366c !important; color:#fff !important; font-size:14px !important; font-weight:700 !important; cursor:pointer; }
  .menu-toggle:focus-visible { outline:3px solid #f4770b; outline-offset:3px; }
  .nav, .site-header .nav { display:none !important; flex:0 0 100% !important; width:100% !important; min-width:0 !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; flex-wrap:nowrap !important; gap:0 !important; margin:0 !important; padding:6px 0 0 !important; white-space:normal !important; }
  .nav.is-open, .site-header .nav.is-open { display:flex !important; }
  .nav a, .site-header .nav a { display:block !important; width:100% !important; white-space:normal !important; overflow-wrap:anywhere; padding:11px 12px !important; font-size:15px !important; line-height:1.45 !important; border-top:1px solid #e6edf3; }
  .nav .donate, .nav .member-login-btn { width:100% !important; margin-top:7px !important; text-align:center !important; justify-content:center !important; }
  .hero { min-height:340px !important; padding:34px 18px !important; background-position:60% center !important; }
  .hero h1 { font-size:clamp(27px,7vw,38px) !important; overflow-wrap:anywhere; }
  .hero p { font-size:16px !important; }
  .services, .cards, .post-list { grid-template-columns:minmax(0,1fr) !important; }
  .wrap, .content, .page-content { padding-left:16px !important; padding-right:16px !important; }
  img, video, iframe { max-width:100%; }
  body { overflow-x:hidden; }
}
@media (min-width:768px) { .menu-toggle { display:none !important; } }


/* Mobile hero image sizing fix: keep the homepage hero compact on phones */
@media (max-width: 600px) {
  .hero {
    min-height: 0 !important;
    height: auto !important;
    padding: 24px 18px !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  .hero-copy { width: 100% !important; max-width: 100% !important; }
  .hero h1 { font-size: clamp(24px, 6.2vw, 32px) !important; line-height: 1.25 !important; }
  .hero p { font-size: 14px !important; line-height: 1.55 !important; margin: 10px 0 14px !important; }
  .hero .btn { padding: 8px 11px !important; font-size: 13px !important; margin: 3px 2px 3px 0 !important; }
  .page-hero { min-height: 240px !important; padding: 28px 18px !important; background-size: cover !important; background-position: center center !important; }
  .page-hero h1 { font-size: clamp(25px, 6vw, 34px) !important; }
}

/* v5: robust desktop/mobile hero and navigation fixes */
.hero{min-height:570px;background-image:linear-gradient(90deg,rgba(5,43,81,.94) 0%,rgba(5,43,81,.76) 42%,rgba(5,43,81,.12) 100%),url('assets/images/hero.jpg');background-position:center,right center;background-size:cover;position:relative;padding:70px 5%;overflow:hidden}
.hero-copy{max-width:690px;position:relative;z-index:1}
.hero h1{font-size:clamp(34px,4.1vw,58px);line-height:1.16;margin:0 0 18px}
.hero h1 span{color:#a8e18c;display:block}
.hero p{font-size:clamp(16px,1.3vw,20px);max-width:600px;line-height:1.65}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero .btn{margin:0;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#08734b;padding:12px 22px}
.hero .btn.primary{background:#0872bd}
.hero .btn.light{background:#fff;color:#06366c!important}
.topbar a{color:#fff!important}
.menu-toggle{cursor:pointer;border:0;border-radius:6px;background:var(--navy);color:#fff;padding:10px 13px;font-weight:700}
@media(max-width:900px){
 .site-header{position:relative;flex-direction:row;align-items:center;flex-wrap:wrap;padding:12px 4%}
 .menu-toggle{display:block;margin-left:auto}
 .nav{display:none;flex:0 0 100%;width:100%;white-space:normal;flex-direction:column;align-items:stretch;gap:0;padding:8px 0}
 .nav.is-open{display:flex}
 .nav a{padding:11px 12px;border-top:1px solid #e8edf2}
 .nav .donate,.nav .member-login-btn{margin-top:6px;text-align:center}
 .hero{min-height:530px;padding:44px 24px;background-image:linear-gradient(90deg,rgba(5,43,81,.94),rgba(5,43,81,.72) 58%,rgba(5,43,81,.3)),url('assets/images/hero.jpg');background-position:62% center}
 .hero-copy{max-width:620px}
}
@media(max-width:600px){
 .topbar{padding:7px 14px;justify-content:center;text-align:center;gap:4px 12px}
 .topbar span{max-width:100%}
 .brand{font-size:20px;white-space:normal}
 .brand-name{white-space:normal}
 .brand small{font-size:10px}
 .hero{min-height:540px;padding:34px 18px;background-position:64% center}
 .hero h1{font-size:clamp(30px,8vw,40px);line-height:1.18}
 .hero p{font-size:15px;line-height:1.55}
 .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;max-width:300px}
 .hero .btn{width:100%;padding:12px 15px}
 .services{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 12px;gap:8px}
 .service{padding:12px 6px}
 .cards{grid-template-columns:1fr}
}

/* Mobile hero CTAs are simple text links, not oversized buttons. */
@media (max-width: 767px) {
  .hero-actions { display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:8px 18px !important; max-width:100% !important; margin-top:16px !important; }
  .hero-actions a.btn, .hero .hero-actions .btn { display:inline !important; width:auto !important; min-height:0 !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:#fff !important; box-shadow:none !important; text-decoration:underline !important; text-underline-offset:4px; font-size:14px !important; font-weight:800 !important; line-height:1.8 !important; text-align:left !important; }
  .hero-actions a.btn.light { color:#fff !important; }
}

/* Wave Foundation rebuild: unified desktop/mobile layout */
.menu-toggle{border:0;background:#06366c;color:#fff;padding:10px 14px;border-radius:7px;font:700 15px inherit;cursor:pointer}
.hero{min-height:430px;background-image:linear-gradient(90deg,rgba(3,36,68,.92) 0%,rgba(3,36,68,.72) 40%,rgba(3,36,68,.08) 100%),url('assets/images/hero.jpg');background-position:center;background-size:cover;background-repeat:no-repeat}
.hero-copy{position:relative;z-index:1}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-actions .btn{margin:0}.nav a{color:#06366c}.nav a:hover,.nav a:focus{color:#08734b}
@media(min-width:1101px){.site-header{flex-direction:row;align-items:center}.menu-toggle{display:none}.nav{display:flex!important}}
@media(max-width:1100px){.site-header{position:relative;flex-direction:row;align-items:center;flex-wrap:wrap;padding:12px 18px}.menu-toggle{display:inline-block;margin-left:auto}.nav{display:none!important;flex:0 0 100%;width:100%;background:#fff;border-top:1px solid #e6edf3;padding:12px 0 4px;flex-direction:column;align-items:stretch;gap:0;white-space:normal}.nav.is-open{display:flex!important}.nav a{display:block;padding:12px 10px;border-bottom:1px solid #edf1f5;font-size:16px}.nav .donate,.nav .member-login-btn{margin:8px 0;text-align:center}.hero{min-height:390px;padding:38px 24px;background-position:58% center}.hero h1{font-size:clamp(30px,6vw,44px)}.hero p{max-width:620px}.hero-actions{gap:9px}.services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.topbar{display:flex;flex-direction:column;gap:3px;padding:9px 16px;font-size:13px}.site-header{padding:12px 16px}.brand{font-size:21px;gap:8px;white-space:normal}.brand small{font-size:10px;line-height:1.4}.logo-mark{width:43px;height:43px;flex:0 0 43px}.menu-toggle{font-size:14px;padding:9px 11px}.hero{min-height:0;padding:34px 20px 38px;background-position:61% center;background-image:linear-gradient(90deg,rgba(3,36,68,.90),rgba(3,36,68,.68)),url('assets/images/hero.jpg')}.hero-copy{width:100%;max-width:100%}.hero h1{font-size:clamp(29px,8vw,38px);line-height:1.22}.hero h1 span{display:block}.hero p{font-size:16px;line-height:1.65}.hero-actions{display:flex;flex-direction:column;align-items:stretch}.hero-actions a{width:100%;text-align:center;padding:12px 14px}.services{grid-template-columns:1fr 1fr;padding:20px 12px;gap:10px}.service{padding:12px 6px}.service b{font-size:16px}.service span{font-size:13px}.cards,.post-list{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.page-hero{min-height:270px;padding:32px 20px}}


/* FINAL HOTFIX: one identical wallpaper on desktop and mobile; predictable mobile menu. */
.hero {
  background-image: linear-gradient(90deg, rgba(3,36,68,.92) 0%, rgba(3,36,68,.70) 44%, rgba(3,36,68,.18) 100%), url('assets/images/hero.jpg') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  position: relative;
}
.site-header { position: relative; }
.menu-toggle { display:none; }
@media (max-width: 1100px) {
  .site-header { display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; }
  .menu-toggle { display:inline-flex !important; align-items:center; justify-content:center; margin-left:auto; z-index:1002; }
  #wave-primary-nav.nav { display:none !important; flex:0 0 100% !important; width:100% !important; max-width:100% !important; flex-direction:column !important; align-items:stretch !important; gap:0 !important; background:#fff !important; position:static !important; padding:8px 0 !important; white-space:normal !important; }
  #wave-primary-nav.nav.is-open { display:flex !important; }
  #wave-primary-nav.nav a { display:block !important; width:100% !important; padding:12px 14px !important; border-bottom:1px solid #e7edf2 !important; color:#06366c !important; font-size:16px !important; line-height:1.45 !important; }
  #wave-primary-nav.nav .donate, #wave-primary-nav.nav .member-login-btn { width:auto !important; margin:8px 12px !important; text-align:center !important; }
  .hero { min-height:400px !important; padding:36px 22px !important; background-position:center center !important; }
}
@media (max-width:600px) {
  .hero { min-height:0 !important; padding:32px 18px 36px !important; background-position:62% center !important; background-image:linear-gradient(90deg,rgba(3,36,68,.88),rgba(3,36,68,.62)),url('assets/images/hero.jpg') !important; }
  .hero-copy { width:100% !important; max-width:100% !important; }
  .hero-actions { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:10px !important; }
  .hero-actions a.btn, .hero-actions a.btn.light, .hero-actions a.btn.primary { display:inline-block !important; width:auto !important; padding:8px 0 !important; margin:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:#fff !important; text-decoration:underline !important; text-underline-offset:4px; text-align:left !important; }
}
@media (min-width:1101px) { .menu-toggle { display:none !important; } #wave-primary-nav.nav { display:flex !important; } }