/*
Theme Name: Yesearth org theme 16.8
Theme URI: https://www.yesearth.org/
Author: SLRD YesEarth
Description: Stable dashboard controlled responsive bilingual WordPress theme for YesEarth with custom logo, menus, featured images, typography controls, social icons, SEO ready structure, banner controls and content color controls.
Version: 16.8
Requires at least: 6.0
Tested up to: 6.9
Text Domain: yesearth-org-theme
Tags: custom-logo, custom-menu, featured-images, translation-ready, rtl-language-support, block-styles, wide-blocks, one-column, right-sidebar
*/

:root{
  --ye-primary:#1f6b4f;
  --ye-secondary:#0f3b2e;
  --ye-accent:#73ad69;
  --ye-earth:#9c6b32;
  --ye-heading:#0f3b2e;
  --ye-body:#1d2a25;
  --ye-muted:#65736d;
  --ye-bg:#ffffff;
  --ye-soft:#f4faf6;
  --ye-soft-100:#e8f3ed;
  --ye-border:#dce8e1;
  --ye-footer:#0f3b2e;
  --ye-radius:18px;
  --ye-shadow:0 18px 45px rgba(15,59,46,.12);
  --ye-container:1180px;
  --ye-font-family:Arial,Helvetica,sans-serif;
  --ye-heading-font:Arial,Helvetica,sans-serif;
  --ye-body-font-size:16px;
  --ye-content-text-color:#1d2a25;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ye-bg);color:var(--ye-content-text-color);font-family:var(--ye-font-family);font-size:var(--ye-body-font-size);line-height:1.65}
body.rtl{direction:rtl}
a{color:var(--ye-primary);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{font-family:var(--ye-heading-font);color:var(--ye-heading)}
.screen-reader-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.ye-container{max-width:var(--ye-container);margin:0 auto;padding:0 22px}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;background:#fff;color:#000;padding:12px;z-index:10000000}

/* Hide Google Translate popup */
.goog-te-banner-frame,.goog-te-balloon-frame,#goog-gt-tt,.goog-tooltip,.skiptranslate iframe,.goog-te-gadget-icon{display:none!important}
body{top:0!important}
.goog-te-gadget{font-size:0!important}
.goog-te-combo{display:none!important}

/* Announcement banner */
.ye-announcement{background:var(--ye-primary);color:#fff;padding:9px 20px;text-align:center;font-size:14px;font-weight:700}
.ye-announcement a{color:#fff;text-decoration:underline}

/* Header */
.ye-header{position:sticky;top:0;z-index:999999;background:#fff;border-bottom:1px solid var(--ye-border);box-shadow:0 2px 14px rgba(0,0,0,.04)}
.ye-header-inner{height:64px;display:flex;align-items:center;gap:14px;justify-content:space-between}
.ye-logo img{height:var(--ye-logo-height,42px);width:auto;max-width:220px;display:block}
.ye-nav-wrap{display:flex;align-items:center;gap:10px}
.ye-menu{display:flex;gap:4px;list-style:none;margin:0;padding:0;align-items:center}
.ye-menu li{position:relative}
.ye-menu a{display:block;padding:22px 7px;color:var(--ye-menu-color,#1d2a25);font-size:var(--ye-menu-size,13px);font-weight:700;white-space:nowrap;line-height:1}
.ye-menu a:hover{color:var(--ye-primary);text-decoration:none}
.ye-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:235px;background:#fff;border:1px solid var(--ye-border);box-shadow:var(--ye-shadow);border-radius:0 0 12px 12px;padding:8px 0;z-index:1000001}
.ye-menu li:hover>.sub-menu,.ye-menu li:focus-within>.sub-menu{display:block}
.ye-menu .sub-menu a{padding:11px 16px;font-size:13px;line-height:1.3}
.ye-search-btn{border:1px solid #cfe3d6;background:#f4faf6;color:#0f3b2e;width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:2px;flex:0 0 40px}
.ye-search-btn svg{width:21px;height:21px;stroke-width:2.6}
.ye-lang{display:flex;border:1px solid #cfe3d6;border-radius:8px;overflow:hidden;margin-left:2px}
.ye-lang a,.ye-lang button{border:0;background:#fff;color:#14543f;padding:8px 10px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none}
.ye-lang .active,.ye-lang button.active{background:var(--ye-primary);color:#fff}
.ye-social-icons{display:flex;gap:8px;align-items:center}
.ye-social-icons a{width:30px;height:30px;border-radius:50%;background:var(--ye-soft);display:flex;align-items:center;justify-content:center;color:var(--ye-secondary);font-size:13px;font-weight:800;text-decoration:none}
.ye-mobile-toggle{display:none;border:1px solid var(--ye-border);background:#fff;border-radius:8px;padding:7px 10px;font-size:24px;line-height:1;color:#0f3b2e;cursor:pointer}

/* Search */
.ye-search-overlay{position:fixed;inset:0;background:rgba(15,59,46,.84);display:none;align-items:center;justify-content:center;z-index:1000002;padding:24px}
.ye-search-overlay.open{display:flex}
.ye-search-box{background:#fff;border-radius:18px;max-width:620px;width:100%;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.ye-search-box input{width:100%;font-size:20px;padding:14px 16px;border:1px solid var(--ye-border);border-radius:10px}
.ye-close-search{float:right;border:0;background:transparent;font-size:26px;cursor:pointer;color:#0f3b2e}

/* Hero and slider */
.ye-hero{position:relative;min-height:var(--ye-hero-height,520px);display:flex;align-items:center;overflow:hidden;background:#0f3b2e}
.ye-hero::before{content:"";position:absolute;inset:0;background:var(--ye-hero-image,url('assets/images/hero-yesearth.svg')) center/cover no-repeat;opacity:.94}
.ye-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,32,25,.86) 0%,rgba(8,32,25,.66) 38%,rgba(8,32,25,.25) 68%,rgba(8,32,25,.08) 100%)}
.ye-hero-inner{position:relative;z-index:2;max-width:600px;color:#fff;padding:72px 0;text-align:left}
.ye-hero h1{font-size:clamp(28px,4vw,48px);line-height:1.08;margin:0 0 12px;font-weight:900;color:#fff}
.ye-hero h1 span{display:block;color:#a9d6a0}
.ye-hero p{font-size:clamp(15px,1.45vw,18px);max-width:520px;margin:0 0 24px;color:rgba(255,255,255,.92)}
.ye-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:var(--ye-button-radius,999px);background:var(--ye-accent);color:#0f3b2e;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.02em;border:0}
.ye-btn:hover{text-decoration:none;filter:brightness(.96)}
.ye-btn.outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.75);margin-left:10px}
.ye-slider{position:relative}
.ye-slide{display:none}
.ye-slide.active{display:block}

/* Impact */
.ye-impact-bar{position:relative;z-index:5;margin-top:-46px}
.ye-impact-inner{background:#fff;border-radius:12px;box-shadow:var(--ye-shadow);border:1px solid var(--ye-border);display:grid;grid-template-columns:1.05fr repeat(5,1fr);overflow:hidden}
.ye-impact-title{padding:16px;font-size:17px;font-weight:900;text-transform:uppercase;color:#0f3b2e;border-right:1px solid var(--ye-border);display:flex;align-items:center;justify-content:center;text-align:center}
.ye-impact-title span{display:block;color:#9c6b32}
.ye-impact-item{padding:14px 10px;border-right:1px solid var(--ye-border);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:86px}
.ye-impact-icon{font-size:22px;line-height:1;margin-bottom:6px;display:flex;align-items:center;justify-content:center;color:#1f6b4f;text-align:center}
.ye-impact-num{font-size:18px;font-weight:900;color:#1f6b4f;line-height:1.1;text-align:center}
.ye-impact-label{font-size:11.5px;color:#1d2a25;line-height:1.25;margin-top:3px;text-align:center}

/* Sections */
.ye-section{padding:58px 0}
.ye-section.light{background:#f4faf6}
.ye-section-title{text-align:center;margin:0 0 32px}
.ye-section-title .kicker{display:block;color:#9c6b32;font-size:15px;letter-spacing:.08em;font-weight:900;text-transform:uppercase;margin-bottom:8px}
.ye-section-title h2{font-size:clamp(26px,3vw,38px);line-height:1.15;color:#0f3b2e;margin:0}
.ye-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ye-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ye-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.ye-card{background:#fff;border:1px solid var(--ye-border);border-radius:14px;padding:22px;box-shadow:0 4px 18px rgba(15,59,46,.06)}
.ye-card h3{margin:10px 0 8px;color:#0f3b2e;font-size:20px}
.ye-card p{margin:0;color:var(--ye-content-text-color);font-size:15px}
.ye-card-icon{font-size:32px;color:#1f6b4f}
.ye-intervention-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:stretch}
.ye-intervention-card{text-align:center;background:#fff;border:1px solid var(--ye-border);border-radius:14px;padding:18px 12px;box-shadow:0 4px 18px rgba(15,59,46,.05)}
.ye-intervention-card:hover{text-decoration:none;transform:translateY(-2px)}
.ye-intervention-card .icon{font-size:32px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}
.ye-intervention-card h3{font-size:15px;margin:0;color:#0f3b2e;line-height:1.25}
.ye-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ye-post-card{background:#fff;border:1px solid var(--ye-border);border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(15,59,46,.06)}
.ye-post-card img{width:100%;height:170px;object-fit:cover;display:block}
.ye-post-body{padding:16px}
.ye-post-body h3{font-size:18px;line-height:1.25;margin:0 0 8px;color:#0f3b2e}
.ye-post-body p{font-size:14px;color:var(--ye-content-text-color);margin:0 0 12px}

/* Page layouts */
.ye-page-hero{background:#0f3b2e;color:#fff;text-align:center;padding:72px 22px}
.ye-page-hero h1{font-size:clamp(30px,5vw,52px);margin:0 0 10px;color:#fff}
.ye-page-hero p{max-width:760px;margin:0 auto;color:rgba(255,255,255,.86)}
.ye-page-content{max-width:1100px;margin:0 auto;padding:50px 22px}
.ye-content-wrap.right-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px}
.ye-clean-section{padding:38px 0;border-bottom:1px solid var(--ye-border)}
.ye-clean-section h2{font-size:30px;color:#0f3b2e;margin:0 0 15px}
.ye-clean-section p{font-size:17px;color:var(--ye-content-text-color)}
.ye-sidebar .widget{background:#fff;border:1px solid var(--ye-border);border-radius:14px;padding:20px;margin-bottom:20px}

/* Our Interventions */
.ye-wrap *{box-sizing:border-box}
.ye-wrap{font-family:var(--ye-font-family);color:var(--ye-content-text-color);line-height:1.7;font-size:16px}
.ye-wrap img{max-width:100%;height:auto}
.ye-wrap ul{padding-left:0;list-style:none;margin:0}
.ye-int-page-hero{position:relative;background:#0f3b2e;color:#fff;text-align:center;padding:64px 24px 52px;overflow:hidden}
.ye-int-page-hero::before{content:"";position:absolute;inset:0;background:url('assets/images/hero-yesearth.svg') center/cover no-repeat;opacity:.18}
.ye-int-page-hero>*{position:relative;z-index:1}
.ye-int-page-hero h1{font-size:clamp(30px,5vw,48px);font-weight:900;margin:0 0 10px;color:#fff}
.ye-int-page-hero p{font-size:18px;max-width:760px;margin:0 auto;color:rgba(255,255,255,.86)}
.ye-intro-band{background:#f4faf6;border-left:5px solid #9c6b32;padding:26px 30px;margin:38px auto;max-width:960px;border-radius:0 10px 10px 0}
.ye-stats{background:#0f3b2e;padding:34px 20px;text-align:center}
.ye-stats h2{color:#fff;font-size:24px;margin:0 0 22px}
.ye-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:980px;margin:0 auto}
.ye-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:15px 10px;color:#fff}
.ye-stat .num{font-size:28px;font-weight:900;color:#a9d6a0;display:block;line-height:1}
.ye-stat .lbl{font-size:12.5px;color:rgba(255,255,255,.78);line-height:1.35;margin-top:6px;display:block}
.ye-section-hdr{text-align:center;margin:46px 0 30px;padding:0 20px}
.ye-section-hdr .kicker{display:inline-block;color:#9c6b32;font-size:16px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:10px}
.ye-section-hdr h2{font-size:clamp(28px,4vw,38px);font-weight:900;color:#0f3b2e;margin:0 0 12px}
.ye-section-hdr p{font-size:17px;color:var(--ye-content-text-color);max-width:740px;margin:0 auto;line-height:1.75}
.ye-divider{width:60px;height:4px;background:#9c6b32;border-radius:2px;margin:12px auto 0}
.ye-intervention{max-width:1080px;margin:0 auto 58px;padding:0 20px;scroll-margin-top:90px}
.ye-intervention-inner{background:#fff;border:1px solid #dce8e1;border-radius:16px;overflow:hidden;box-shadow:0 2px 18px rgba(15,59,46,.07)}
.ye-int-header{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
.ye-int-header.reverse{direction:rtl}
.ye-int-header.reverse>*{direction:ltr}
.ye-int-img{width:100%;height:340px;object-fit:cover;display:block}
.ye-int-intro{padding:38px 40px;display:flex;flex-direction:column;justify-content:center;background:#fff}
.ye-int-icon-wrap{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:18px;flex-shrink:0;background:#e8f3ed}
.ye-int-intro h2{font-size:clamp(24px,2.6vw,32px);font-weight:900;color:#0f3b2e;margin:0 0 13px}
.ye-int-intro .overview-label{font-size:13px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:#9c6b32;margin-bottom:8px}
.ye-int-intro p{font-size:15.5px;color:var(--ye-content-text-color);line-height:1.82;margin:0}
.ye-int-body{padding:36px 40px 42px}
.ye-act-label{font-size:16px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:#9c6b32;margin-bottom:18px}
.ye-act-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-bottom:34px}
.ye-act-card{background:#f4faf6;border:1px solid #dce8e1;border-radius:12px;padding:20px 22px}
.ye-act-card .act-icon{font-size:24px;margin-bottom:10px;display:block}
.ye-act-card h4{font-size:16px;font-weight:800;color:#0f3b2e;margin:0 0 8px}
.ye-act-card p{font-size:13.8px;color:var(--ye-content-text-color);margin:0;line-height:1.7}
.ye-benefits-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:30px}
.ye-benefits-col h3{font-size:16px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:#9c6b32;margin:0 0 14px}
.ye-benefits-col li{font-size:14.5px;color:var(--ye-content-text-color);padding:7px 0 7px 24px;border-bottom:1px solid #e8f3ed;position:relative}
.ye-benefits-col li::before{content:'✓';position:absolute;left:0;color:#9c6b32;font-weight:900}
.ye-tech-strip{background:#0f3b2e;border-radius:10px;padding:18px 24px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}
.ye-tech-strip .tech-label{font-size:13px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:#a9d6a0;margin-right:6px;white-space:nowrap;margin-top:3px}
.ye-tech-pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#e8f3ed;font-size:12.5px;padding:5px 13px;border-radius:20px}

/* Footer */
.ye-footer{background:var(--ye-footer);color:#dce8e1;padding:42px 0;margin-top:40px}
.ye-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:26px}
.ye-footer a{color:#dce8e1;display:block;margin:6px 0}
.ye-footer h3{color:#fff;margin:0 0 12px}
.ye-footer .ye-social-icons a{background:rgba(255,255,255,.12);color:#fff}

/* Plugin compatibility */
.woocommerce .products{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
#bbpress-forums{font-size:16px}
.wp-block-image img{height:auto}
.alignwide{max-width:var(--ye-container);margin-left:auto;margin-right:auto}

/* Responsive */
@media(max-width:1100px){
  .ye-menu a{font-size:12px;padding-left:5px;padding-right:5px}
  .ye-impact-inner{grid-template-columns:repeat(3,1fr)}
  .ye-impact-title{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--ye-border)}
  .ye-intervention-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .ye-header-inner{height:64px}
  .ye-mobile-toggle{display:block}
  .ye-nav-wrap{position:fixed;top:64px;left:0;right:0;background:#fff;z-index:1000000;display:none;box-shadow:var(--ye-shadow);max-height:calc(100vh - 64px);overflow:auto;border-top:1px solid var(--ye-border);padding:0}
  .ye-nav-wrap.open{display:block}
  .ye-menu{display:block;width:100%}
  .ye-menu a{padding:14px 22px;font-size:14px;line-height:1.2;border-bottom:1px solid #e8f3ed}
  .ye-menu .sub-menu{position:static;display:none;box-shadow:none;border:0;border-radius:0;padding:0;background:#f4faf6}
  .ye-menu li.open>.sub-menu{display:block}
  .ye-menu .menu-item-has-children>a::after{content:' ▼';float:right}
  .ye-search-btn{margin-left:auto}
  .ye-lang{display:none}
  .ye-hero{min-height:450px}
  .ye-hero-inner{padding:54px 0}
  .ye-hero::after{background:linear-gradient(90deg,rgba(8,32,25,.9),rgba(8,32,25,.74))}
  .ye-btn.outline{margin-left:0;margin-top:10px}
  .ye-impact-bar{margin-top:0}
  .ye-impact-inner{grid-template-columns:1fr 1fr}
  .ye-grid,.ye-grid-4,.ye-grid-5,.ye-post-grid,.ye-footer-grid,.ye-content-wrap.right-sidebar{grid-template-columns:1fr}
  .ye-intervention-grid{grid-template-columns:repeat(2,1fr)}
  .ye-int-header,.ye-int-header.reverse{grid-template-columns:1fr;direction:ltr}
  .ye-int-img{height:230px}
  .ye-int-intro,.ye-int-body{padding:26px 22px}
  .ye-stats-grid{grid-template-columns:1fr 1fr}
  .ye-benefits-row{grid-template-columns:1fr}
}
@media(max-width:480px){
  .ye-intervention-grid,.ye-impact-inner,.ye-stats-grid{grid-template-columns:1fr}
}


/* ===== Yesearth Org Theme 12.2 layout correction =====
   Restores a clean news style homepage structure similar to current yesearth.org:
   top identity strip, compact logo, single row menu, flash news, post grids.
*/
.ye-site-title-strip{
  background:#f4faf6;
  border-bottom:1px solid var(--ye-border);
  padding:7px 0;
  font-size:14px;
  font-weight:700;
  color:var(--ye-secondary);
}
.ye-site-title-strip .ye-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.ye-site-title-strip .school-name{
  white-space:nowrap;
}
.ye-header{
  position:sticky;
  top:0;
  z-index:999999;
  background:#fff;
  border-bottom:1px solid var(--ye-border);
  box-shadow:0 2px 10px rgba(15,59,46,.05);
}
.ye-header-inner{
  height:auto;
  min-height:76px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
}
.ye-logo{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:210px;
}
.ye-logo img,
.custom-logo{
  height:54px !important;
  width:auto !important;
  max-width:168px !important;
  object-fit:contain;
  display:block;
}
.ye-brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}
.ye-brand-text strong{
  color:var(--ye-secondary);
  font-size:22px;
  font-weight:900;
}
.ye-brand-text span{
  color:var(--ye-muted);
  font-size:12px;
  font-weight:700;
}
.ye-nav-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:0;
  gap:10px;
}
.ye-menu{
  display:flex;
  flex-wrap:nowrap;
  gap:2px;
  justify-content:flex-end;
  align-items:center;
}
.ye-menu a{
  font-size:12.5px;
  padding:29px 6px;
  white-space:nowrap;
}
.ye-menu .sub-menu a{
  padding:11px 16px;
  font-size:13px;
}
.ye-social-icons{
  display:none;
}
.ye-search-btn{
  width:38px;
  height:38px;
  flex:0 0 38px;
  margin-left:0;
}
.ye-lang{
  flex:0 0 auto;
}
.ye-mobile-toggle{
  justify-self:end;
}

/* News style homepage */
.ye-home-news{
  background:#fff;
}
.ye-flash{
  padding:22px 0 10px;
  border-bottom:1px solid var(--ye-border);
}
.ye-flash h2{
  font-size:20px;
  margin:0 0 14px;
  color:var(--ye-secondary);
  border-left:4px solid var(--ye-primary);
  padding-left:12px;
}
.ye-flash-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.ye-news-card{
  background:#fff;
  border:1px solid var(--ye-border);
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(15,59,46,.05);
}
.ye-news-card img{
  width:100%;
  height:155px;
  object-fit:cover;
  display:block;
}
.ye-news-card .body{
  padding:13px;
}
.ye-news-card h3{
  margin:0;
  font-size:17px;
  line-height:1.25;
  color:var(--ye-secondary);
}
.ye-news-card p{
  color:var(--ye-content-text-color);
  font-size:14px;
  margin:8px 0 0;
}
.ye-section.news-section{
  padding:36px 0;
}
.ye-section.news-section .ye-section-title{
  text-align:left;
  margin-bottom:18px;
  border-bottom:2px solid var(--ye-border);
  padding-bottom:8px;
}
.ye-section.news-section .ye-section-title h2{
  font-size:24px;
}
.ye-section.news-section .ye-section-title .kicker{
  font-size:12px;
}
.ye-news-list-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:26px;
  align-items:start;
}
.ye-main-posts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.ye-side-posts{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.ye-side-posts .ye-news-card{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:0;
}
.ye-side-posts .ye-news-card img{
  height:100%;
  min-height:100px;
}
.ye-side-posts .ye-news-card h3{
  font-size:15px;
}
.ye-intervention-grid{
  grid-template-columns:repeat(5,1fr);
}
.ye-intervention-card{
  min-height:108px;
}
.ye-hero{
  min-height:420px;
}
.ye-hero-inner{
  max-width:620px;
  padding:58px 0;
}
.ye-hero h1{
  font-size:clamp(28px,3.5vw,42px);
}
.ye-impact-bar{
  margin-top:0;
  padding:20px 0 0;
}
.ye-impact-inner{
  box-shadow:0 4px 16px rgba(15,59,46,.08);
}
.yesearth-interventions-page .ye-wrap .ye-nav{
  position:sticky !important;
  top:78px !important;
  z-index:50 !important;
}

/* Prevent uploaded interventions page CSS from affecting global header */
.yesearth-interventions-page .ye-wrap .ye-hero{
  min-height:auto;
  display:block;
}
.yesearth-interventions-page .ye-wrap .ye-hero::before,
.yesearth-interventions-page .ye-wrap .ye-hero::after{
  display:none;
}
.yesearth-interventions-page .ye-wrap .ye-nav a{
  padding:7px 14px !important;
  font-size:13px !important;
}

@media(max-width:1120px){
  .ye-header-inner{
    grid-template-columns:auto 1fr auto;
  }
  .ye-menu a{
    font-size:11.5px;
    padding-left:4px;
    padding-right:4px;
  }
  .ye-brand-text strong{
    font-size:19px;
  }
  .ye-logo{
    min-width:180px;
  }
}
@media(max-width:900px){
  .ye-flash-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .ye-news-list-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .ye-site-title-strip .ye-container{
    justify-content:center;
  }
  .ye-site-title-strip .school-name{
    white-space:normal;
    text-align:center;
  }
  .ye-header-inner{
    min-height:66px;
    grid-template-columns:auto 1fr auto auto;
    gap:10px;
  }
  .ye-logo{
    min-width:0;
  }
  .ye-logo img,
  .custom-logo{
    height:44px !important;
    max-width:126px !important;
  }
  .ye-brand-text strong{
    font-size:18px;
  }
  .ye-brand-text span{
    font-size:10px;
  }
  .ye-nav-wrap{
    top:66px;
  }
  .ye-menu a{
    font-size:14px;
    padding:14px 22px;
  }
  .ye-flash-grid,
  .ye-main-posts{
    grid-template-columns:1fr;
  }
  .ye-side-posts .ye-news-card{
    grid-template-columns:100px 1fr;
  }
  .ye-intervention-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .yesearth-interventions-page .ye-wrap .ye-nav{
    top:66px !important;
  }
}
@media(max-width:480px){
  .ye-brand-text{
    display:none;
  }
  .ye-intervention-grid,
  .ye-impact-inner{
    grid-template-columns:1fr;
  }
  .ye-side-posts .ye-news-card{
    grid-template-columns:1fr;
  }
  .ye-side-posts .ye-news-card img{
    height:145px;
  }
}


/* ===== Yesearth 12.3 intervention header duplication fix ===== */
.ye-home-news .ye-section.news-section .ye-section-title .kicker{
    display:none !important;
}
.ye-home-news .ye-section.news-section .ye-section-title{
    margin-bottom:18px !important;
}
.ye-home-news .ye-section.news-section .ye-section-title h2{
    margin:0 !important;
}


/* ===== Yesearth 13.0 multilingual and mobile navigation ===== */

.ye-lang{
 display:flex;
 align-items:center;
 gap:6px;
 margin-left:10px;
}

.ye-lang button{
 border:1px solid #dce8e1;
 background:#fff;
 color:#0f3b2e;
 padding:6px 10px;
 border-radius:4px;
 font-size:12px;
 cursor:pointer;
}

.ye-lang button.active,
.ye-lang button:hover{
 background:#14543f;
 color:#fff;
 border-color:#14543f;
}

.ye-mobile-toggle{
 display:none;
 align-items:center;
 justify-content:center;
 background:#14543f;
 color:#fff;
 border:none;
 width:42px;
 height:42px;
 border-radius:4px;
 font-size:22px;
 cursor:pointer;
 z-index:999999;
}

@media(max-width:960px){

 .ye-mobile-toggle{
   display:flex !important;
 }

 .ye-nav-wrap{
   position:fixed !important;
   top:66px !important;
   left:0;
   width:100%;
   background:#fff;
   z-index:999999 !important;
   display:none;
   flex-direction:column;
   border-top:1px solid #dce8e1;
   box-shadow:0 10px 25px rgba(0,0,0,.08);
   max-height:calc(100vh - 66px);
   overflow-y:auto;
   padding-bottom:20px;
 }

 .ye-nav-wrap.active{
   display:flex !important;
 }

 .ye-menu{
   width:100%;
   flex-direction:column !important;
   align-items:stretch !important;
 }

 .ye-menu li{
   width:100%;
   border-bottom:1px solid #e8f3ed;
 }

 .ye-menu a{
   display:block;
   width:100%;
   padding:14px 18px !important;
   font-size:15px !important;
 }

 .ye-menu .sub-menu{
   position:static !important;
   display:none;
   opacity:1 !important;
   visibility:visible !important;
   transform:none !important;
   width:100%;
   background:#f4faf6;
   box-shadow:none;
   border:none;
 }

 .ye-menu li.menu-open > .sub-menu{
   display:block !important;
 }

 .ye-menu li.menu-item-has-children > a::after{
   content:"+";
   float:right;
   font-weight:700;
 }

 .ye-lang{
   justify-content:center;
   margin-top:10px;
 }
}

body{
 font-family:"Inter","Noto Sans","Noto Sans Bengali",sans-serif;
}


/* ===== Yesearth 13.1 live language translation ===== */
.ye-lang button{
  min-width:72px;
}
html[lang="hi"] body,
html[lang="as"] body{
  font-family:"Noto Sans Devanagari","Noto Sans Bengali","Inter",Arial,sans-serif;
}
html[lang="as"] body{
  font-family:"Noto Sans Bengali","Noto Sans Devanagari","Inter",Arial,sans-serif;
}
.ye-translating{
  opacity:.96;
}


/* ===== Yesearth 14.0 ===== */
.ye-category-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:24px;
}
.ye-category-card,
.ye-meearth-card{
 background:#fff;
 border:1px solid #dce8e1;
 border-radius:12px;
 overflow:hidden;
 box-shadow:0 4px 18px rgba(0,0,0,.05);
}
.ye-category-card img{
 width:100%;
 height:220px;
 object-fit:cover;
}
.ye-category-body{
 padding:18px;
}
.ye-category-label{
 display:inline-block;
 background:var(--ye-earth);
 color:#fff;
 font-size:11px;
 padding:5px 10px;
 border-radius:30px;
 margin-bottom:10px;
}
.ye-meearth-grid{
 display:grid;
 grid-template-columns:repeat(5,1fr);
 gap:20px;
}
.ye-meearth-card img{
 width:100%;
 height:170px;
 object-fit:cover;
}
.ye-meearth-body{
 padding:14px;
}
@media(max-width:1100px){
 .ye-category-grid{grid-template-columns:1fr 1fr;}
 .ye-meearth-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:700px){
 .ye-category-grid,
 .ye-meearth-grid{
  grid-template-columns:1fr;
 }
}


/* ===== Yesearth 14.1 Our Impact fixes ===== */

.ye-impact-bar{
    padding-top:20px !important;
}

.ye-impact-inner{
    display:grid !important;
    grid-template-columns:1.2fr repeat(5,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    padding:18px 14px !important;
}

.ye-impact-title{
    margin-right:14px !important;
    white-space:nowrap;
    font-size:24px !important;
    line-height:1.2 !important;
}

.ye-impact-item{
    text-align:center !important;
    padding:8px 4px !important;
}

.ye-impact-icon{
    font-size:20px !important;
    margin-bottom:5px !important;
}

.ye-impact-num{
    font-size:18px !important;
    line-height:1.2 !important;
}

.ye-impact-label{
    font-size:11px !important;
    line-height:1.35 !important;
}

@media(max-width:900px){

    .ye-impact-inner{
        grid-template-columns:repeat(3,1fr) !important;
    }

    .ye-impact-title{
        grid-column:1 / -1;
        text-align:center;
        margin-bottom:10px !important;
    }
}

@media(max-width:560px){

    .ye-impact-inner{
        grid-template-columns:1fr 1fr !important;
    }

    .ye-impact-title{
        grid-column:1 / -1;
    }

    .ye-impact-icon{
        font-size:16px !important;
    }

    .ye-impact-num{
        font-size:15px !important;
    }

    .ye-impact-label{
        font-size:10px !important;
    }
}


/* ===== Yesearth 14.3 homepage order and sections ===== */
.ye-home-news .ye-intervention-grid{
  grid-template-columns:repeat(10,1fr) !important;
  gap:10px !important;
}
.ye-home-news .ye-intervention-card{
  padding:12px 6px !important;
  min-height:88px !important;
}
.ye-home-news .ye-intervention-card .icon{
  font-size:22px !important;
  margin-bottom:5px !important;
}
.ye-home-news .ye-intervention-card h3{
  font-size:11.5px !important;
  line-height:1.25 !important;
}
.ye-category-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.ye-category-card,.ye-meearth-card{
  background:#fff;
  border:1px solid #dce8e1;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 18px rgba(0,0,0,.05);
}
.ye-category-card img{
  width:100%;
  height:220px;
  object-fit:cover;
}
.ye-category-body,.ye-meearth-body{padding:16px;}
.ye-category-label{
  display:inline-block;
  background:var(--ye-earth);
  color:#fff;
  font-size:11px;
  padding:5px 10px;
  border-radius:30px;
  margin-bottom:10px;
}
.ye-meearth-featured{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:26px;
  align-items:stretch;
  margin-bottom:28px;
}
.ye-meearth-featured .ye-meearth-card img{height:300px;}
.ye-meearth-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}
.ye-meearth-card img{
  width:100%;
  height:150px;
  object-fit:cover;
  background:#e8f3ed;
}
.ye-meearth-body h3{
  font-size:16px;
  line-height:1.35;
  margin:0 0 8px;
}
.ye-meearth-body p{
  font-size:13px;
  line-height:1.55;
  color:#65736d;
  margin:0 0 10px;
}
@media(max-width:1180px){
  .ye-home-news .ye-intervention-grid{grid-template-columns:repeat(5,1fr) !important;}
}
@media(max-width:900px){
  .ye-category-grid,.ye-meearth-featured{grid-template-columns:1fr;}
  .ye-meearth-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .ye-home-news .ye-intervention-grid,.ye-category-grid,.ye-meearth-grid{grid-template-columns:1fr !important;}
}


/* ===== Yesearth 14.7 Safe Me & My Earth frontend feed ===== */
.ye-meearth-header-link{
  text-decoration:none;
  color:inherit;
}
.ye-meearth-header-link:hover h2{
  color:#14543f;
}
.ye-meearth-loading,
.ye-meearth-error-note{
  font-size:14px;
  color:#65736d;
  text-align:center;
  margin:16px 0 22px;
}
.ye-meearth-live-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}
.ye-meearth-live-grid .ye-meearth-card{
  background:#fff;
  border:1px solid #dce8e1;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 18px rgba(0,0,0,.05);
}
.ye-meearth-live-grid .ye-meearth-card img{
  width:100%;
  height:170px;
  object-fit:cover;
  background:#e8f3ed;
  display:block;
}
.ye-meearth-live-grid .ye-meearth-card .ye-meearth-body{
  padding:14px;
}
.ye-meearth-live-grid .ye-meearth-card h3{
  font-size:16px;
  line-height:1.35;
  margin:0 0 8px;
}
.ye-meearth-live-grid .ye-meearth-card p{
  font-size:13px;
  line-height:1.55;
  color:#65736d;
  margin:0 0 10px;
}
.ye-meearth-live-grid .ye-meearth-source{
  display:inline-block;
  font-size:11px;
  font-weight:700;
  color:#14543f;
  background:#e8f3ed;
  padding:4px 9px;
  border-radius:30px;
  margin-bottom:8px;
}
@media(max-width:1100px){
  .ye-meearth-live-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:700px){
  .ye-meearth-live-grid{grid-template-columns:1fr;}
}


/* ===== Yesearth 14.9 language selector click fix ===== */
.ye-lang{
  position:relative !important;
  z-index:1000002 !important;
  pointer-events:auto !important;
}
.ye-lang button,
.ye-lang a{
  position:relative !important;
  z-index:1000003 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
.ye-header .ye-lang{
  flex-shrink:0 !important;
}
@media(max-width:960px){
  .ye-nav-wrap .ye-lang{
    display:flex !important;
    justify-content:center !important;
    padding:12px 10px !important;
    gap:8px !important;
  }
  .ye-nav-wrap .ye-lang button{
    min-width:72px !important;
    padding:9px 10px !important;
  }
}


/* ===== Yesearth 15.0 English Hindi language and Me & My Earth fix ===== */
.ye-lang{
  display:flex !important;
  gap:6px !important;
  align-items:center !important;
  position:relative !important;
  z-index:1000005 !important;
  pointer-events:auto !important;
}
.ye-lang button{
  border:1px solid #dce8e1 !important;
  background:#fff !important;
  color:#0f3b2e !important;
  padding:7px 11px !important;
  border-radius:4px !important;
  font-size:12px !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}
.ye-lang button.active,
.ye-lang button:hover{
  background:#14543f !important;
  color:#fff !important;
  border-color:#14543f !important;
}
#google_translate_element,
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-te-gadget-icon{
  display:none !important;
}
body{top:0 !important;}
.skiptranslate iframe{display:none !important;}
.goog-te-gadget{height:0 !important; overflow:hidden !important;}

.ye-meearth-error-note{
  font-size:14px;
  color:#65736d;
  text-align:center;
  margin:16px 0 22px;
}
.ye-meearth-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}
.ye-meearth-featured{
  margin-bottom:22px;
}
.ye-meearth-card{
  background:#fff;
  border:1px solid #dce8e1;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 18px rgba(0,0,0,.05);
}
.ye-meearth-card img{
  width:100%;
  height:170px;
  object-fit:cover;
  display:block;
  background:#e8f3ed;
}
.ye-meearth-featured .ye-meearth-card img{
  height:300px;
}
.ye-meearth-body{
  padding:14px;
}
.ye-meearth-source{
  display:inline-block;
  font-size:11px;
  font-weight:700;
  color:#14543f;
  background:#e8f3ed;
  padding:4px 9px;
  border-radius:30px;
  margin-bottom:8px;
}
@media(max-width:1100px){
  .ye-meearth-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:700px){
  .ye-meearth-grid{grid-template-columns:1fr;}
}


/* ===== Yesearth 15.2 mobile menu and visible Google Translate fix ===== */

/* Show Google Translate selector instead of hiding it */
#google_translate_element{
  display:block !important;
  visibility:visible !important;
  height:auto !important;
  overflow:visible !important;
  position:relative !important;
  z-index:1000005 !important;
}
.goog-te-gadget{
  display:block !important;
  visibility:visible !important;
  height:auto !important;
  overflow:visible !important;
  font-size:11px !important;
}
.goog-te-combo{
  display:inline-block !important;
  visibility:visible !important;
  width:auto !important;
  max-width:160px !important;
  height:32px !important;
  padding:4px 6px !important;
  border:1px solid #dce8e1 !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#0f3b2e !important;
  font-size:12px !important;
}
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-te-gadget-icon{
  display:none !important;
}
body{
  top:0 !important;
}
.skiptranslate iframe{
  display:none !important;
}

/* Keep own buttons optional, but not blocking click */
.ye-lang{
  position:relative !important;
  z-index:1000006 !important;
  pointer-events:auto !important;
  display:flex !important;
  gap:6px !important;
  align-items:center !important;
}
.ye-lang button{
  position:relative !important;
  z-index:1000007 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

/* Mobile menu must open above all content */
.ye-mobile-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border:0;
  border-radius:4px;
  background:#14543f;
  color:#fff;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  position:relative;
  z-index:1000010 !important;
}

@media(max-width:960px){
  .ye-mobile-toggle{
    display:flex !important;
  }

  .ye-nav-wrap{
    position:fixed !important;
    top:66px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:calc(100vh - 66px) !important;
    overflow-y:auto !important;
    background:#ffffff !important;
    border-top:1px solid #dce8e1 !important;
    box-shadow:0 12px 28px rgba(0,0,0,.12) !important;
    z-index:1000009 !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    padding:0 0 18px !important;
  }

  .ye-nav-wrap.open,
  .ye-nav-wrap.active,
  body.ye-mobile-menu-open .ye-nav-wrap{
    display:flex !important;
  }

  .ye-nav{
    width:100% !important;
  }

  .ye-menu{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .ye-menu li{
    width:100% !important;
    border-bottom:1px solid #e8f3ed !important;
  }

  .ye-menu a{
    display:block !important;
    width:100% !important;
    padding:14px 18px !important;
    font-size:15px !important;
    line-height:1.4 !important;
  }

  .ye-menu .sub-menu{
    position:static !important;
    display:none !important;
    width:100% !important;
    min-width:0 !important;
    background:#f4faf6 !important;
    box-shadow:none !important;
    border:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    padding:0 0 0 12px !important;
  }

  .ye-menu li.open > .sub-menu,
  .ye-menu li.menu-open > .sub-menu{
    display:block !important;
  }

  .ye-menu li.menu-item-has-children > a::after{
    content:"+";
    float:right;
    font-weight:800;
  }

  .ye-nav-wrap .ye-lang,
  .ye-nav-wrap #google_translate_element{
    margin:12px auto 0 !important;
    justify-content:center !important;
    text-align:center !important;
  }
}


/* ===== Yesearth 15.3 language dropdown and feature check fixes ===== */

/* Language dropdown */
.ye-lang{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  position:relative !important;
  z-index:1000006 !important;
  pointer-events:auto !important;
}
.ye-lang label{
  font-size:12px !important;
  font-weight:700 !important;
  color:#0f3b2e !important;
  white-space:nowrap !important;
}
.ye-lang-select{
  display:inline-block !important;
  visibility:visible !important;
  width:auto !important;
  min-width:145px !important;
  height:34px !important;
  padding:5px 9px !important;
  border:1px solid #dce8e1 !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#0f3b2e !important;
  font-size:13px !important;
  font-weight:700 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  position:relative !important;
  z-index:1000007 !important;
}
.ye-lang button{
  display:none !important;
}

/* Visible Google Translate dropdown retained as fallback */
#google_translate_element{
  display:block !important;
  visibility:visible !important;
  height:auto !important;
  overflow:visible !important;
  position:relative !important;
  z-index:1000005 !important;
}
.goog-te-gadget{
  display:block !important;
  visibility:visible !important;
  height:auto !important;
  overflow:visible !important;
  font-size:11px !important;
}
.goog-te-combo{
  display:inline-block !important;
  visibility:visible !important;
  width:auto !important;
  max-width:160px !important;
  height:32px !important;
  padding:4px 6px !important;
  border:1px solid #dce8e1 !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#0f3b2e !important;
  font-size:12px !important;
}
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-te-gadget-icon{
  display:none !important;
}
body{top:0 !important;}
.skiptranslate iframe{display:none !important;}

/* Mobile menu and dropdown visibility */
.ye-mobile-toggle{
  position:relative !important;
  z-index:1000010 !important;
  cursor:pointer !important;
}
@media(max-width:960px){
  .ye-nav-wrap{
    z-index:1000009 !important;
  }
  .ye-nav-wrap .ye-lang{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    padding:12px 10px !important;
    margin:8px auto 0 !important;
    gap:6px !important;
  }
  .ye-nav-wrap .ye-lang-select{
    width:92% !important;
    max-width:320px !important;
    height:40px !important;
    font-size:15px !important;
  }
  .ye-nav-wrap #google_translate_element{
    margin:8px auto 0 !important;
    text-align:center !important;
  }
}

/* Compact interventions checked for desktop row */
.ye-home-news .ye-intervention-grid{
  grid-template-columns:repeat(10,1fr) !important;
  gap:10px !important;
}
.ye-home-news .ye-intervention-card{
  padding:12px 6px !important;
  min-height:88px !important;
}
.ye-home-news .ye-intervention-card .icon{
  font-size:22px !important;
  margin-bottom:5px !important;
}
.ye-home-news .ye-intervention-card h3{
  font-size:11.5px !important;
  line-height:1.25 !important;
}
@media(max-width:1180px){
  .ye-home-news .ye-intervention-grid{
    grid-template-columns:repeat(5,1fr) !important;
  }
}
@media(max-width:600px){
  .ye-home-news .ye-intervention-grid{
    grid-template-columns:1fr !important;
  }
}


/* ===== Yesearth 15.4 translator, search box and Me & My Earth fixes ===== */

/* Header search box next to search icon */
.ye-header-search{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  max-width:260px !important;
  flex:0 0 auto !important;
}
.ye-header-search input[type="search"]{
  width:185px !important;
  height:36px !important;
  border:1px solid #dce8e1 !important;
  border-radius:4px !important;
  padding:6px 9px !important;
  font-size:13px !important;
  color:#0f3b2e !important;
  background:#fff !important;
}
.ye-header-search button{
  height:36px !important;
  min-width:38px !important;
  border:1px solid #14543f !important;
  border-radius:4px !important;
  background:#14543f !important;
  color:#fff !important;
  cursor:pointer !important;
  font-weight:700 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.ye-search-btn{
  display:none !important;
}

/* Language dropdown */
.ye-lang{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  position:relative !important;
  z-index:1000006 !important;
  pointer-events:auto !important;
}
.ye-lang label{
  font-size:12px !important;
  font-weight:700 !important;
  color:#0f3b2e !important;
  white-space:nowrap !important;
}
.ye-lang-select{
  display:inline-block !important;
  visibility:visible !important;
  min-width:150px !important;
  height:34px !important;
  padding:5px 9px !important;
  border:1px solid #dce8e1 !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#0f3b2e !important;
  font-size:13px !important;
  font-weight:700 !important;
  cursor:pointer !important;
  position:relative !important;
  z-index:1000007 !important;
}

/* Google widget visible as fallback */
#google_translate_element{
  display:block !important;
  visibility:visible !important;
  height:auto !important;
  overflow:visible !important;
  position:relative !important;
  z-index:1000005 !important;
}
.goog-te-gadget{
  display:block !important;
  visibility:visible !important;
  height:auto !important;
  overflow:visible !important;
  font-size:11px !important;
}
.goog-te-combo{
  display:inline-block !important;
  visibility:visible !important;
  max-width:155px !important;
  height:32px !important;
  padding:4px 6px !important;
  border:1px solid #dce8e1 !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#0f3b2e !important;
  font-size:12px !important;
}
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-te-gadget-icon{
  display:none !important;
}
body{top:0 !important;}
.skiptranslate iframe{display:none !important;}

@media(max-width:1200px){
  .ye-header-search input[type="search"]{
    width:140px !important;
  }
}
@media(max-width:960px){
  .ye-header-search{
    order:6 !important;
    width:100% !important;
    max-width:none !important;
    padding:10px 16px !important;
  }
  .ye-header-search input[type="search"]{
    flex:1 !important;
    width:auto !important;
  }
  .ye-nav-wrap .ye-lang,
  .ye-nav-wrap #google_translate_element{
    margin:8px auto 0 !important;
    text-align:center !important;
    justify-content:center !important;
  }
  .ye-nav-wrap .ye-lang{
    flex-direction:column !important;
    padding:12px 10px !important;
  }
  .ye-lang-select{
    width:92% !important;
    max-width:320px !important;
    height:40px !important;
    font-size:15px !important;
  }
}

/* ===== 15.4.1: Single language selector =====
   The header should show only ONE language dropdown: the theme's own
   <select id="ye-language-select">. The Google Website Translator still loads
   and powers the actual translation, but its built-in combo box is hidden so it
   does not appear as a second dropdown. The element is kept in the DOM (not
   display:none) and only visually hidden, so the JavaScript can still drive
   .goog-te-combo and the cookie/reload fallback reliably.
   This block is intentionally last so it overrides the earlier
   "visible as fallback" rules above. */
#google_translate_element{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}
.ye-nav-wrap #google_translate_element{
  margin:-1px !important;
}

/* ===== 15.4.4: Soft light homepage background =====
   A faint, fresh green-tinted backdrop on the front page so the white sections
   and cards gain a little depth instead of sitting on flat white. Other pages
   keep their existing background. */
body.home{
  background:linear-gradient(180deg,#e8f3ed 0%,#f4faf6 45%,#f4faf6 100%);
}
body.home .ye-intervention-card,
body.home .ye-news-card,
body.home .ye-category-card,
body.home .ye-meearth-card{
  box-shadow:0 6px 22px rgba(15,59,46,.07);
}

/* ============================================================
   16.1 DISPLAY RESTRUCTURE & POLISH
   Display-only refinements. No markup or content is changed; this
   block is intentionally last so it refines the rules above via the
   cascade. Covers section rhythm, hero, impact bar, cards, hover
   states and the Me & My Earth layout.
   ============================================================ */

/* --- Smooth, consistent motion across interactive elements --- */
.ye-intervention-card,
.ye-news-card,
.ye-category-card,
.ye-meearth-card,
.ye-btn,
.ye-impact-item{
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

/* --- Section rhythm: a touch more breathing room and centred width --- */
.ye-container{max-width:1200px;}
.ye-section.news-section{padding:54px 0;}
.ye-flash{padding:48px 0 8px;}

/* --- Hero: richer depth and cleaner CTA spacing --- */
.ye-hero{min-height:var(--ye-hero-height,540px);}
.ye-hero-inner{max-width:640px;}
.ye-hero h1{letter-spacing:-.01em;}
.ye-hero p{line-height:1.6;}
.ye-btn{padding:13px 22px;border-radius:10px;}
.ye-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,59,46,.18);}
.ye-btn.outline:hover{background:rgba(255,255,255,.10);}

/* --- Impact bar: clearer hierarchy + gentle hover --- */
.ye-impact-bar{margin-top:-54px;}
.ye-impact-inner{border-radius:16px;box-shadow:0 18px 50px rgba(15,59,46,.14);}
.ye-impact-item:hover{transform:translateY(-3px);background:#f4faf6;}
.ye-impact-icon{font-size:26px;margin-bottom:8px;}
.ye-impact-num{font-size:21px;}
.ye-impact-label{font-size:12px;margin-top:5px;}

/* --- Section titles: subtle accent underline under centred titles --- */
.ye-section-title h2{position:relative;display:inline-block;padding-bottom:14px;}
.ye-section-title h2::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:64px;height:4px;border-radius:4px;
  background:linear-gradient(90deg,var(--ye-primary),var(--ye-accent));
}
/* News-style sections keep their left-aligned heading; move the accent left. */
.ye-section.news-section .ye-section-title h2::after{left:0;transform:none;}
.ye-section.news-section .ye-section-title{border-bottom:none;}

/* --- Intervention cards: even heights, lift + accent border on hover --- */
.ye-intervention-grid{gap:20px;}
.ye-intervention-card{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:24px 14px;border-radius:16px;min-height:128px;
}
.ye-intervention-card .icon{font-size:36px;margin-bottom:12px;}
.ye-intervention-card:hover{
  transform:translateY(-4px);
  border-color:var(--ye-accent);
  box-shadow:0 12px 28px rgba(15,59,46,.12);
}

/* --- Latest News cards: image zoom on hover, stronger title, lift --- */
.ye-flash h2{
  font-size:clamp(22px,2.4vw,30px);border-left:5px solid var(--ye-primary);
  padding-left:14px;margin-bottom:24px;
}
.ye-flash-grid{gap:22px;}
.ye-news-card{border-radius:16px;}
.ye-news-card a:first-child{display:block;overflow:hidden;}
.ye-news-card img{height:172px;transition:transform .4s ease;}
.ye-news-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(15,59,46,.13);}
.ye-news-card:hover img{transform:scale(1.06);}
.ye-news-card .body{padding:16px;}
.ye-news-card h3{font-size:16px;line-height:1.35;}
.ye-news-card h3 a{color:var(--ye-secondary);}
.ye-news-card h3 a:hover{color:var(--ye-primary);text-decoration:none;}

/* --- Latest Posts / category cards: consistent media + polished CTA --- */
.ye-category-grid{gap:26px;}
.ye-category-card{border-radius:16px;display:flex;flex-direction:column;}
.ye-category-card a:first-child{display:block;overflow:hidden;}
.ye-category-card img{height:200px;transition:transform .4s ease;}
.ye-category-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(15,59,46,.13);}
.ye-category-card:hover img{transform:scale(1.05);}
.ye-category-body{padding:20px;display:flex;flex-direction:column;flex:1;}
.ye-category-label{
  align-self:flex-start;background:var(--ye-earth);
  font-weight:800;letter-spacing:.03em;text-transform:uppercase;font-size:10.5px;
}
.ye-category-body h3{font-size:18px;line-height:1.3;margin:0 0 8px;color:var(--ye-secondary);}
.ye-category-body h3 a{color:inherit;}
.ye-category-body h3 a:hover{color:var(--ye-primary);text-decoration:none;}
.ye-category-body p{font-size:14px;line-height:1.55;color:var(--ye-content-text-color);margin:0 0 14px;}
.ye-category-body > a:last-child{
  margin-top:auto;align-self:flex-start;font-weight:800;text-transform:uppercase;
  font-size:12px;letter-spacing:.03em;color:var(--ye-primary);
}
.ye-category-body > a:last-child:hover{text-decoration:none;opacity:.8;}

/* --- Me & My Earth: featured card sits beside a tidy grid --- */
.ye-meearth-featured{margin-bottom:26px;}
.ye-meearth-featured .ye-meearth-card{
  display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch;
}
.ye-meearth-featured .ye-meearth-card img{height:100%;min-height:260px;}
.ye-meearth-featured .ye-meearth-body{padding:26px;display:flex;flex-direction:column;justify-content:center;}
.ye-meearth-featured .ye-meearth-body h3{font-size:clamp(20px,2vw,26px);}
.ye-meearth-grid{gap:22px;}
.ye-meearth-card{border-radius:16px;display:flex;flex-direction:column;}
.ye-meearth-card a:first-child{display:block;overflow:hidden;}
.ye-meearth-card img{transition:transform .4s ease;}
.ye-meearth-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(15,59,46,.13);}
.ye-meearth-card:hover img{transform:scale(1.05);}
.ye-meearth-body{padding:16px;display:flex;flex-direction:column;flex:1;}
.ye-meearth-body h3{font-size:16px;line-height:1.35;margin:6px 0 8px;color:var(--ye-secondary);}
.ye-meearth-body h3 a{color:inherit;}
.ye-meearth-body h3 a:hover{color:var(--ye-primary);text-decoration:none;}

/* --- Responsive: collapse the featured card on small screens --- */
@media(max-width:780px){
  .ye-meearth-featured .ye-meearth-card{grid-template-columns:1fr;}
  .ye-meearth-featured .ye-meearth-card img{min-height:200px;}
  .ye-impact-bar{margin-top:0;}
}

/* ============================================================
   16.1 HEADER / NEWS / FOOTER REFINEMENTS
   - Thin green band replaces the old school-name strip
   - Site identity left-aligned within the menu row (desktop)
   - More compact text on Latest News & Latest Posts cards
   - All 5 Me & My Earth posts in one row on desktop
   - Footer copyright bar
   This block is last so it overrides earlier rules via the cascade.
   ============================================================ */

/* --- 1. Thin green band (the school-name text is removed in markup) --- */
.ye-site-title-strip{
  background:linear-gradient(90deg,var(--ye-primary),var(--ye-accent));
  border-bottom:0;
  padding:0;
  height:6px;
  line-height:0;
  font-size:0;
}
.ye-site-title-strip .ye-container{display:block;padding-top:0;padding-bottom:0;}

/* --- 2. Desktop: site identity (logo) left-aligned in the menu row ---
   The header is a flex row; pushing the nav wrapper to the right with an
   auto left margin keeps the logo hard-left and the menu/search to the right. */
@media(min-width:961px){
  /* The header is a 3-column grid (logo | nav | search). Pin the site identity
     hard-left in its column and let the menu sit immediately after it, so the
     logo/name/tagline are left-aligned on the same row as the menu items. */
  .ye-header-inner{
    grid-template-columns:auto 1fr auto;
    justify-items:start;
  }
  .ye-header-inner .ye-logo{
    justify-self:start;
    margin-right:0;
  }
  .ye-header-inner .ye-nav-wrap{
    justify-content:flex-start;
  }
  .ye-header-inner .ye-nav-wrap .ye-menu{
    justify-content:flex-start;
  }
  /* a little space so the first menu item doesn't crowd the logo */
  .ye-header-inner .ye-nav-wrap{padding-left:6px;}
}

/* --- 3. Compact text on Latest News & Latest Posts --- */
.ye-news-card .body{padding:12px 13px;}
.ye-news-card h3{font-size:14px;line-height:1.3;}
.ye-category-body{padding:15px;}
.ye-category-body h3{font-size:16px;line-height:1.28;margin:0 0 6px;}
.ye-category-body p{
  font-size:13px;line-height:1.45;margin:0 0 10px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;
}
.ye-category-label{font-size:10px;padding:4px 9px;margin-bottom:8px;}
.ye-category-body > a:last-child{font-size:11px;}

/* --- 4. Desktop: all 5 Me & My Earth posts in a single row --- */
@media(min-width:961px){
  .ye-meearth-grid{grid-template-columns:repeat(5,1fr) !important;gap:18px;}
  .ye-meearth-card .ye-meearth-body{padding:13px;}
  .ye-meearth-card .ye-meearth-body h3{font-size:14px;line-height:1.3;}
  .ye-meearth-card img{height:140px;}
}

/* --- 5. Footer copyright bar --- */
.ye-footer-bottom{
  border-top:1px solid rgba(255,255,255,.14);
  margin-top:30px;
  padding:18px 0 0;
  font-size:13px;
  color:rgba(255,255,255,.78);
  text-align:center;
}

/* ============================================================
   16.3 HEADER IDENTITY ROW + SINGLE LANGUAGE DROPDOWN
   This block is intentionally LAST so it overrides every earlier
   header/language rule via the cascade. It does three things:

   1. Desktop: site identity (logo + name + tagline) sits hard-left
      on the SAME ROW as the primary menu; the menu hugs the logo and
      the language dropdown + search are pushed to the right.
   2. Bilingual EN/HI stays driven by the single <select> dropdown
      (Google Website Translator powers the actual translation; English
      is the default). No change to that mechanism is needed here.
   3. Removes the language BUTTONS entirely and suppresses the Google
      combo, so the header shows exactly ONE language control: the
      theme's own dropdown.
   ============================================================ */

/* --- 1. Desktop single-row header: identity left, menu beside it --- */
@media(min-width:961px){
  .ye-header-inner{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    min-height:76px !important;
  }
  .ye-logo{
    flex:0 0 auto !important;
    justify-self:auto !important;
    margin:0 !important;
    min-width:0 !important;
  }
  .ye-nav-wrap{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important; /* menu hugs the logo */
    gap:10px !important;
    padding-left:8px !important;
  }
  .ye-nav{flex:0 1 auto !important;min-width:0 !important;}
  .ye-menu{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
  }
  .ye-lang{margin-left:auto !important;} /* push the dropdown to the right */
  .ye-header-search{flex:0 0 auto !important;}
}

/* --- 2. Exactly one language control: the dropdown. No buttons. --- */
.ye-lang{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
}
.ye-lang button,
.ye-lang a{
  display:none !important; /* remove all legacy language buttons */
}
.ye-lang-select{
  display:inline-block !important;
  visibility:visible !important;
  width:auto !important;
  min-width:150px !important;
  height:34px !important;
  padding:5px 9px !important;
  border:1px solid #dce8e1 !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#0f3b2e !important;
  font-size:13px !important;
  font-weight:700 !important;
  cursor:pointer !important;
}

/* --- 3. Keep Google translator functional but never shown as a 2nd selector --- */
#google_translate_element,
.ye-nav-wrap #google_translate_element,
.goog-te-gadget,
.goog-te-combo{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-te-gadget-icon,
.skiptranslate iframe{display:none !important;}
body{top:0 !important;}

/* --- Mobile: dropdown stays inside the slide-down panel, centred --- */
@media(max-width:960px){
  .ye-nav-wrap .ye-lang{
    margin:10px auto 0 !important;
    justify-content:center !important;
    flex-direction:column !important;
  }
  .ye-nav-wrap .ye-lang-select{
    width:92% !important;
    max-width:320px !important;
    height:40px !important;
    font-size:15px !important;
  }
}

/* ============================================================
   16.3 TWO-ROW PRIMARY MENU
   The primary menu wraps onto two rows on desktop: the first five
   top-level items on row one, the rest on row two, in the original
   order. Yesearth_Two_Row_Walker (functions.php) injects a
   full-width <li class="ye-menu-break"> after the 5th item; the
   rules below make the flex menu break there and keep both rows
   compact. Last in the file so it overrides earlier menu rules.
   ============================================================ */
@media(min-width:961px){
  .ye-header-inner{
    min-height:86px !important;
    align-items:center !important;
  }
  .ye-nav{
    flex:1 1 auto !important;
    min-width:0 !important;
  }
  .ye-menu{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    column-gap:2px !important;
    row-gap:2px !important;
  }
  /* Compact top-level links so two rows stay a sensible height
     (sub-menu links keep their own padding via the deeper selector). */
  .ye-menu > li > a{
    padding-top:11px !important;
    padding-bottom:11px !important;
  }
  /* The injected break: a full-width, zero-height flex item that forces
     every item after it onto the next row. */
  .ye-menu .ye-menu-break{
    flex:0 0 100% !important;
    width:100% !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    list-style:none !important;
    overflow:hidden !important;
  }
}
/* On mobile the menu is a single vertical stack, so the break is not needed. */
@media(max-width:960px){
  .ye-menu .ye-menu-break{display:none !important;}
}

/* ===== 16.5: Latest News link, single-post title + category sidebar ===== */
/* Front-page "View All News" call to action */
.ye-flash-cta{text-align:center;margin:30px 0 6px}

/* Single post: tighter title and clean meta */
.ye-single{min-width:0}
.ye-single-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.ye-post-cat{display:inline-block;background:var(--ye-earth);color:#fff;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
.ye-post-cat:hover{text-decoration:none;filter:brightness(.95)}
.ye-single-title{font-size:clamp(20px,2.2vw,26px);line-height:1.25;color:var(--ye-secondary);margin:0 0 10px;letter-spacing:-.2px}
.ye-single-meta{color:var(--ye-muted);font-size:14px;font-weight:600;margin:0 0 22px}
.ye-single-thumb{margin:0 0 26px}
.ye-single-thumb img{width:100%;height:auto;border-radius:var(--ye-radius);display:block}
.ye-single-content{font-size:16px;line-height:1.75;color:var(--ye-content-text-color)}
.ye-single-content h2{font-size:26px;margin:30px 0 12px}
.ye-single-content h3{font-size:21px;margin:24px 0 10px}
.ye-single-content img{border-radius:var(--ye-radius)}

/* Single post: clickable category list in the right sidebar */
.ye-cat-widget{background:#fff;border:1px solid var(--ye-border);border-radius:var(--ye-radius);padding:20px;box-shadow:0 4px 18px rgba(15,59,46,.06)}
.ye-cat-widget h3{margin:0 0 14px;font-size:15px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ye-earth)}
.ye-cat-list{list-style:none;margin:0;padding:0}
.ye-cat-list li{border-top:1px solid var(--ye-border)}
.ye-cat-list li:first-child{border-top:0}
.ye-cat-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 4px;color:var(--ye-secondary);font-weight:700;font-size:14px;transition:color .15s ease,padding-left .15s ease}
.ye-cat-list a:hover{text-decoration:none;color:var(--ye-primary);padding-left:8px}
.ye-cat-list li.active>a{color:var(--ye-primary)}
.ye-cat-name{min-width:0}
.ye-cat-count{flex:0 0 auto;background:var(--ye-soft-100);color:var(--ye-primary);font-size:12px;font-weight:800;min-width:26px;text-align:center;padding:2px 8px;border-radius:999px}
.ye-cat-list li.active>a .ye-cat-count{background:var(--ye-primary);color:#fff}

/* Card category chip on news/archive grids */
.ye-post-body .ye-post-cat{align-self:flex-start;margin:0 0 8px}

/* Latest News page pagination */
.ye-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:40px 0 0}
.ye-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border:1px solid var(--ye-border);border-radius:999px;color:var(--ye-secondary);font-weight:800;font-size:14px;background:#fff}
.ye-pagination a.page-numbers:hover{text-decoration:none;border-color:var(--ye-primary);color:var(--ye-primary)}
.ye-pagination .page-numbers.current{background:var(--ye-secondary);color:#fff;border-color:var(--ye-secondary)}
.ye-pagination .page-numbers.dots{border-color:transparent;background:transparent}

@media(max-width:980px){
  .ye-sidebar{margin-top:34px}
}