/* Shared site navigation for the sub-pages (injected by sitenav.js).
   Scoped under .snav so it never clashes with a page's own styles. */
#siteNav{min-height:60px}
.snav{position:sticky;top:0;z-index:500;background:rgba(34,32,29,0.98);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(217,162,39,0.25);display:flex;align-items:center;justify-content:space-between;
  padding:0 1.5rem;height:60px;gap:1rem;font-family:'Source Sans 3',sans-serif}
.snav *{box-sizing:border-box}
.snav-logo{display:flex;align-items:center;gap:0.6rem;text-decoration:none;flex-shrink:0}
.snav-logo-icon{width:34px;height:34px;border-radius:50%;overflow:hidden;border:1.5px solid rgba(217,162,39,0.6);flex-shrink:0}
.snav-logo-icon img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.snav-logo-text{font-family:'Cinzel',serif;font-size:11px;letter-spacing:0.06em;color:#EFC15A;line-height:1.35;max-width:180px}
.snav-links{display:flex;gap:1.75rem;list-style:none;margin:0;padding:0}
.snav-links>li{display:flex;align-items:center;height:60px;position:relative}
.snav-links a,.snav-trigger{font-family:'Cinzel',serif;font-size:12px;letter-spacing:0.09em;text-transform:uppercase;
  color:#CFC9BF;text-decoration:none;transition:color 0.2s}
.snav-links>li>a:hover,.snav-trigger:hover{color:#fff}
.snav-trigger{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0;height:100%}
.snav-caret{width:9px;height:6px;transition:transform 0.25s}
.snav-group:hover .snav-caret,.snav-group:focus-within .snav-caret{transform:rotate(180deg)}
.snav-group:hover .snav-trigger,.snav-group:focus-within .snav-trigger{color:#fff}
.snav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:210px;list-style:none;
  margin:0;padding:0.35rem 0;background:rgba(34,32,29,0.99);border:1px solid rgba(217,162,39,0.3);border-radius:5px;
  box-shadow:0 14px 34px rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.2s,transform 0.2s;z-index:510}
.snav-group:hover .snav-dropdown,.snav-group:focus-within .snav-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.snav-dropdown a{display:block;padding:0.65rem 1.4rem;white-space:nowrap;color:#CFC9BF;font-size:12px}
.snav-dropdown a:hover{background:rgba(255,255,255,0.07);color:#fff}
.snav-right{display:flex;align-items:center;gap:0.85rem;flex-shrink:0}
.snav-lang{display:flex;border:1px solid rgba(217,162,39,0.3);border-radius:30px;overflow:hidden;height:26px}
.snav-lang-btn{font-family:'Cinzel',serif;font-size:9.5px;letter-spacing:0.08em;padding:0 11px;border:none;background:transparent;
  color:rgba(207,201,191,0.75);cursor:pointer;transition:all 0.2s}
.snav-lang-btn.active{background:#D9A227;color:#22201D;font-weight:700}
.snav-donate{font-family:'Cinzel',serif;font-size:11px;letter-spacing:0.1em;background:#B02418;color:#fff;padding:9px 17px;
  border-radius:3px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background 0.2s}
.snav-donate:hover{background:#C92E20}
.snav-search{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#EFC15A;text-decoration:none;transition:background .2s}
.snav-search:hover{background:rgba(217,162,39,0.18)}
.snav-search svg{width:17px;height:17px}
.snav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;width:34px}
.snav-burger span{display:block;width:22px;height:2px;background:#EFC15A;transition:all 0.3s}
.snav-burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.snav-burger.active span:nth-child(2){opacity:0}
.snav-burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.snav-mobile{display:none;position:absolute;top:100%;left:0;width:100%;background:rgba(34,32,29,0.99);
  border-top:1px solid rgba(217,162,39,0.2);border-bottom:2px solid #D9A227;padding:0.4rem 0 1rem;
  max-height:calc(100vh - 60px);overflow-y:auto}
.snav-mobile.active{display:flex;flex-direction:column}
.snav-mobile a{padding:0.9rem 1.25rem;color:#EFC15A;text-decoration:none;font-family:'Cinzel',serif;letter-spacing:0.08em;
  text-transform:uppercase;font-size:11px;border-bottom:1px solid rgba(255,255,255,0.05)}
.snav-mtrigger{width:100%;text-align:left;background:none;border:none;cursor:pointer;color:#EFC15A;font-family:'Cinzel',serif;
  letter-spacing:0.08em;text-transform:uppercase;font-size:11px;padding:0.9rem 1.25rem;display:flex;justify-content:space-between;
  align-items:center;border-bottom:1px solid rgba(255,255,255,0.05)}
.snav-mcaret{width:12px;height:7px;flex-shrink:0;transition:transform 0.25s}
.snav-mgroup.open .snav-mcaret{transform:rotate(180deg)}
.snav-msub{display:none}
.snav-mgroup.open .snav-msub{display:flex;flex-direction:column;background:rgba(0,0,0,0.22)}
.snav-msub a{padding-left:2.4rem;font-size:10.5px;opacity:0.85}
.snav .ta{display:none;font-family:'Noto Serif Tamil','Source Sans 3',sans-serif}
/* Copyright + feedback bar (appended into the page footer by sitenav.js) */
.snav-copy{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid rgba(217,162,39,0.18);display:flex;flex-direction:column;align-items:center;gap:.7rem}
.snav-copy .ta{font-family:'Noto Serif Tamil','Source Sans 3',sans-serif}
.snav-flinks{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center;align-items:center}
.snav-fb{font-family:'Cinzel',serif;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:#EFC15A;text-decoration:none;border:1px solid rgba(217,162,39,0.4);padding:8px 18px;border-radius:22px;transition:all .2s}
.snav-fb:hover{background:#D9A227;color:#22201D}
.snav-plink{font-family:'Cinzel',serif;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(232,185,106,0.7);text-decoration:none;padding:8px 6px;transition:color .2s}
.snav-plink:hover{color:#EFC15A}
.snav-cline{font-family:'Cinzel',serif;font-size:10px;letter-spacing:0.05em;color:rgba(237,233,225,0.66);text-align:center;line-height:1.7}
/* credit line — quieter than the copyright above it */
.snav-built{font-family:'Source Sans 3',sans-serif;font-size:10.5px;letter-spacing:0.04em;color:rgba(237,233,225,0.42);text-align:center;line-height:1.6}
.snav-built a{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:color .2s}
.snav-built a:hover{color:#EFC15A}
@media(max-width:860px){.snav-links{display:none}.snav-burger{display:flex}.snav-logo-text{max-width:150px}}
/* The wordmark and the donate button carry short labels on phones. */
.sd-short,.sb-short{display:none}

/* Phones: keep the temple name. Room is found by dropping the search icon
   (Search is the first item in the hamburger menu) and shortening the donate
   label — the Tamil "நன்கொடை அளிக்க" alone was 129px of a 375px bar. */
@media(max-width:600px){
  .snav-logo-text{font-size:9.5px;letter-spacing:0.03em;line-height:1.3;max-width:104px}
  .snav-logo-text .sb-long{display:none}
  .snav-logo-text .sb-short{display:inline}
  .snav-logo{gap:0.45rem}
  .snav-logo-icon{width:30px;height:30px}
  .snav-search{display:none}
  .snav-donate .sd-long{display:none}
  .snav-donate .sd-short{display:inline}
  .snav{padding:0 0.6rem;gap:0.35rem}
  .snav-right{gap:0.35rem}
  .snav-donate{padding:7px 9px;font-size:9px;letter-spacing:0.03em}
  .snav-lang-btn{padding:0 7px;font-size:9px}
  .snav-burger{padding:2px}
}
/* Smallest phones (iPhone SE and similar): the Tamil labels are wider than
   their English equivalents, so trim a little more to keep one row. */
@media(max-width:360px){
  .snav-logo-text{max-width:80px;font-size:8.5px;letter-spacing:0}
  .snav-logo-icon{width:26px;height:26px}
  .snav-logo{gap:0.35rem}
  .snav{padding:0 0.45rem;gap:0.25rem}
  .snav-right{gap:0.25rem}
  .snav-donate{padding:6px 6px;font-size:8.5px}
  .snav-lang-btn{padding:0 5px;font-size:8.5px}
  .snav-burger{padding:0}
}