/* ==========================================================================
   Custom Home — template-custom-home.php only
   Uses the theme's existing CSS variables (--bs-maroon, --bs-saffron, etc.)
   defined in style.css. Does not redefine or touch header/footer styles.
   ========================================================================== */

/* ---------- Hero ---------- */
.bs-chc-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--bs-cream) 0%,#fff 55%,var(--bs-gold-light) 130%);padding:56px 20px 44px;text-align:center;border-bottom:1px solid var(--bs-border);}
.bs-chc-hero-pattern{position:absolute;inset:0;pointer-events:none;opacity:.10;
  background-image:radial-gradient(circle at 15% 25%, var(--bs-maroon) 0, transparent 40%),
                    radial-gradient(circle at 85% 20%, var(--bs-saffron) 0, transparent 38%),
                    radial-gradient(circle at 50% 90%, var(--bs-gold) 0, transparent 45%);}
.bs-chc-hero-inner{position:relative;max-width:760px;margin:0 auto;}
.bs-chc-hero h1{font-size:clamp(26px,4.5vw,42px);color:var(--bs-maroon);margin:0 0 8px;font-weight:800;}
.bs-chc-hero-tagline{color:var(--bs-text-soft);font-size:15px;margin:0 0 26px;}
.bs-chc-search-card{max-width:560px;margin:0 auto 22px;background:#fff;border-radius:22px;padding:20px 18px 18px;box-shadow:var(--bs-shadow-lg);}
.bs-chc-search{display:flex;margin:0 0 14px;border-radius:999px;overflow:hidden;background:var(--bs-cream);border:1px solid var(--bs-border);}
.bs-chc-search input{flex:1;border:0;background:transparent;padding:14px 18px;font-size:14.5px;outline:none;}
.bs-chc-search button{border:0;background:var(--bs-saffron);color:#fff;padding:0 26px;font-weight:700;cursor:pointer;}
.bs-chc-search button:hover{background:var(--bs-saffron-dark);}
.bs-chc-hero-trending{font-size:12.5px;color:var(--bs-text-soft);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;}
.bs-chc-hero-trending a{color:var(--bs-maroon);text-decoration:none;background:var(--bs-cream);border:1px solid var(--bs-border);border-radius:999px;padding:4px 12px;}
.bs-chc-hero-trending a:hover{background:var(--bs-maroon);color:#fff;border-color:var(--bs-maroon);}
.bs-chc-hero-quicklinks{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.bs-chc-hero-quicklinks a{text-decoration:none;color:var(--bs-maroon-dark);background:var(--bs-gold-light);border-radius:10px;padding:9px 18px;font-weight:700;font-size:13.5px;transition:.2s;}
.bs-chc-hero-quicklinks a:hover{background:var(--bs-gold);transform:translateY(-2px);}

/* ---------- Layout ---------- */
.bs-chc-layout{max-width:var(--bs-container);margin:0 auto;padding:36px 18px 0;display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start;}
.bs-chc-main{min-width:0;}
@media (max-width:980px){.bs-chc-layout{grid-template-columns:1fr;}}

/* ---------- Section head (shared) ---------- */
.bs-chc-section{margin:0 0 40px;opacity:0;transform:translateY(16px);transition:opacity .5s ease, transform .5s ease;}
.bs-chc-section.bs-chc-visible{opacity:1;transform:none;}
.bs-chc-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.bs-chc-section-head h2{margin:0;font-size:21px;color:var(--bs-maroon);display:flex;align-items:center;gap:8px;}
.bs-chc-section-icon{font-size:22px;}
.bs-chc-section-controls{display:flex;align-items:center;gap:8px;}
.bs-chc-viewall{color:var(--bs-maroon);text-decoration:none;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:3px;}
.bs-chc-arrow{width:30px;height:30px;border-radius:50%;border:1px solid var(--bs-border);background:#fff;color:var(--bs-maroon);font-size:16px;cursor:pointer;line-height:1;}
.bs-chc-arrow:hover{background:var(--bs-maroon);color:#fff;}

/* ---------- Grid / Row containers ---------- */
.bs-chc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;}
.bs-chc-row{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:6px;}
.bs-chc-row::-webkit-scrollbar{display:none;}
.bs-chc-row .bs-chc-item{flex:0 0 auto;width:295px;max-width:82vw;}

/* ---------- Load more / skeleton ---------- */
.bs-chc-loadmore-wrap{text-align:center;margin-top:20px;}
.bs-chc-loadmore{background:#fff;border:1.5px solid var(--bs-maroon);color:var(--bs-maroon);padding:10px 28px;border-radius:999px;font-weight:700;cursor:pointer;font-size:13.5px;}
.bs-chc-loadmore:hover{background:var(--bs-maroon);color:#fff;}
.bs-chc-loadmore[disabled]{opacity:.5;cursor:default;}
.bs-chc-skeleton{border-radius:var(--bs-radius);overflow:hidden;border:1px solid var(--bs-border);}
.bs-chc-skeleton .sk-thumb{height:140px;background:linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);background-size:400% 100%;animation:bs-chc-shimmer 1.4s ease infinite;}
.bs-chc-skeleton .sk-line{height:12px;margin:12px 14px;border-radius:6px;background:linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);background-size:400% 100%;animation:bs-chc-shimmer 1.4s ease infinite;}
.bs-chc-skeleton .sk-line.short{width:60%;}
@keyframes bs-chc-shimmer{0%{background-position:100% 0;}100%{background-position:0 0;}}
.bs-chc-item--new{animation:bs-chc-fadein .5s ease;}
@keyframes bs-chc-fadein{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}

/* ==========================================================================
   Base card (shared skeleton every variant builds on)
   ========================================================================== */
.bs-chc-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--bs-border);border-radius:var(--bs-radius);overflow:hidden;box-shadow:var(--bs-shadow);transition:transform .25s ease, box-shadow .25s ease;text-decoration:none;}
.bs-chc-card:hover{transform:translateY(-5px);box-shadow:var(--bs-shadow-lg);}
.bs-chc-thumb-wrap{position:relative;display:block;}
.bs-chc-thumb{width:100%;height:150px;object-fit:cover;display:block;}
.bs-chc-thumb--placeholder{width:100%;height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f6ede9,#fff8ee);color:var(--bs-gold);}
.bs-chc-badge{position:absolute;top:10px;left:10px;background:rgba(128,0,32,.88);color:#fff;font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:999px;}
.bs-chc-body{padding:13px 15px 15px;display:flex;flex-direction:column;flex:1;min-width:0;}
.bs-chc-title{font-size:15px;line-height:1.4;margin:0 0 6px;}
.bs-chc-title a{color:var(--bs-text-main);text-decoration:none;}
.bs-chc-card:hover .bs-chc-title a{color:var(--bs-maroon);}
.bs-chc-excerpt{font-size:12.5px;color:var(--bs-text-soft);margin:0 0 10px;line-height:1.5;flex:1;}
.bs-chc-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--bs-text-soft);margin-bottom:10px;}
.bs-chc-meta span{display:inline-flex;align-items:center;gap:4px;}
.bs-chc-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;border-top:1px solid var(--bs-border);padding-top:10px;}
.bs-chc-save,.bs-chc-share{width:30px;height:30px;border-radius:50%;border:1px solid var(--bs-border);background:#fff;color:var(--bs-text-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;transition:.2s;}
.bs-chc-save:hover,.bs-chc-share:hover{border-color:var(--bs-maroon);color:var(--bs-maroon);}
.bs-chc-save.active{background:var(--bs-maroon);color:#fff;border-color:var(--bs-maroon);}
.bs-chc-save.bs-pop{animation:bs-chc-pop .35s ease;}
@keyframes bs-chc-pop{0%{transform:scale(1);}45%{transform:scale(1.3);}100%{transform:scale(1);}}
.bs-chc-read{margin-left:auto;color:var(--bs-maroon);font-weight:700;font-size:12.5px;text-decoration:none;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.bs-chc-read-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bs-chc-read svg{flex:0 0 auto;}
.bs-chc-read:hover{text-decoration:underline;}

/* ==========================================================================
   12 unique variants
   ========================================================================== */

/* 1. Chalisa — vertical premium (tall image, gold-trimmed) */
.bs-chc-card--vertical-premium{border:1px solid var(--bs-gold);}
.bs-chc-card--vertical-premium .bs-chc-thumb,
.bs-chc-card--vertical-premium .bs-chc-thumb--placeholder{height:190px;}
.bs-chc-card--vertical-premium .bs-chc-title{font-family:var(--bs-font-display);font-weight:700;}

/* 2. Aarti — horizontal premium (image left, text right) */
.bs-chc-card--horizontal-premium{flex-direction:row;height:auto;}
.bs-chc-card--horizontal-premium .bs-chc-thumb-wrap{flex:0 0 130px;}
.bs-chc-card--horizontal-premium .bs-chc-thumb,
.bs-chc-card--horizontal-premium .bs-chc-thumb--placeholder{height:100%;min-height:150px;}
.bs-chc-card--horizontal-premium .bs-chc-body{flex:1;}

/* 3. Mantra — small elegant, compact & centered */
.bs-chc-card--elegant-small{text-align:center;border-radius:20px;}
.bs-chc-card--elegant-small .bs-chc-thumb,
.bs-chc-card--elegant-small .bs-chc-thumb--placeholder{height:100px;border-radius:50%;width:100px;margin:16px auto 0;}
.bs-chc-card--elegant-small .bs-chc-badge{display:none;}
.bs-chc-card--elegant-small .bs-chc-actions{justify-content:center;}
.bs-chc-card--elegant-small .bs-chc-read{margin-left:0;}

/* 4. Bhajan — modern thumbnail, square top image with saffron accent bar */
.bs-chc-card--modern-thumb{border-top:4px solid var(--bs-saffron);}
.bs-chc-card--modern-thumb .bs-chc-thumb,
.bs-chc-card--modern-thumb .bs-chc-thumb--placeholder{height:160px;}

/* 5. Mata Ji — large image, minimal text below */
.bs-chc-card--large-image .bs-chc-thumb,
.bs-chc-card--large-image .bs-chc-thumb--placeholder{height:230px;}
.bs-chc-card--large-image .bs-chc-excerpt{display:none;}

/* 6. Krishna — premium grid, peacock-blue accent border + gold corner */
.bs-chc-card--premium-grid{border:1px solid #2b4a63;position:relative;}
.bs-chc-card--premium-grid .bs-chc-badge{background:rgba(43,74,99,.9);}
.bs-chc-card--premium-grid::after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 26px 26px 0;border-color:transparent var(--bs-gold) transparent transparent;}

/* 7. Ram — modern rounded, big radius */
.bs-chc-card--rounded-modern{border-radius:26px;}
.bs-chc-card--rounded-modern .bs-chc-thumb,
.bs-chc-card--rounded-modern .bs-chc-thumb--placeholder{border-radius:20px 20px 0 0;}

/* 8. Shiv — dark elegant */
.bs-chc-card--dark-elegant{background:#1b1b22;border-color:#2e2e38;}
.bs-chc-card--dark-elegant .bs-chc-title a{color:#f1f1f1;}
.bs-chc-card--dark-elegant .bs-chc-excerpt{color:#a9a9b3;}
.bs-chc-card--dark-elegant .bs-chc-meta{color:#8b8b95;}
.bs-chc-card--dark-elegant .bs-chc-actions{border-top-color:#33333e;}
.bs-chc-card--dark-elegant .bs-chc-save,.bs-chc-card--dark-elegant .bs-chc-share{background:#26262f;border-color:#33333e;color:#c8c8d0;}
.bs-chc-card--dark-elegant .bs-chc-badge{background:rgba(212,175,55,.9);color:#1b1b22;}
#shiv{background:#12121a;padding:28px 18px;border-radius:20px;}
#shiv .bs-chc-section-head h2{color:var(--bs-gold);}

/* 9. Khatu Shyam — glassmorphism on a gradient backdrop */
#khatushyam{background:linear-gradient(120deg,#7a1f2b,#b3552e);padding:30px 18px;border-radius:20px;}
#khatushyam .bs-chc-section-head h2{color:#fff;}
#khatushyam .bs-chc-viewall{color:#ffe9c7;}
.bs-chc-card--glass{background:rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);}
.bs-chc-card--glass .bs-chc-title a{color:#fff;}
.bs-chc-card--glass .bs-chc-excerpt{color:rgba(255,255,255,.8);}
.bs-chc-card--glass .bs-chc-meta{color:rgba(255,255,255,.75);}
.bs-chc-card--glass .bs-chc-actions{border-top-color:rgba(255,255,255,.25);}
.bs-chc-card--glass .bs-chc-save,.bs-chc-card--glass .bs-chc-share{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.35);color:#fff;}

/* 10. Hanuman — bold premium, thick border + heavy shadow */
.bs-chc-card--bold-premium{border:2.5px solid var(--bs-maroon);box-shadow:6px 6px 0 var(--bs-gold);}
.bs-chc-card--bold-premium:hover{box-shadow:8px 8px 0 var(--bs-gold);}
.bs-chc-card--bold-premium .bs-chc-title{font-weight:800;}

/* 11. Ganesh — minimal, no border/shadow, lots of whitespace */
.bs-chc-card--minimal{border:0;box-shadow:none;background:transparent;}
.bs-chc-card--minimal:hover{box-shadow:none;transform:none;}
.bs-chc-card--minimal .bs-chc-thumb,
.bs-chc-card--minimal .bs-chc-thumb--placeholder{border-radius:14px;}
.bs-chc-card--minimal .bs-chc-badge{display:none;}
.bs-chc-card--minimal .bs-chc-actions{border-top:0;padding-top:4px;}

/* 12. Guru — classic elegant, serif-ish + gold hairline */
.bs-chc-card--classic-elegant{border:1px solid var(--bs-gold);}
.bs-chc-card--classic-elegant .bs-chc-title{font-family:Georgia,'Noto Sans Devanagari',serif;}
.bs-chc-card--classic-elegant .bs-chc-body{border-top:1px solid var(--bs-gold-light);}

/* ---------- Sidebar ---------- */
.bs-chc-sidebar{display:flex;flex-direction:column;gap:22px;opacity:0;transform:translateY(16px);transition:opacity .5s ease, transform .5s ease;}
.bs-chc-sidebar.bs-chc-visible{opacity:1;transform:none;}
.bs-chc-widget{background:#fff;border:1px solid var(--bs-border);border-radius:var(--bs-radius);padding:16px 18px;}
.bs-chc-widget h3{margin:0 0 12px;font-size:15px;color:var(--bs-maroon);border-left:3px solid var(--bs-saffron);padding-left:9px;}
.bs-chc-widget ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.bs-chc-widget li{display:flex;align-items:flex-start;gap:9px;}
.bs-chc-widget-num{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--bs-cream);color:var(--bs-maroon);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.bs-chc-widget a{color:var(--bs-text-main);text-decoration:none;font-size:13px;line-height:1.4;}
.bs-chc-widget a:hover{color:var(--bs-maroon);}

/* ---------- Footer-before ---------- */
.bs-chc-footer-before{max-width:var(--bs-container);margin:10px auto 0;padding:30px 18px;border-top:1px solid var(--bs-border);display:grid;grid-template-columns:repeat(3,1fr);gap:28px;opacity:0;transform:translateY(16px);transition:opacity .5s ease, transform .5s ease;}
.bs-chc-footer-before.bs-chc-visible{opacity:1;transform:none;}
.bs-chc-fb-col h4{color:var(--bs-maroon);font-size:14px;margin:0 0 12px;}
.bs-chc-chips{display:flex;flex-wrap:wrap;gap:8px;}
.bs-chc-chips a{font-size:12px;color:var(--bs-maroon-dark);background:var(--bs-cream);border-radius:999px;padding:6px 12px;text-decoration:none;}
.bs-chc-chips a:hover{background:var(--bs-gold-light);}
.bs-chc-fb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.bs-chc-fb-list a{font-size:12.5px;color:var(--bs-text-main);text-decoration:none;}
.bs-chc-fb-list a:hover{color:var(--bs-maroon);}
@media (max-width:780px){.bs-chc-footer-before{grid-template-columns:1fr;}}

@media (max-width:420px){
  .bs-chc-read-label{display:none;}
  .bs-chc-actions{gap:8px;}
}

/* ---------- Mobile ---------- */
@media (max-width:600px){
  .bs-chc-hero{padding:40px 16px 32px;}
  .bs-chc-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
  .bs-chc-row .bs-chc-item{width:250px;}
  .bs-chc-card--horizontal-premium{flex-direction:column;}
  .bs-chc-card--horizontal-premium .bs-chc-thumb-wrap{flex:none;}
}