/* v1.15.2 — Homepage UI refresh. Scoped to .hero-v2 / new blocks; switch off with setting home_ui_v2 = 0. */
.mb-ico{flex:none;display:inline-block;vertical-align:middle}

/* ---------- Hero: centred, balanced actions ---------- */
#home.hero-v2 .hero-left{text-align:center}
#home.hero-v2 .hero-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center!important;align-items:center!important;gap:12px!important;max-width:none!important;margin:18px auto 0!important}
#home.hero-v2 .hero-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;width:auto!important;min-height:48px;padding:12px 22px!important;border-radius:999px;font-size:1rem!important;font-weight:700;line-height:1.1;white-space:nowrap;text-decoration:none;margin:0!important;transition:transform .15s ease,filter .15s ease,background .15s ease}
#home.hero-v2 .hero-btn:hover{transform:translateY(-1px)}
#home.hero-v2 .hero-btn:focus-visible{outline:3px solid #f3d38c;outline-offset:3px}
#home.hero-v2 .hero-btn .mb-ico:last-child{opacity:.85;transition:transform .15s ease}
#home.hero-v2 .hero-btn:hover .mb-ico:last-child{transform:translateX(3px)}
#home.hero-v2 .hero-btn-darshan{background:linear-gradient(135deg,#f6d27a,#dc9a3c)!important;color:#3b1308!important;border:1px solid #f7dc9a!important;box-shadow:0 8px 24px rgba(220,154,60,.35)!important}
#home.hero-v2 .hero-btn-selfie{background:rgba(20,8,4,.35)!important;color:#fff7e6!important;border:1px solid rgba(243,211,140,.85)!important;backdrop-filter:blur(4px)}
#home.hero-v2 .hero-btn-selfie:hover{background:rgba(243,211,140,.18)!important;color:#fff!important}

/* ---------- Hero: info card (replaces the quote) ---------- */
.hero-info-card{justify-self:end;align-self:center;width:min(340px,100%);padding:8px;border-radius:18px;background:rgba(18,8,4,.58);border:1px solid rgba(243,211,140,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.hic-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:#fff7e6;text-decoration:none;transition:background .15s}
.hic-row+.hic-row{border-top:1px solid rgba(243,211,140,.16)}
.hic-row:hover,.hic-row:focus-visible{background:rgba(243,211,140,.12);outline:none}
.hic-ico{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(243,211,140,.14);color:#f3d38c}
.hic-txt{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}
.hic-txt b{font-size:.98rem;font-weight:700;color:#fff;line-height:1.25}
.hic-txt small{font-size:.82rem;color:#f1dfbf;opacity:.9}
.hic-status{display:flex;align-items:center;gap:7px}
.hic-status i{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.2);flex:none}
.hic-status.is-closed i{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.2)}

/* ---------- Quick tiles (replace the generic 4-item strip) ---------- */
.quick-tiles{background:#fffaf2;border-bottom:1px solid #eadfd3}
.qt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.qt{display:flex;align-items:center;gap:14px;padding:22px 20px;color:#38251d;text-decoration:none;border-left:1px solid #eadfd3;transition:background .15s}
.qt:first-child{border-left:0}
.qt:hover,.qt:focus-visible{background:#f7ecdc;outline:none}
.qt-ico{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#f5e6d0;color:#7b1e24}
.qt strong{display:block;font-family:"Noto Serif Devanagari","Cormorant Garamond",serif;font-size:1.08rem;color:#5a1519;line-height:1.3}
.qt small{display:block;font-size:.85rem;color:#7a6252;margin-top:2px}
.qt-gold .qt-ico{background:linear-gradient(135deg,#f6d27a,#dc9a3c);color:#3b1308}

/* ---------- Mobile action bar (homepage only) ---------- */
.mb-actionbar{display:none}

/* ---------- Tablet ---------- */
@media(max-width:900px){
  .hero-info-card{display:none}
  .qt-grid{grid-template-columns:repeat(2,1fr)}
  .qt:nth-child(3){border-left:0}
  .qt:nth-child(n+3){border-top:1px solid #eadfd3}
}

/* ---------- Phone ---------- */
@media(max-width:700px){
  /* Hero: keep the Shivling visible, compact card at the bottom */
  body #home.hero-v2{min-height:0!important;display:flex;flex-direction:column;justify-content:flex-end}
  body #home.hero-v2 .hero-inner{min-height:540px!important;display:flex!important;flex-direction:column;justify-content:flex-end!important;padding:0 12px 14px!important}
  #home.hero-v2 .hero-left{width:100%!important;padding:14px 14px 14px!important;background:linear-gradient(180deg,rgba(18,8,4,.35),rgba(18,8,4,.72))!important;backdrop-filter:blur(6px)}
  #home.hero-v2 .hero-divider{display:none}
  #home.hero-v2 h1{font-size:1.75rem!important;margin-bottom:2px!important}
  #home.hero-v2 .hero-quote{margin:6px 0 2px!important}
  #home.hero-v2 .hero-desc{font-size:.9rem!important;margin:0!important}
  #home.hero-v2 .hero-actions{flex-direction:column!important;align-items:stretch!important;gap:9px!important;margin-top:12px!important}
  #home.hero-v2 .hero-btn{width:100%!important;min-height:48px;font-size:.98rem!important}

  /* Quick tiles: compact 2x2 */
  .qt{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 14px}
  .qt-ico{width:38px;height:38px}
  .qt strong{font-size:1rem}
  .qt small{font-size:.78rem}

  /* Official notice bar: one clean line */
  .fixed-ticker-inner{grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important}
  .fixed-ticker-notice .notice-fixed-label .notice-label-long{display:none!important}
  .fixed-ticker-notice .notice-fixed-link{min-height:24px!important;min-width:0!important;height:24px;padding:0 9px!important;font-size:11px!important;white-space:nowrap}
  .fixed-ticker-notice .notice-fixed-link .notice-link-long{display:none!important}
  .fixed-ticker-notice .notice-fixed-link::before{content:"Read"}

  /* Sticky action bar */
  body:has(.mb-actionbar){padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .mb-actionbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:900;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:rgba(255,250,242,.97);border-top:1px solid #eadfd3;box-shadow:0 -6px 20px rgba(60,20,10,.12);backdrop-filter:blur(8px)}
  .mb-actionbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:50px;border-radius:12px;color:#5a1519;text-decoration:none;font-size:.78rem;font-weight:700}
  .mb-actionbar a:active{background:#f5e6d0}
  .mb-actionbar .mab-main{background:linear-gradient(135deg,#f6d27a,#dc9a3c);color:#3b1308;margin:0 4px}
}
@media(prefers-reduced-motion:reduce){#home.hero-v2 .hero-btn,.hic-row,.qt{transition:none}}

/* v1.15.2 layout fixes */
@media(min-width:901px){
  #home.hero-v2 .hero-left{max-width:600px!important;width:auto!important}
  #home.hero-v2 .hero-info-card{align-self:center!important;margin:0!important}
}
#home.hero-v2 .hero-btn{flex:0 0 auto!important;flex-basis:auto!important;height:auto!important;max-height:none}
@media(max-width:700px){
  #home.hero-v2 .hero-btn{flex:0 0 auto!important;height:48px!important;min-height:48px!important;padding:0 18px!important}
  #home.hero-v2 .hero-btn span{white-space:nowrap}
}
@media(min-width:901px){#home.hero-v2 .hero-inner{align-items:center!important}}
@media(max-width:700px){#home.hero-v2 .hero-actions{width:100%!important;align-self:stretch!important}#home.hero-v2 .hero-btn{width:100%!important;align-self:stretch!important}}
@media(min-width:901px){#home.hero-v2 .hero-info-card{position:absolute!important;right:max(24px,4vw);top:50%;transform:translateY(-50%);z-index:3}}
@media(min-width:901px) and (max-width:1180px){#home.hero-v2 .hero-info-card{width:290px}}
#home.hero-v2 .hero-btn{max-width:none!important}
@media(max-width:700px){body #home.hero-v2 .hero-inner{min-height:600px!important}#home.hero-v2 .hero-left{padding:12px 14px!important}}
/* Header nav: keep one line on small laptops (now with Digital Darshan link) */
@media(min-width:901px){.navlinks a{white-space:nowrap}}
@media(min-width:901px) and (max-width:1280px){.navlinks{gap:2px!important}.navlinks a{font-size:.86rem!important;padding-left:7px!important;padding-right:7px!important;letter-spacing:0!important}.brand-name{font-size:1.05rem!important;white-space:nowrap}}
@media(min-width:901px) and (max-width:1100px){.navlinks a{font-size:.8rem!important;padding-left:5px!important;padding-right:5px!important}.navlinks a.nav-digital-darshan .mb-ico{display:none}.brand-name{font-size:.98rem!important}}
.navlinks a.nav-digital-darshan{display:inline-flex;align-items:center;gap:5px}