.menu-toggle-open .menu-toggle-icon{display:none;}
.menu-toggle-open .menu-toggle-label{font-size:18px;font-weight:650;letter-spacing:0.02em;}
.header-search-toggle, .search-toggle-open{font-size:20px;}
.header-html .jetpack_subscription_widget .widgettitle,.mobile-html .jetpack_subscription_widget .widgettitle{display:none;}
.header-html #subscribe-text,.mobile-html #subscribe-text{display:none;}
.header-html .wp-block-jetpack-subscriptions__container form,.mobile-html .wp-block-jetpack-subscriptions__container form{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:4px 0 0;}
.header-html #subscribe-email,.header-html #subscribe-submit,.mobile-html #subscribe-email,.mobile-html #subscribe-submit{margin:0;}
.header-html #subscribe-email input[type=email],.mobile-html #subscribe-email input[type=email]{width:210px;max-width:60vw;padding:5px 8px;font-size:0.9em;}
.header-html #subscribe-submit button,.mobile-html #subscribe-submit button{padding:5px 14px;font-size:0.9em;}

/* Homepage welcome block (vm-welcome) */
.vm-welcome{display:none;}
body:not(.home) .header-button{display:none;}
body.home .header-button{display:block;width:100%;max-width:100%;background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;color:inherit!important;font-weight:400!important;text-align:center!important;line-height:1.6;}
body.home .vm-welcome{display:block;text-align:center;font-size:1.02em;line-height:1.65;padding:9px 16px;background:rgba(0,0,0,.035);}
body.home .vm-welcome p{margin:.3em 0;}
body.home .vm-welcome p:first-child{margin-top:0;}
body.home .vm-welcome p:last-child{margin-bottom:0;}

/* vm-welcome restyle */
body.home .vm-welcome{background:#fffaf0;color:#2f3b2f;font-size:1.18em;line-height:1.7;max-width:1100px;margin:18px auto 6px;padding:16px 22px;border:1px solid #2e6b3a;border-left:6px solid #2e6b3a;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08);}
body.home .vm-welcome strong{color:#2e6b3a;}
@media (max-width:767px){body.home .vm-welcome{font-size:1.05em;margin:12px 10px 4px;padding:12px 14px;}}

/* cream theme card borders */
.loop-entry, .content-bg.loop-entry, article.entry.loop-entry{border:1px solid #e3dccb;box-shadow:0 1px 4px rgba(0,0,0,.06);border-radius:6px;}

/* easy styles for posts */
.dropcap::first-letter, p.dropcap:first-letter{float:left;font-size:3.6em;line-height:.85;margin:.05em .12em 0 0;color:#2e6b3a;font-weight:700;font-family:Georgia,serif;}
.greenbox{background:#eef5ec;border-left:5px solid #2e6b3a;padding:12px 16px;border-radius:6px;}
.creambox{background:#fffaf0;border:1px solid #e3dccb;padding:12px 16px;border-radius:6px;}

/* ===== Vrikshamandir checkerboard tiles — inert until <body> has class vm-tiles ===== */
/* NOTE: if Additional CSS rejects @import, move it to the very top of Additional CSS or enqueue the font in functions.php */

body.home.vm-tiles .content-area{background:#FAF6EC}
body.home.vm-tiles #archive-container.kadence-posts-list{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;
  margin:0;padding:0;list-style:none}
body.home.vm-tiles #archive-container > .entry-list-item{margin:0;padding:0;display:flex;min-width:0}
body.home.vm-tiles #archive-container .loop-entry{
  display:flex;flex-direction:column;width:100%;margin:0;
  background:#fff;border:1px solid #e3dccb;border-radius:0;box-shadow:none;overflow:hidden}
/* image half */
body.home.vm-tiles #archive-container .loop-entry .post-thumbnail{
  display:block;flex:0 0 220px;height:220px;margin:0;padding:0!important;position:relative;overflow:hidden}
body.home.vm-tiles #archive-container .loop-entry .post-thumbnail-inner{position:absolute;inset:0}
body.home.vm-tiles #archive-container .loop-entry .post-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}
/* checkerboard: every 2nd tile puts the image below the text (3 cols => N R N / R N R) */
body.home.vm-tiles #archive-container > .entry-list-item:nth-child(even) .post-thumbnail{order:2}
/* tiles without a featured image: green panel instead of a hole */
body.home.vm-tiles #archive-container .loop-entry:not(.has-post-thumbnail)::before{
  content:"वृक्षमंदिर";display:flex;align-items:center;justify-content:center;flex:0 0 220px;
  background:#1b4d3e;color:#e8efe6;font:700 28px 'Noto Serif Devanagari',serif}
body.home.vm-tiles #archive-container > .entry-list-item:nth-child(even) .loop-entry:not(.has-post-thumbnail)::before{order:2}
/* text half */
body.home.vm-tiles #archive-container .entry-content-wrap{flex:1 1 auto;padding:20px 22px;
  font-family:Ubuntu,'Noto Sans Devanagari',sans-serif;color:#333}
body.home.vm-tiles #archive-container .entry-taxonomies{margin:0 0 8px;font-size:0}
body.home.vm-tiles #archive-container .entry-taxonomies a{
  display:inline-block;background:#2e6b3a;color:#fff!important;font-size:12px;line-height:1.5;
  padding:3px 10px;border-radius:3px;margin:0 6px 6px 0;text-decoration:none;text-transform:none;letter-spacing:0}
body.home.vm-tiles #archive-container .entry-taxonomies a:hover{background:#1b4d3e}
body.home.vm-tiles #archive-container .entry-title{
  font-family:'Noto Serif','Noto Serif Devanagari',serif;font-weight:700;font-size:20px;line-height:1.4;margin:4px 0 8px}
body.home.vm-tiles #archive-container .entry-title a{color:#1a1c1e;text-decoration:none}
body.home.vm-tiles #archive-container .entry-title a:hover{color:#2e6b3a}
body.home.vm-tiles #archive-container .entry-meta{font-size:13px;color:#777;margin:0 0 8px}
body.home.vm-tiles #archive-container .entry-summary{font-size:15px;line-height:1.6;margin:0 0 8px;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
body.home.vm-tiles #archive-container .entry-summary p{margin:0}
body.home.vm-tiles #archive-container .entry-footer{margin:0}
body.home.vm-tiles #archive-container .post-more-link{color:#2e6b3a;font-weight:700;font-size:14px;text-decoration:none}
@media(max-width:1024px){body.home.vm-tiles #archive-container.kadence-posts-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  body.home.vm-tiles #archive-container.kadence-posts-list{grid-template-columns:1fr;gap:18px}
  body.home.vm-tiles #archive-container > .entry-list-item:nth-child(even) .post-thumbnail,
  body.home.vm-tiles #archive-container > .entry-list-item:nth-child(even) .loop-entry:not(.has-post-thumbnail)::before{order:0}
  body.home.vm-tiles #archive-container .loop-entry .post-thumbnail,
  body.home.vm-tiles #archive-container .loop-entry:not(.has-post-thumbnail)::before{flex-basis:200px;height:200px}
}
/* ===== Hero photo banner: .vm-welcome over the Vrikshamandir tree photo ===== */
body.home.vm-tiles .vm-welcome{
  position:relative;width:100%;max-width:none;margin:0;box-sizing:border-box;
  min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding:48px 24px;text-align:center;color:#fff;
  background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.7) 100%),
    url("https://i0.wp.com/vrikshamandir.com/wp-content/uploads/2019/12/8e92c295-1970-43ef-a3f1-ebd6b6a3842a.jpeg?fit=2048%2C1536&ssl=1") center 40%/cover no-repeat #2f3a2a;
  border:0;border-left:0;border-radius:0;box-shadow:none;
}
body.home.vm-tiles .vm-welcome p{
  max-width:760px;margin:0 auto 14px;padding:0;background:none;border:0;
  color:#fff;font-family:"Noto Serif","Noto Serif Devanagari",Georgia,serif;
  font-size:1.15rem;line-height:1.6;text-shadow:0 2px 6px rgba(0,0,0,.75);
}
body.home.vm-tiles .vm-welcome p:last-child{margin-bottom:0;font-family:"Noto Serif Devanagari","Noto Serif",serif}
body.home.vm-tiles .vm-welcome p strong{display:block;color:#fff;font-weight:700;font-size:2rem;line-height:1.3;margin-bottom:6px}
body.home.vm-tiles .vm-welcome p:last-child strong{font-size:1.7rem}
@media (max-width:600px){
  body.home.vm-tiles .vm-welcome{min-height:300px;padding:32px 18px}
  body.home.vm-tiles .vm-welcome p{font-size:1rem;line-height:1.55}
  body.home.vm-tiles .vm-welcome p strong{font-size:1.4rem}
  body.home.vm-tiles .vm-welcome p:last-child strong{font-size:1.25rem}
}

body.home.vm-tiles .loop-entry{border:2px solid #2e6b3a !important;}