:root{--wine:#610b17;--wine-dark:#30060d;--gold:#e8b94f;--gold-light:#f8dc8b;--cream:#fff5e4;--ink:#39171b}
*{box-sizing:border-box}body{margin:0;background:#fff4e2;color:var(--ink);font-family:Georgia,"Times New Roman",serif}
a{color:inherit;text-decoration:none}
.site-layout{display:grid;grid-template-columns:18% 62% 20%;gap:0;width:100%;min-height:100vh}
.sidebar{background:linear-gradient(180deg,#620c18,#2b060d);color:#fff1d1;padding:9px 10px;min-height:100vh}
.brand{text-align:center;border-bottom:1px solid #a67934;padding:4px 0 12px}.brand .tower{font-size:37px;color:var(--gold);line-height:1.1}.brand h1{font-size:16px;line-height:1.08;margin:4px 0;color:#fff0c8}
.side-caption{font-size:10px;text-align:center;color:#f4cf72;margin:8px 0 3px}.side-caption span{display:block;color:#fff1d1;font-size:9px;margin-top:3px}
.side-title{font-weight:bold;color:#f2cb69;border-bottom:1px solid #96662d;padding:9px 0 6px;font-size:12px}
.side-nav{display:grid;gap:1px;padding:5px 0 9px}.side-nav a{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.15;padding:5px 1px}.side-nav a:hover,.side-nav a.active{color:#ffdc7c}.side-nav i{font-style:normal;color:#f5cf67;font-size:15px;width:18px;text-align:center}
.features{list-style:none;padding:5px 0;margin:0;font:9px/1.35 Arial,sans-serif}.features li{padding:4px 0}.features li:before{content:"✓";display:inline-grid;place-items:center;background:#f1cf6c;color:#4c0912;border-radius:50%;width:12px;height:12px;font-weight:bold;margin-right:5px}
.centre{min-width:0;background:#fff6e8}.topbar{height:27px;background:#650c18;color:#ffefcf;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:9px Arial,sans-serif;gap:8px;white-space:nowrap;overflow:hidden}.topbar .social{font-size:12px}
.mainnav{height:48px;background:#fff9ee;border-bottom:1px solid #d7b76e;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px}
.nav-brand{display:flex;align-items:center;gap:7px;color:#5d0b17;font-size:12px;font-weight:bold;line-height:1.05}.nav-brand b{font-size:25px;color:#c99b3d}.nav-links{display:flex;gap:12px;align-items:center;font:9px Arial,sans-serif;white-space:nowrap}.nav-links a:hover{color:#a46d1e}
.lang{font-size:9px;padding:5px;border:1px solid #d9b85e;border-radius:12px;background:#fff7e8;color:#650c18}
.hero{display:grid;grid-template-columns:.88fr 1.12fr;min-height:clamp(285px,36vw,510px);background:linear-gradient(110deg,#200710 0%,#562039 43%,#9a5128 70%,#220710 100%);color:#fff1d2;overflow:hidden;position:relative}
.hero-copy{padding:35px 20px 22px;align-self:center;position:relative;z-index:1;background:radial-gradient(ellipse at 30% 50%,#e6a04444,transparent 75%)}
.eyebrow{font:9px Arial,sans-serif;letter-spacing:.45em;color:#f4d276}.hero h2{font-size:clamp(23px,3vw,39px);line-height:1.02;text-transform:uppercase;color:#f3ce6e;margin:12px 0;text-shadow:0 2px 5px #17030a}
.tagline{font-size:14px;font-style:italic;margin:16px 0 22px}.motto{font-size:9px;color:#fff0ce;white-space:nowrap}
.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.btn{border:1px solid #ffe49a;background:linear-gradient(#ffe28d,#eab849);color:#4a0811;border-radius:18px;padding:8px 13px;font: bold 9px Arial,sans-serif;display:inline-block}.btn.outline{background:transparent;color:#fff0ce}
.hero-photo{min-height:inherit;position:relative;align-self:stretch;overflow:hidden;background:transparent;padding:0;margin:0;border:0;min-width:0}.hero-photo:before{content:none}.hero-photo img{position:absolute;top:0;left:0;width:112%;height:100%;min-height:100%;max-height:none;max-width:none;object-fit:cover;object-position:center 12%;display:block;margin:0;padding:0;border:0;outline:0}
.quicklinks{display:grid;grid-template-columns:repeat(6,1fr);margin:-1px 10px 0;position:relative;z-index:2;background:linear-gradient(100deg,#640a18,#34060e);border:2px double #e7bb56;border-radius:10px;padding:8px 2px}
.quicklinks a{text-align:center;color:#ffdf86;border-right:1px solid #a37432;padding:2px 3px;font-size:9px;line-height:1.2}.quicklinks a:last-child{border:0}.quicklinks i{display:block;font-style:normal;font-size:21px;margin-bottom:3px}
.section{padding:15px 11px}.section-heading{display:flex;align-items:center;gap:8px;color:#7a1420;font-size:17px;margin:0 0 10px}.section-heading:after{content:"";height:1px;background:#d3a84d;flex:1}
.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.event-card{display:flex;align-items:center;gap:7px;padding:6px;background:#fffaf1;border:1px solid #e6d1a8;border-radius:9px;min-width:0;box-shadow:0 2px 5px #51220f12}
.event-symbol{width:57px;height:58px;flex:none;display:grid;place-items:center;border-radius:7px;background:radial-gradient(circle,#f8d879,#8d1724 75%);color:#ffe18a;font-size:25px}.event-card h3{font-size:10px;color:#78131e;margin:0 0 5px;line-height:1.15}.event-card p{font:8px Arial,sans-serif;margin:0;color:#694b35;line-height:1.25}.event-date{font:8px Arial,sans-serif;color:#694b35;margin-top:5px}
.lower{display:grid;grid-template-columns:1.7fr 1fr;gap:8px;padding:0 10px 14px}.schedule{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:2px double #d2a34a;border-radius:9px;background:#fffaf0}.schedule h3{font-size:16px;color:#791521;margin:0 0 8px}.schedule p{font:8px Arial,sans-serif;padding:5px 0;margin:0;border-bottom:1px solid #eadcc3}.donate-panel{padding:13px;border-radius:10px;background:linear-gradient(130deg,#801421,#33070f);color:#fff0d3;position:relative;overflow:hidden}.donate-panel h3{font-size:17px;color:#f4d078;margin:0 0 8px}.donate-panel p{font:9px/1.4 Arial,sans-serif;margin:0 0 10px}
.right-rail{background:#fffaf0;padding:7px 7px 12px;min-width:0}.right-rail h2{font-size:12px;color:#511019;margin:0 0 6px}.preview-card{border:1px solid #dfd0b4;border-radius:7px;overflow:hidden;background:#fff;margin-bottom:8px;box-shadow:0 2px 5px #31110c12}.mini-head{height:15px;background:#650b17;color:#ffe6a4;font:6px Arial,sans-serif;padding:4px 5px}.mini-hero{height:48px;background:linear-gradient(120deg,#350711,#a66c2d);display:flex;align-items:center;justify-content:space-around;color:#f9d16d;font-size:18px}.mini-body{padding:6px}.mini-body b{font-size:8px;color:#6b111b;display:block;margin-bottom:4px}.mini-body p{font:6px/1.3 Arial,sans-serif;color:#55413b;margin:0 0 4px}.mini-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.mini-tiles span{height:28px;background:linear-gradient(145deg,#8c1826,#f1c45b);border-radius:3px}.mini-list{display:flex;gap:5px;margin:5px 0}.mini-list i{width:35px;height:25px;display:block;background:linear-gradient(145deg,#8c1826,#f1c45b);border-radius:3px;flex:none}
.page-hero{background:linear-gradient(110deg,#4c0712,#18070b);color:#f3d079;padding:27px 20px}.page-hero h2{margin:0;font-size:25px}.page-content{padding:22px;min-height:380px}.content-card{background:#fffaf1;border:1px solid #e7d2aa;border-radius:10px;padding:15px;margin-bottom:12px}.content-card h3{margin:0 0 8px;color:#76131f}.content-card p{font:13px/1.55 Arial,sans-serif}
footer{background:#2c060d;color:#f5dfac;text-align:center;padding:12px;font:9px Arial,sans-serif}
@media(min-width:1200px){.site-layout{grid-template-columns:18% 62% 20%}.sidebar{padding:14px}.brand h1{font-size:20px}.side-nav a{font-size:13px;padding:7px 2px}.features{font-size:11px}.topbar{height:32px;font-size:11px}.mainnav{height:56px}.nav-links{font-size:11px;gap:18px}.hero{min-height:clamp(360px,36vw,520px)}.hero-photo,.hero-photo img{min-height:inherit;border:0;margin:0;padding:0}.hero-copy{padding:50px 35px}.hero h2{font-size:clamp(32px,3.2vw,52px)}.tagline{font-size:18px}.motto{font-size:12px}.btn{font-size:11px;padding:10px 17px}.quicklinks a{font-size:11px}.quicklinks i{font-size:27px}.section{padding:22px 17px}.section-heading{font-size:22px}.event-symbol{width:76px;height:70px}.event-card h3{font-size:13px}.event-card p,.event-date{font-size:10px}.schedule h3{font-size:20px}.schedule p{font-size:10px}.donate-panel h3{font-size:22px}.donate-panel p{font-size:11px}.right-rail{padding:10px}.right-rail h2{font-size:15px}.preview-card{margin-bottom:10px}.mini-head{height:20px;font-size:7px}.mini-hero{height:66px}.mini-body{padding:8px}.mini-body b{font-size:10px}.mini-body p{font-size:7px}.mini-tiles span{height:38px}.mini-list i{width:45px;height:32px}}
@media(max-width:760px){.site-layout{display:flex;flex-direction:column}.sidebar{min-height:0;padding:9px 12px}.brand{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 0 8px}.brand .tower{font-size:29px}.brand h1{font-size:16px;margin:0}.side-caption,.side-title,.features{display:none}.side-nav{display:flex;overflow-x:auto;gap:12px;padding:8px 0 2px}.side-nav a{white-space:nowrap;font-size:11px;padding:4px}.topbar{height:auto;min-height:28px;white-space:normal;flex-wrap:wrap;padding:6px 9px;font-size:9px}.mainnav{height:auto;min-height:44px;padding:7px 9px;flex-wrap:wrap}.nav-brand{font-size:12px}.nav-links{order:3;width:100%;overflow-x:auto;padding:5px 0;gap:15px;font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:26px 18px}.hero h2{font-size:34px;max-width:380px}.tagline{font-size:16px;margin:12px 0}.motto{font-size:10px}.hero-photo{min-height:340px;max-height:460px}.hero-photo img{width:100%;min-height:340px;max-height:460px}.quicklinks{grid-template-columns:repeat(3,1fr);margin:0 7px}.quicklinks a{padding:8px 3px;font-size:10px}.quicklinks a:nth-child(3){border-right:0}.quicklinks i{font-size:22px}.section{padding:19px 10px}.section-heading{font-size:19px}.event-grid{grid-template-columns:1fr}.event-card{padding:8px}.event-symbol{width:68px;height:62px}.event-card h3{font-size:13px}.event-card p,.event-date{font-size:10px}.lower{grid-template-columns:1fr;padding:0 8px 14px}.schedule{grid-template-columns:1fr}.schedule h3{font-size:19px}.schedule p{font-size:11px}.donate-panel h3{font-size:22px}.donate-panel p{font-size:12px}.right-rail{display:none}.mobile-page-previews{display:block!important;padding:12px;background:#fffaf0}.mobile-page-previews h2{font-size:18px;color:#511019}.mobile-page-previews .preview-card{margin-bottom:10px}.mini-head{height:22px;font-size:8px}.mini-hero{height:75px}.mini-body b{font-size:11px}.mini-body p{font-size:8px}.mini-tiles span{height:42px}}
.mobile-page-previews{display:none}

/* Header refinement: contact strip and repeated temple brand removed.
   Keep the main navigation and language selector as the only top header row. */
.mainnav{height:48px;min-height:48px;justify-content:flex-end;padding:0 14px}
.nav-links{margin-right:auto}
@media(min-width:1200px){.mainnav{height:56px;min-height:56px}}
@media(max-width:760px){.mainnav{height:auto;min-height:42px;justify-content:space-between}.nav-links{order:initial;width:auto;flex:1;margin:0 8px 0 0}}

/* HOME HERO: extend the Murugan photograph upward behind the navigation.
   Menu links float over the photograph as high-contrast devotional buttons. */
body[data-page="index.html"] .centre{position:relative}
body[data-page="index.html"] .mainnav{
 position:absolute;top:0;left:0;right:0;z-index:10;
 height:auto;min-height:54px;padding:8px 12px;
 background:linear-gradient(180deg,rgba(28,5,10,.78),rgba(28,5,10,.16));
 border:0;justify-content:flex-end;
}
body[data-page="index.html"] .nav-links{
 display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
 gap:7px;margin:0 auto 0 0;white-space:normal;
}
body[data-page="index.html"] .nav-links a{
 display:inline-block;padding:8px 11px;border-radius:18px;
 color:#fff5dc;background:rgba(91,8,20,.82);
 border:1px solid rgba(244,204,105,.9);
 box-shadow:0 2px 8px rgba(0,0,0,.35);
 font-weight:bold;text-shadow:0 1px 2px #2b060d;
}
body[data-page="index.html"] .nav-links a:hover,
body[data-page="index.html"] .nav-links a:focus{
 color:#4b0912;background:linear-gradient(#ffe69a,#e7b747);
 border-color:#fff0b9;transform:translateY(-1px);
}
body[data-page="index.html"] .lang{
 background:rgba(255,246,224,.95);color:#590b16;
 border:1px solid #f3ce70;font-weight:bold;
}
body[data-page="index.html"] .hero{
 display:block;position:relative;isolation:isolate;
 min-height:clamp(430px,44vw,620px);
 padding-top:54px;
 overflow:hidden;
 background:#21070d;
}
body[data-page="index.html"] .hero-photo{
 position:absolute;inset:0;z-index:-1;min-height:100%;
 width:100%;height:100%;overflow:hidden;
}
body[data-page="index.html"] .hero-photo img{
 position:absolute;inset:0;width:100%;height:100%;
 min-height:100%;max-height:none;max-width:none;
 object-fit:cover;object-position:center 14%;
}
body[data-page="index.html"] .hero:after{
 content:none;
}
body[data-page="index.html"] .hero-copy{
 position:relative;z-index:2;width:52%;min-height:clamp(376px,40vw,560px);
 padding:clamp(82px,9vw,130px) 22px 35px;
 display:flex;flex-direction:column;justify-content:center;
 background:transparent;
}
body[data-page="index.html"] .hero h2{
 max-width:560px;color:#ffda75;
 text-shadow:0 3px 10px rgba(0,0,0,.8);
}
body[data-page="index.html"] .hero .tagline,
body[data-page="index.html"] .hero .motto{
 color:#fff5dc;text-shadow:0 2px 5px rgba(0,0,0,.9);
}
body[data-page="index.html"] .hero-actions .btn{
 box-shadow:0 3px 10px rgba(0,0,0,.4);
}
@media(max-width:760px){
 body[data-page="index.html"] .mainnav{
  position:absolute;top:0;left:0;right:0;min-height:0;
  padding:7px 8px;background:linear-gradient(180deg,rgba(25,4,9,.88),rgba(25,4,9,.35));
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;
 }
 body[data-page="index.html"] .nav-links{
  order:initial;display:flex;flex:1 1 100%;width:100%;
  overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;
  gap:6px;padding:3px 0 5px;
 }
 body[data-page="index.html"] .nav-links a{font-size:10px;padding:7px 10px;white-space:nowrap}
 body[data-page="index.html"] .hero{
  min-height:540px;padding-top:78px;
 }
 body[data-page="index.html"] .hero-copy{
  width:100%;min-height:462px;padding:125px 18px 28px;
  justify-content:flex-start;
  background:transparent;
 }
 body[data-page="index.html"] .hero-photo img{object-position:center 12%}
 body[data-page="index.html"] .hero h2{font-size:clamp(29px,8vw,38px);max-width:360px}
}

/* Image clarity refinement: keep the full Murugan photograph sharp.
   No blur, backdrop blur, filters, or broad gradient overlay over the image. */
body[data-page="index.html"] .hero-photo img{
 filter:none!important;
 opacity:1!important;
 transform:none;
 image-rendering:auto;
}
body[data-page="index.html"] .hero-copy{
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}

/* FINAL HERO TONE FIX: one consistent photograph across the entire hero.
   No split overlay, no shaded text panel, and no gradient over either side. */
body[data-page="index.html"] .hero-copy{
 background:transparent!important;
}
body[data-page="index.html"] .hero:after{
 display:none!important;
 content:none!important;
}
body[data-page="index.html"] .hero-photo img{
 filter:none!important;
 opacity:1!important;
}
@media(max-width:760px){
 body[data-page="index.html"] .hero-copy{
  background:transparent!important;
 }
}

/* Move the hero headline and supporting copy below the floating navigation.
   The menu remains at the top; the devotional wording starts underneath it. */
body[data-page="index.html"] .hero-copy{
  padding-top:clamp(155px,16vw,205px)!important;
  justify-content:flex-start!important;
}
@media(max-width:760px){
  body[data-page="index.html"] .hero-copy{
    padding-top:175px!important;
    min-height:462px;
    justify-content:flex-start!important;
  }
}

/* FINAL TITLE PLACEMENT: keep navigation at the top and start the full
   ARULMIGU / SRI VADACHENDUR MURUGAN TEMPLE copy clearly underneath it. */
body[data-page="index.html"] .hero-copy{
  padding-top:clamp(205px,19vw,255px)!important;
  margin-top:0!important;
}
body[data-page="index.html"] .hero-copy .eyebrow,
body[data-page="index.html"] .hero-copy h2,
body[data-page="index.html"] .hero-copy .tagline,
body[data-page="index.html"] .hero-copy .motto,
body[data-page="index.html"] .hero-copy .hero-actions{
  position:relative;
  z-index:3;
}
@media(max-width:760px){
  body[data-page="index.html"] .hero-copy{
    padding-top:220px!important;
  }
}

/* HARD POSITION FIX:
   Anchor the hero wording itself below the floating menu row.
   This avoids relying on padding inside a vertically-sized flex container. */
body[data-page="index.html"] .hero{
  position:relative!important;
}
body[data-page="index.html"] .hero-copy{
  position:absolute!important;
  top:82px!important;
  left:0!important;
  width:54%!important;
  min-height:0!important;
  height:auto!important;
  padding:12px 22px 28px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  z-index:4!important;
  background:transparent!important;
}
body[data-page="index.html"] .hero-copy .eyebrow{
  margin-top:0!important;
}
@media(max-width:760px){
  body[data-page="index.html"] .hero-copy{
    top:145px!important;
    left:0!important;
    width:100%!important;
    min-height:0!important;
    padding:12px 18px 24px!important;
  }
}

/* HEADING WRAP FIX:
   Keep the temple heading as natural readable text. Do not force each word
   onto a separate line; allow the phrase to wrap only when the screen is narrow. */
body[data-page="index.html"] .hero-copy h2{
  display:block!important;
  width:100%!important;
  max-width:720px!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  font-size:clamp(25px,3.1vw,43px)!important;
  line-height:1.12!important;
  letter-spacing:normal!important;
  text-wrap:pretty;
}
@media(max-width:760px){
  body[data-page="index.html"] .hero-copy h2{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(25px,7vw,35px)!important;
    line-height:1.13!important;
  }
}

/* FINAL HERO COPY LAYOUT:
   The full temple name is one continuous phrase directly UNDER the menu.
   It can wrap naturally across lines, but words are never isolated into
   one-word lines. */
body[data-page="index.html"] .hero-copy{
  position:absolute!important;
  top:76px!important;
  left:0!important;
  width:min(82%,780px)!important;
  max-width:780px!important;
  min-height:0!important;
  height:auto!important;
  padding:12px 24px 24px!important;
  margin:0!important;
  display:block!important;
  z-index:4!important;
  background:transparent!important;
}
body[data-page="index.html"] .hero-copy .eyebrow{
  display:none!important;
}
body[data-page="index.html"] .hero-copy h2{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 12px!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  font-size:clamp(26px,3.2vw,42px)!important;
  line-height:1.14!important;
  letter-spacing:.01em!important;
  text-wrap:pretty;
}
body[data-page="index.html"] .hero-copy .tagline,
body[data-page="index.html"] .hero-copy .motto,
body[data-page="index.html"] .hero-copy .hero-actions{
  margin-top:10px!important;
}
@media(max-width:760px){
  body[data-page="index.html"] .hero-copy{
    top:96px!important;
    left:0!important;
    width:100%!important;
    max-width:100%!important;
    padding:12px 16px 20px!important;
  }
  body[data-page="index.html"] .hero-copy h2{
    font-size:clamp(25px,7vw,33px)!important;
    line-height:1.13!important;
    max-width:100%!important;
  }
}

/* Temple title styling: antique gold with a restrained, static warm glow. */
body[data-page="index.html"] .hero-copy h2 {
  color: #E6B85C !important;
  -webkit-text-fill-color: #E6B85C;
  text-shadow:
    0 1px 0 rgba(92, 48, 13, .95),
    0 2px 3px rgba(25, 8, 5, .9),
    0 0 5px rgba(230, 184, 92, .42),
    0 0 11px rgba(230, 184, 92, .22) !important;
  letter-spacing: .025em !important;
}

/* Refined antique-gold heading: static, restrained glow. */
body[data-page="index.html"] .hero-copy h2 {
  color: #E6B85C !important;
  -webkit-text-fill-color: #E6B85C;
  text-shadow: 0 1px 0 rgba(92,48,12,.9), 0 2px 4px rgba(25,8,5,.82), 0 0 6px rgba(230,184,92,.34) !important;
  letter-spacing: .025em !important;
  background: none !important;
  animation: none !important;
}


/* LEFT SIDEBAR REWORK:
   Keep page previews/navigation on the right and use the left column
   as a devotional identity and temple-values panel. */
.sidebar-enhanced {
  padding: 22px 16px 18px !important;
  background:
    radial-gradient(ellipse at 50% 15%, rgba(183, 112, 42, .22), transparent 48%),
    linear-gradient(180deg, #5a0a16 0%, #390710 58%, #26050b 100%) !important;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-height:100vh;
  border-right:1px solid rgba(224,184,101,.48);
}
.sidebar-enhanced .brand {
  border:0;
  padding:8px 3px 18px;
  text-align:center;
}
.sidebar-enhanced .temple-emblem {
  width:64px;height:64px;margin:0 auto 12px;
  display:grid;place-items:center;
  border:1px solid #d9b45f;border-radius:50%;
  color:#f2d18a;font-size:29px;
  box-shadow:0 0 0 5px rgba(217,180,95,.08), inset 0 0 18px rgba(217,180,95,.12);
}
.sidebar-enhanced .brand-kicker {
  color:#d9b45f;font:700 9px/1.4 Arial,sans-serif;
  letter-spacing:2px;margin-bottom:7px;
}
.sidebar-enhanced .brand h1 {
  color:#fff0cb;font-size:clamp(16px,1.35vw,21px);
  line-height:1.25;margin:0;
}
.sidebar-enhanced .brand-rule {
  display:flex;align-items:center;gap:9px;
  color:#e4bd69;margin:13px auto 10px;width:72%;
}
.sidebar-enhanced .brand-rule:before,
.sidebar-enhanced .brand-rule:after {
  content:"";height:1px;background:linear-gradient(90deg,transparent,#d8ad55);
  flex:1;
}
.sidebar-enhanced .brand-rule:after {background:linear-gradient(90deg,#d8ad55,transparent)}
.sidebar-enhanced .brand-blessing {
  color:#f0dcb4;font:italic 11px/1.55 Georgia,serif;
  margin:0 auto;max-width:220px;
}
.sidebar-devotion {
  margin:8px 0 22px;padding:17px 8px 15px;text-align:center;
  border-top:1px solid rgba(221,184,103,.38);
  border-bottom:1px solid rgba(221,184,103,.38);
  background:linear-gradient(135deg,rgba(220,171,83,.10),rgba(255,255,255,.015));
}
.devotion-symbol {
  color:#f2ce79;font-size:22px;font-weight:bold;
  text-shadow:0 0 12px rgba(245,201,111,.35);
}
.sidebar-devotion h2 {
  color:#f4d58e;font-family:Georgia,serif;font-size:clamp(13px,1.1vw,17px);
  margin:8px 0 5px;line-height:1.35;
}
.sidebar-devotion p {
  color:#e7cda0;font:10px Arial,sans-serif;margin:0;letter-spacing:.4px;
}
.sidebar-section-label {
  color:#dcb96e;font:700 9px Arial,sans-serif;
  letter-spacing:1.5px;margin:0 0 13px;
}
.sidebar-pillars {padding:0 3px}
.pillar-item {
  display:flex;align-items:center;gap:11px;
  padding:9px 2px;border-bottom:1px solid rgba(230,197,135,.13);
}
.pillar-item>span {
  width:29px;height:29px;flex:none;border-radius:50%;
  display:grid;place-items:center;color:#f0ce7c;
  border:1px solid rgba(226,188,105,.48);font-size:15px;
}
.pillar-item b {display:block;color:#fff0d0;font:600 11px Arial,sans-serif;margin-bottom:3px}
.pillar-item small {display:block;color:#d9c2a0;font:9px/1.35 Arial,sans-serif}
.sidebar-invite {
  margin-top:auto;padding:16px 10px 13px;text-align:center;
  border:1px solid rgba(220,183,105,.35);border-radius:8px;
  background:rgba(15,2,6,.18);
}
.invite-ornament {color:#e4bd69;font-size:22px}
.sidebar-invite p {color:#f5e4c3;font:italic 11px/1.4 Georgia,serif;margin:6px 0 9px}
.sidebar-invite a {
  color:#f5d27d;font:700 9px Arial,sans-serif;
  text-decoration:none;line-height:1.4;
}
.sidebar-invite a:hover {color:#fff0c5;text-decoration:underline}
.sidebar-footer {
  text-align:center;color:rgba(238,205,137,.68);
  font:10px Georgia,serif;letter-spacing:2px;padding-top:14px;
}
@media(max-width:1050px) {
  .sidebar-enhanced {padding:17px 10px 14px!important}
  .sidebar-enhanced .brand-blessing {font-size:10px}
  .pillar-item {gap:7px}
  .pillar-item small {font-size:8px}
}
@media(max-width:760px) {
  .sidebar-enhanced {min-height:auto!important;padding:15px!important}
  .sidebar-enhanced .brand {padding-bottom:10px}
  .sidebar-enhanced .temple-emblem {width:50px;height:50px;font-size:23px}
  .sidebar-devotion {margin:7px 0 12px;padding:10px}
  .sidebar-pillars {display:grid;grid-template-columns:1fr 1fr;column-gap:10px}
  .sidebar-section-label {grid-column:1/-1}
  .pillar-item {padding:7px 0}
  .sidebar-invite {margin-top:12px}
  .sidebar-footer {padding-top:9px}
}

/* Requested heading-only adjustment: deep temple crimson with a fine antique-gold edge.
   Preserve the established three-column UI, image, placement and all other elements. */
body[data-page="index.html"] .hero-copy h2 {
  color: #A51D2D !important;
  -webkit-text-fill-color: #A51D2D !important;
  -webkit-text-stroke: 0.65px #E6B85C;
  text-shadow:
    0 1px 0 #E6B85C,
    1px 0 0 rgba(230,184,92,.75),
    0 2px 4px rgba(25,8,5,.88),
    0 0 5px rgba(230,184,92,.25) !important;
  background-image: none !important;
  animation: none !important;
}


/* HOMEPAGE HERO CLEANUP: photo-only hero, with all headline/copy/actions removed. */
body[data-page="index.html"] .hero {
  display:block!important;
  grid-template-columns:1fr!important;
  min-height:clamp(420px,48vw,660px)!important;
  background:transparent!important;
}
body[data-page="index.html"] .hero-photo {
  display:block!important;
  width:100%!important;
  height:clamp(420px,48vw,660px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
body[data-page="index.html"] .hero-photo img {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center 12%!important;
}
@media(max-width:760px) {
  body[data-page="index.html"] .hero,
  body[data-page="index.html"] .hero-photo {
    min-height:400px!important;
    height:400px!important;
  }
}


/* SHARED FLOATING PILL NAVIGATION — consistent across all static pages. */
.centre { position:relative; }
.mainnav {
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:30!important;
  height:auto!important;
  min-height:48px!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.mainnav .nav-links {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  white-space:normal!important;
  font:600 12px/1.2 Arial,sans-serif!important;
}
.mainnav .nav-links a {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:8px 15px!important;
  border:1px solid #d6ad55!important;
  border-radius:22px!important;
  background:rgba(91,7,19,.94)!important;
  color:#fff4dc!important;
  text-decoration:none!important;
  box-shadow:0 2px 7px rgba(25,5,8,.25)!important;
  transition:background .2s ease,color .2s ease,transform .2s ease!important;
}
.mainnav .nav-links a:hover,
.mainnav .nav-links a:focus-visible {
  background:#8f1726!important;
  color:#ffe09a!important;
  transform:translateY(-1px);
}
.mainnav .lang {
  flex:none!important;
  border:1px solid #d6ad55!important;
  border-radius:18px!important;
  background:rgba(91,7,19,.94)!important;
  color:#fff4dc!important;
  padding:7px 10px!important;
  font-size:11px!important;
}
body[data-page="index.html"] .mainnav { position:absolute!important; }
body[data-page="index.html"] .hero-copy { padding-top:220px!important; }
@media(max-width:760px) {
  .mainnav {
    position:relative!important;
    padding:8px!important;
    background:#3b0710!important;
  }
  .mainnav .nav-links { gap:6px!important; }
  .mainnav .nav-links a {
    min-height:32px!important;
    padding:7px 10px!important;
    font-size:10px!important;
  }
  body[data-page="index.html"] .mainnav { position:absolute!important; }
}


/* RIGHT RAIL REPURPOSED FOR TEMPLE ADVERTISEMENTS */
.ad-rail { padding:12px 10px!important; background:#fffaf0!important; }
.ad-rail h2 {
  color:#650c18!important;font:700 15px Georgia,serif!important;
  padding:4px 2px 10px;border-bottom:1px solid #dfc58d;margin-bottom:10px!important;
}
.ad-card {
  background:#fff!important;border:1px solid #dfc99d!important;
  border-radius:9px!important;padding:12px 10px!important;margin:0 0 12px!important;
  box-shadow:0 2px 7px rgba(53,18,12,.08)!important;
}
.ad-label {
  display:inline-block;color:#986b26;font:700 8px Arial,sans-serif;
  letter-spacing:1px;margin-bottom:9px;
}
.ad-feature {
  text-align:center;background:linear-gradient(160deg,#fff9e9,#f4e4c3)!important;
  border-color:#d9b76c!important;
}
.ad-symbol {font-size:30px;color:#b68a3a;margin:3px 0 8px}
.ad-card h3 {color:#650c18;font:700 14px Georgia,serif;margin:0 0 7px}
.ad-card p {color:#5e4b3c;font:10px/1.5 Arial,sans-serif;margin:7px 0}
.ad-card a {color:#8b1825;font:700 10px Arial,sans-serif;text-decoration:none}
.ad-card a:hover {text-decoration:underline}
.ad-placeholder {
  min-height:74px;display:grid;place-items:center;text-align:center;
  border:1px dashed #c9ad73;border-radius:6px;
  background:linear-gradient(135deg,#fbf1dc,#fffdf8);
  color:#9a7a43;font:italic 11px Georgia,serif;
}
@media(max-width:760px) {
  .ad-rail {display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px!important}
  .ad-rail h2 {grid-column:1/-1}
  .ad-card {margin:0!important}
}


/* INNER PAGE MENU FLOW FIX */
body:not([data-page="index.html"]) .mainnav {
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  width:100%!important;min-height:62px!important;padding:9px 10px!important;
  background:#3b0710!important;border-bottom:1px solid rgba(214,173,85,.55)!important;
  box-sizing:border-box!important;
}


/* FOOTER DEVELOPER CREDIT — consistent across all pages */
.site-footer {
  background:#2c060d!important;
  color:#f5dfac!important;
  text-align:center!important;
  padding:13px 10px!important;
  font:9px/1.5 Arial,sans-serif!important;
  border-top:1px solid rgba(214,173,85,.55);
}
.site-footer .developer-credit {
  margin-top:5px;
  color:#e6c98f;
  font-size:9px;
  letter-spacing:.15px;
}
.site-footer .developer-credit strong {
  color:#E6B85C;
  font-size:10px;
  font-weight:700;
  margin-left:3px;
}

.site-footer .developer-credit a {
  color:#E6B85C;
  font-size:10px;
  font-weight:700;
  margin-left:3px;
  text-decoration:none;
}
.site-footer .developer-credit a:hover,
.site-footer .developer-credit a:focus-visible {
  color:#fff0c5;
  text-decoration:underline;
}


/* HOMEPAGE LEFT SIDEBAR: featured Skanda Sashti festival poster */
body[data-page="index.html"] .sidebar-festival-poster {
  margin: 2px 1px 15px;
  padding: 5px;
  border: 1px solid rgba(224,184,101,.72);
  border-radius: 8px;
  background: rgba(255,247,225,.08);
  box-shadow: 0 3px 10px rgba(18,3,7,.24);
}
body[data-page="index.html"] .sidebar-festival-poster img {
  display:block;
  width:100%;
  height:auto;
  max-height:260px;
  object-fit:contain;
  border-radius:4px;
}
@media(max-width:760px) {
  body[data-page="index.html"] .sidebar-festival-poster {
    max-width:260px;
    margin:8px auto 12px;
  }
  body[data-page="index.html"] .sidebar-festival-poster img {
    max-height:320px;
  }
}


/* UPCOMING FESTIVALS heading and clickable poster */
body[data-page="index.html"] .sidebar-festival-poster h2 {
  margin:0 0 8px;
  color:#f2d18a;
  font:700 13px/1.3 Georgia,serif;
  text-align:center;
}
body[data-page="index.html"] .festival-poster-link {
  display:block;
  cursor:pointer;
}
body[data-page="index.html"] .festival-poster-link img {
  transition:transform .18s ease, box-shadow .18s ease;
}
body[data-page="index.html"] .festival-poster-link:hover img {
  transform:scale(1.015);
  box-shadow:0 0 10px rgba(230,184,92,.4);
}


/* NAVIGATION: keep every menu item on one horizontal line */
.mainnav {
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  min-width:0;
  gap:8px!important;
  box-sizing:border-box;
}
.mainnav .nav-links {
  display:flex!important;
  flex:1 1 auto!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-width:0;
  gap:clamp(4px, .65vw, 10px)!important;
  white-space:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none;
}
.mainnav .nav-links::-webkit-scrollbar {display:none}
.mainnav .nav-links a {
  flex:0 0 auto!important;
  white-space:nowrap!important;
  line-height:1.2!important;
}
.mainnav .lang {
  flex:0 0 auto!important;
}
@media(min-width:761px) {
  .mainnav .nav-links {overflow:visible!important}
  .mainnav .nav-links a {font-size:clamp(8px, .72vw, 10px)!important}
}
@media(max-width:760px) {
  .mainnav {overflow:hidden!important}
  .mainnav .nav-links {justify-content:flex-start!important}
}


/* TAMIL NAVIGATION: compact pill sizing prevents overlap with language selector */
html[lang="ta"] .mainnav {
  flex-wrap:nowrap!important;
  justify-content:space-between!important;
  gap:4px!important;
  padding-left:6px!important;
  padding-right:6px!important;
}
html[lang="ta"] .mainnav .nav-links {
  flex:1 1 0!important;
  min-width:0!important;
  justify-content:space-between!important;
  gap:3px!important;
  overflow:hidden!important;
  font-family:"Noto Sans Tamil","Latha",Arial,sans-serif!important;
}
html[lang="ta"] .mainnav .nav-links a {
  flex:0 1 auto!important;
  min-width:0!important;
  min-height:32px!important;
  padding:5px 6px!important;
  font-family:"Noto Sans Tamil","Latha",Arial,sans-serif!important;
  font-size:8px!important;
  line-height:1.25!important;
  letter-spacing:-.15px!important;
  white-space:nowrap!important;
}
html[lang="ta"] .mainnav .lang {
  flex:0 0 auto!important;
  padding:5px 6px!important;
  font-size:9px!important;
}
@media(max-width:760px) {
  html[lang="ta"] .mainnav .nav-links {
    overflow-x:auto!important;
    justify-content:flex-start!important;
  }
  html[lang="ta"] .mainnav .nav-links a {
    flex:0 0 auto!important;
    font-size:9px!important;
    padding:5px 7px!important;
  }
}