/* ═══════════════════════════════════════════════════════════════
   Iraivaa UI v2 — Base styles for siddhar + temple templates
   ═══════════════════════════════════════════════════════════════ */
:root{
  --mu: #8B00B0;
  --gd: #C9A227;
  --dk: #1A0800;
  --bg: #FDFAF5;
  --card-border: rgba(201,162,39,.18);
  --card-shadow: 0 4px 20px rgba(26,8,0,.06);
  --rad: 14px;
}

/* ── Reset within our pages ── */
.iui-page *{box-sizing:border-box}
.iui-page a{text-decoration:none}
.iui-page h1,.iui-page h2,.iui-page h3{margin:0}
.iui-page p{margin:0 0 14px}
.iui-page ul{padding:0;margin:0;list-style:none}

/* ── Card ── */
.iui-card{background:#fff;border:1px solid var(--card-border);border-radius:var(--rad);
  overflow:hidden;margin-bottom:20px;box-shadow:var(--card-shadow)}
.iui-card-head{background:linear-gradient(135deg,rgba(201,162,39,.07),rgba(139,0,176,.04));
  padding:14px 22px;border-bottom:1px solid rgba(201,162,39,.1);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.iui-card-head h2{font-family:'Noto Serif Tamil',serif;font-size:17px;color:var(--dk);font-weight:700}
.iui-card-body{padding:22px}

/* ── Language toggle ── */
.iui-lang-wrap{display:flex;gap:5px}
.iui-lb{padding:5px 15px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;
  border:1px solid rgba(201,162,39,.3);background:#fff;color:#5A3010;transition:all .2s;appearance:none}
.iui-lb.on{background:linear-gradient(135deg,var(--mu),var(--gd));color:#fff;border-color:transparent}

/* ── Prose styles ── */
.iui-ta{font-family:'Noto Serif Tamil',serif;font-size:15px;line-height:2.3;color:var(--dk)}
.iui-en{font-size:14.5px;line-height:1.95;color:var(--dk)}
.iui-ta p,.iui-en p{margin:0 0 15px}

/* ── Teach list ── */
.iui-teach-item{padding:7px 0 7px 18px;border-left:3px solid rgba(201,162,39,.35);
  margin-bottom:7px;font-size:14px;line-height:1.9;color:var(--dk)}
.iui-teach-item.ta{font-family:'Noto Serif Tamil',serif;font-size:14.5px;line-height:2.1}

/* ── Quote block ── */
.iui-quote{background:linear-gradient(135deg,#130300,#2A0E00);border-radius:12px;
  padding:22px;margin-bottom:14px;border:1px solid rgba(201,162,39,.18)}
.iui-quote-ta{font-family:'Noto Serif Tamil',serif;font-size:16px;line-height:2.4;
  color:#C9A227;margin:0 0 12px;white-space:pre-line}
.iui-quote-meaning{font-size:13.5px;line-height:1.85;color:rgba(255,220,150,.75);
  margin:0;font-style:italic}

/* ── Detail grid ── */
.iui-dg{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}
.iui-di{background:#FFF8EE;border:1px solid rgba(201,162,39,.14);border-radius:10px;padding:12px 14px}
.iui-dl{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#8B6040;margin-bottom:4px}
.iui-dv{font-size:13px;color:var(--dk);line-height:1.5}

/* ── FAQ ── */
.iui-faq{border-bottom:1px solid rgba(201,162,39,.1);padding-bottom:13px;margin-bottom:13px}
.iui-faq:last-child{border:none;margin:0;padding:0}
.iui-fq{font-weight:700;font-size:14px;color:#7A1A00;margin:0 0 6px}
.iui-fa{font-size:13.5px;line-height:1.85;color:var(--dk)}

/* ── Temple bullet ── */
.iui-bullet{padding:7px 0 7px 16px;border-left:2px solid rgba(201,162,39,.35);
  margin-bottom:6px;font-size:13.5px;color:var(--dk);line-height:1.7}

/* ── Sidebar ── */
.iui-sidebar{width:272px;flex-shrink:0;position:sticky;top:76px;
  display:flex;flex-direction:column;gap:12px}
.iui-sb{background:#fff;border:1px solid var(--card-border);border-radius:12px;overflow:hidden}
.iui-sbh{background:rgba(201,162,39,.07);padding:10px 14px;
  font-size:10px;font-weight:700;letter-spacing:2px;color:var(--mu);text-transform:uppercase;
  border-bottom:1px solid rgba(201,162,39,.08)}
.iui-sr{display:flex;gap:8px;padding:9px 14px;border-bottom:1px solid rgba(201,162,39,.06)}
.iui-sr:last-child{border:none}
.iui-sl{font-size:11px;color:#8B6040;min-width:68px;flex-shrink:0;padding-top:1px}
.iui-sv{font-size:12.5px;color:var(--dk);font-weight:500;line-height:1.45}

/* ── Quote highlight (sidebar) ── */
.iui-qhigh{background:linear-gradient(135deg,#1A0030,#0A0300);border-radius:12px;padding:16px}
.iui-qhtag{font-size:9px;font-weight:700;letter-spacing:2px;color:rgba(201,162,39,.55);
  text-transform:uppercase;margin-bottom:10px}
.iui-qhtext{font-family:'Noto Serif Tamil',serif;font-size:13.5px;color:#C9A227;
  line-height:2.1;margin:0}

/* ── Nearby siddhars ── */
.iui-nearby-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}
.iui-nc{background:#FFF8EE;border:1px solid rgba(201,162,39,.15);border-radius:9px;
  padding:10px 12px;text-decoration:none;display:block;transition:border-color .2s,transform .2s}
.iui-nc:hover{border-color:var(--mu);transform:translateY(-2px)}
.iui-ne{font-size:28px;margin-bottom:4px}
.iui-nn{font-family:'Noto Serif Tamil',serif;font-size:13px;color:var(--dk);
  font-weight:600;line-height:1.3}
.iui-nen{font-size:10px;color:#8B6040}

/* ── Back/nav buttons ── */
.iui-btn{display:block;text-align:center;padding:11px;border-radius:9px;
  font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s}
.iui-btn:hover{opacity:.85}
.iui-btn-gold{background:linear-gradient(135deg,#B8860B,#C9A227);color:#1A0800}
.iui-btn-outline{background:#fff;border:1px solid rgba(201,162,39,.24);color:#8B6000}

/* ── Share ── */
.iui-share{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.iui-share a{padding:9px 18px;border-radius:8px;font-size:12.5px;font-weight:500;
  text-decoration:none;transition:opacity .2s}
.iui-share a:hover{opacity:.8}

/* ══════════════════════════════════
   SIDDHAR ARCHIVE
   ══════════════════════════════════ */
.iui-sid-archive{background:var(--bg);min-height:100vh}

/* Hero */
.iui-sid-hero{background:radial-gradient(circle at 50% 20%,rgba(201,162,39,.18),transparent 45%),
  linear-gradient(160deg,#100400,#2A0E00 52%,#4A1800);padding:88px 20px 56px;
  position:relative;overflow:hidden}
.iui-sid-hero::before{content:'🧘';position:absolute;right:-2%;top:50%;transform:translateY(-50%);
  font-size:280px;opacity:.04;line-height:1}
.iui-sid-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:680px;margin-top:28px}
.iui-sid-stat{background:rgba(255,255,255,.07);border:1px solid rgba(201,162,39,.22);
  border-radius:12px;padding:14px;text-align:center}
.iui-sid-stat strong{display:block;color:#C9A227;font-size:22px;font-weight:700}
.iui-sid-stat span{font-size:11px;color:rgba(255,220,150,.65);font-family:'Noto Serif Tamil',serif}

/* Filter pills */
.iui-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:24px}
.iui-pill{padding:8px 16px;border-radius:20px;border:1px solid rgba(201,162,39,.24);
  background:#fff;color:#5A3010;font-size:13px;text-decoration:none;transition:all .2s}
.iui-pill:hover,.iui-pill.on{background:linear-gradient(135deg,var(--mu),var(--gd));color:#fff;border-color:transparent}

/* Siddhar card grid */
.iui-sid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.iui-scard{background:#fff;border:1px solid rgba(201,162,39,.16);border-radius:16px;
  overflow:hidden;box-shadow:0 6px 20px rgba(26,8,0,.05);
  transition:transform .25s,box-shadow .25s;text-decoration:none;display:block}
.iui-scard:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(26,8,0,.12)}
.iui-scard-top{height:6px;background:linear-gradient(90deg,var(--mu),var(--gd))}
.iui-scard-body{padding:20px}
.iui-scard-emoji{font-size:44px;margin-bottom:10px;display:block;
  filter:drop-shadow(0 2px 8px rgba(201,162,39,.25))}
.iui-scard-ta{font-family:'Noto Serif Tamil',serif;font-size:21px;color:var(--dk);
  font-weight:700;margin:0 0 3px;line-height:1.2}
.iui-scard-en{font-size:12px;color:#8B6040;margin-bottom:10px;font-weight:500}
.iui-scard-meta{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}
.iui-scard-tag{font-size:11px;background:#FFF8EE;border:1px solid rgba(201,162,39,.16);
  border-radius:20px;padding:3px 9px;color:#5A3010}
.iui-scard-excerpt{font-size:13.5px;line-height:1.8;color:#3A2010;margin-bottom:14px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.iui-scard-cta{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#B8860B,#C9A227);
  color:#fff;border-radius:8px;padding:8px 16px;font-size:12.5px;font-weight:600}

/* ══════════════════════════════════
   SIDDHAR SINGLE
   ══════════════════════════════════ */
.iui-ss-hero{background:linear-gradient(160deg,#0D0500 0%,#2D1000 50%,#4A1800 100%);
  padding:90px 20px 48px;position:relative;overflow:hidden;min-height:240px}
.iui-ss-hero::before{position:absolute;right:3%;top:50%;transform:translateY(-50%);
  font-size:160px;opacity:.05;line-height:1;pointer-events:none;content:attr(data-emoji)}
.iui-bc{font-size:11px;color:rgba(201,162,39,.5);display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.iui-bc a{color:inherit}.iui-bc a:hover{color:#C9A227}
.iui-hero-row{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}
.iui-hero-emoji{font-size:70px;line-height:1;filter:drop-shadow(0 4px 14px rgba(201,162,39,.3))}
.iui-hero-name{font-size:clamp(24px,4vw,38px);color:#fff;font-weight:700;margin:0 0 4px}
.iui-hero-ta{font-family:'Noto Serif Tamil',serif;font-size:22px;color:rgba(255,220,150,.9);
  margin:0 0 10px;font-weight:600}
.iui-htag{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
  border-radius:20px;padding:4px 13px;font-size:12px;color:rgba(255,220,150,.9)}

.iui-ss-body{background:var(--bg);padding:28px 20px 56px}
.iui-ss-inner{max-width:980px;margin:0 auto;display:flex;gap:24px;align-items:flex-start}
.iui-ss-main{flex:1;min-width:0}

/* ══════════════════════════════════
   TEMPLE ARCHIVE — STUNNING
   ══════════════════════════════════ */
.iui-ta-hero{position:relative;overflow:hidden;
  background:linear-gradient(160deg,#050010 0%,#0A0020 40%,#1A0500 100%);
  padding:90px 20px 56px;min-height:300px}
.iui-ta-hero::before{content:'🛕';position:absolute;right:2%;top:50%;
  transform:translateY(-50%);font-size:280px;opacity:.04;line-height:1}

/* Temple search bar */
.iui-t-search{display:flex;max-width:560px;background:rgba(255,255,255,.08);
  border:1px solid rgba(201,162,39,.3);border-radius:50px;overflow:hidden;margin-top:24px}
.iui-t-search input{flex:1;background:transparent;border:none;padding:13px 20px;
  color:#fff;font-size:14px;outline:none}
.iui-t-search input::placeholder{color:rgba(255,220,150,.4)}
.iui-t-search button{padding:13px 24px;background:linear-gradient(135deg,#B8860B,#C9A227);
  color:#1A0800;border:none;font-weight:700;cursor:pointer;font-size:13px}

/* Temple featured grid — top 6 */
.iui-t-featured{padding:48px 20px 0;max-width:1200px;margin:0 auto}
.iui-t-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:340px 280px;gap:4px}
.iui-t-grid .iui-tc:nth-child(1){grid-column:1/3;grid-row:1}
.iui-t-grid .iui-tc:nth-child(5){grid-column:2/4}

.iui-tc{position:relative;overflow:hidden;cursor:pointer;text-decoration:none;display:flex;align-items:flex-end}
.iui-tc:hover .iui-tc-bg{transform:scale(1.06)}
.iui-tc:hover .iui-tc-enter{opacity:1;transform:translateY(0)}
.iui-tc-bg{position:absolute;inset:0;background-size:cover!important;
  background-position:center!important;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}
.iui-tc-ov{position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.87) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.05) 100%)}
.iui-tc-con{position:relative;z-index:2;padding:22px 26px;width:100%}
.iui-tc-badge{display:inline-block;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;
  color:#C9A227;background:rgba(201,162,39,.15);border:1px solid rgba(201,162,39,.35);
  border-radius:3px;padding:3px 9px;margin-bottom:10px}
.iui-tc-name{font-family:'Noto Serif Tamil',serif;font-size:clamp(18px,2.5vw,30px);
  color:#fff;font-weight:700;line-height:1.2;margin:0 0 5px}
.iui-tc-sub{font-size:12.5px;color:rgba(255,230,180,.75);line-height:1.6;margin:0 0 10px}
.iui-tc-enter{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(201,162,39,.65);
  opacity:0;transform:translateY(6px);transition:all .3s}
/* Gopuram SVG overlay */
.iui-gopuram{position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:90%;opacity:.07;pointer-events:none}

/* Temple card grid (list view) */
.iui-t-list-wrap{max-width:1200px;margin:0 auto;padding:40px 20px 60px}
.iui-t-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.iui-tcard{background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,.07);text-decoration:none;display:block;
  transition:transform .25s,box-shadow .25s;border:1px solid rgba(201,162,39,.12)}
.iui-tcard:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.14)}
.iui-tcard-img{height:180px;background-size:cover!important;background-position:center!important;
  position:relative;overflow:hidden;background:#1A0800}
.iui-tcard-img-inner{position:absolute;inset:0;background-size:cover;background-position:center;
  transition:transform .6s}
.iui-tcard:hover .iui-tcard-img-inner{transform:scale(1.07)}
.iui-tcard-img-ov{position:absolute;bottom:0;left:0;right:0;height:50%;
  background:linear-gradient(0deg,rgba(0,0,0,.7),transparent)}
.iui-tcard-deity{position:absolute;bottom:10px;left:14px;font-size:11px;
  background:rgba(201,162,39,.85);color:#1A0800;border-radius:20px;
  padding:3px 10px;font-weight:700;letter-spacing:.5px}
.iui-tcard-body{padding:16px}
.iui-tcard-name{font-family:'Noto Serif Tamil',serif;font-size:17px;color:var(--dk);
  font-weight:700;margin:0 0 4px}
.iui-tcard-loc{font-size:12px;color:#8B6040;margin-bottom:8px;display:flex;align-items:center;gap:4px}
.iui-tcard-desc{font-size:13px;line-height:1.75;color:#3A2010;margin-bottom:12px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.iui-tcard-cta{font-size:12px;color:var(--mu);font-weight:600;display:flex;align-items:center;gap:4px}

/* ── Responsive ── */
@media(max-width:768px){
  .iui-t-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 220px 220px}
  .iui-t-grid .iui-tc:nth-child(1){grid-column:1/3}
  .iui-t-grid .iui-tc:nth-child(5){grid-column:1/2}
  .iui-ss-inner{flex-direction:column}
  .iui-sidebar{width:100%;position:static}
  .iui-sid-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .iui-t-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .iui-t-grid .iui-tc{height:220px}
  .iui-t-grid .iui-tc:nth-child(1),.iui-t-grid .iui-tc:nth-child(5){grid-column:1}
}

/* ── Section utils ── */
.iui-wrap{max-width:980px;margin:0 auto}
.iui-section-tag{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(201,162,39,.6);margin-bottom:12px}
.iui-section-title{font-family:'Noto Serif Tamil',serif;font-size:clamp(24px,4vw,36px);color:#fff;margin:0 0 8px}
.iui-section-sub{font-size:14px;color:rgba(255,220,150,.65);max-width:560px}

/* ── Animate on scroll ── */
.iui-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.iui-reveal.visible{opacity:1;transform:none}