/* ═══════════════════════════════════════════════════════════
   Iraivaa Spiritual Guide — CSS
   Works inside ANY WordPress theme — uses scoped .irv- classes
   ═══════════════════════════════════════════════════════════ */

.irv-guide{
  font-family:"Inter","Helvetica Neue",sans-serif;
  max-width:860px;margin:0 auto;padding:0 0 3rem;
  color:#2d2118;
}

/* Lang visibility */
.irv-guide[data-lang="ta"]  .irv-en  { display:none !important; }
.irv-guide[data-lang="en"]  .irv-ta  { display:none !important; }
.irv-guide[data-lang="both"] .irv-ta,
.irv-guide[data-lang="both"] .irv-en { display:block; }

/* SEO intro */
.irv-seo-intro { text-align:center; padding:2rem 1rem 1.5rem; }
.irv-main-title {
  font-family:"Noto Serif Tamil","Georgia",serif;
  font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:600;
  color:#2d2118;margin-bottom:.5rem;line-height:1.3;
}
.irv-main-title .irv-en { font-size:.75em;font-weight:400;color:#5a3e2b;display:block; }
.irv-subtitle { font-size:.95rem;color:#6b5442;line-height:1.7;max-width:680px;margin:0 auto; }
.irv-subtitle .irv-en { font-size:.88rem;color:#8a6a52; }

/* Lang bar */
.irv-lang-bar {
  display:flex;justify-content:center;gap:.5rem;
  margin-bottom:1.5rem;flex-wrap:wrap;
}
.irv-lang-btn {
  padding:.4rem 1.1rem;border-radius:20px;border:1.5px solid #ead0a6;
  background:#fff;color:#8a2f10;font-size:.8rem;cursor:pointer;
  font-family:"Inter",sans-serif;transition:all .2s;
}
.irv-lang-btn.on {
  background:#8a2f10;color:#fff;border-color:#8a2f10;font-weight:600;
}

/* Step label */
.irv-step { margin-bottom:1.5rem; }
.irv-step-label {
  display:flex;align-items:center;gap:.7rem;
  font-size:1rem;font-weight:600;color:#2d2118;margin-bottom:1rem;
}
.irv-step-num {
  width:28px;height:28px;border-radius:50%;
  background:#8a2f10;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:.85rem;font-weight:700;flex-shrink:0;
}
.irv-step-label .irv-en { font-size:.88rem;font-weight:400;color:#6b5442; }

/* Problem grid */
.irv-problem-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:.75rem;
}
.irv-prob-btn {
  display:flex;flex-direction:column;align-items:center;
  gap:.4rem;padding:1.1rem .8rem;
  background:#fff;border:1.5px solid #ead0a6;border-radius:10px;
  cursor:pointer;text-align:center;transition:all .22s;
  font-family:"Inter",sans-serif;
}
.irv-prob-btn:hover, .irv-prob-btn.on {
  border-color:#8a2f10;background:#fff6ee;
  transform:translateY(-2px);box-shadow:0 4px 14px rgba(138,47,16,.12);
}
.irv-prob-icon { font-size:1.8rem;line-height:1; }
.irv-prob-btn .irv-ta {
  font-family:"Noto Serif Tamil",serif;font-size:.82rem;
  color:#2d2118;font-weight:600;line-height:1.35;
}
.irv-prob-btn .irv-en { font-size:.75rem;color:#8a6a52;line-height:1.3; }

/* Sub grid */
.irv-sub-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:.65rem;
}
.irv-sub-btn {
  padding:.75rem 1rem;background:#fff;border:1.5px solid #ead0a6;
  border-radius:8px;cursor:pointer;text-align:left;transition:all .2s;
  font-family:"Inter",sans-serif;
}
.irv-sub-btn:hover {
  border-color:#8a2f10;background:#fff6ee;
}
.irv-sub-btn .irv-ta {
  font-family:"Noto Serif Tamil",serif;font-size:.88rem;
  color:#2d2118;font-weight:600;display:block;
}
.irv-sub-btn .irv-en { font-size:.78rem;color:#8a6a52;display:block;margin-top:2px; }

/* Back + selected */
.irv-back-row {
  display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;
}
.irv-back-btn {
  padding:.35rem .9rem;border:1.5px solid #ead0a6;border-radius:6px;
  background:#fff;color:#8a2f10;font-size:.8rem;cursor:pointer;
  font-family:"Inter",sans-serif;transition:all .2s;
}
.irv-back-btn:hover { background:#fff6ee; }
.irv-selected-label {
  font-family:"Noto Serif Tamil",serif;font-size:.9rem;
  color:#2d2118;font-weight:600;
}

/* Result */
.irv-result-header {
  display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;
}
.irv-result-title {
  font-size:1rem;font-weight:600;color:#2d2118;
}
.irv-result-title .irv-en { font-size:.85rem;font-weight:400;color:#6b5442; }

/* Cards */
.irv-card {
  background:#fff;border:1.5px solid #ead0a6;border-radius:10px;
  padding:1.2rem 1.3rem;margin-bottom:.9rem;
}
.irv-card-head {
  display:flex;align-items:center;gap:.55rem;
  margin-bottom:.9rem;padding-bottom:.6rem;
  border-bottom:1px solid #f0d8b0;
}
.irv-card-icon { font-size:1.1rem;flex-shrink:0; }
.irv-card-title {
  font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;
  font-weight:700;color:#8a2f10;
}

/* Deity card */
.irv-card-deity { background:linear-gradient(135deg,#fff6ee,#fffaf5); }
.irv-deity-name {
  font-family:"Noto Serif Tamil",serif;font-size:1.15rem;
  font-weight:700;color:#2d2118;margin-bottom:.3rem;
}
.irv-deity-name-en { font-size:.9rem;color:#6b5442; }

/* Temple list */
.irv-temple-list { list-style:none;padding:0;margin:0; }
.irv-temple-item {
  padding:.55rem 0;border-bottom:1px solid #f5e8d0;
}
.irv-temple-item:last-child { border:none;padding-bottom:0; }
.irv-temple-item .irv-ta {
  font-family:"Noto Serif Tamil",serif;font-size:.9rem;
  color:#2d2118;display:block;font-weight:600;
}
.irv-temple-item .irv-en { font-size:.8rem;color:#8a6a52;display:block;margin-top:1px; }

/* Mantra */
.irv-card-mantra { background:#fff9f0;border-color:#dba87a; }
.irv-mantra-text {
  font-family:"Noto Serif Tamil",serif;font-size:1.05rem;
  color:#5a1a00;line-height:2;font-weight:600;margin-bottom:.4rem;
}
.irv-mantra-en { font-size:.85rem;color:#8a5a3a;font-style:italic;margin-bottom:.9rem; }
.irv-play-btn {
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.4rem 1rem;border:1.5px solid #8a2f10;border-radius:20px;
  background:#fff;color:#8a2f10;font-size:.78rem;cursor:pointer;
  font-family:"Inter",sans-serif;transition:all .2s;
}
.irv-play-btn:hover { background:#8a2f10;color:#fff; }
.irv-play-btn.playing { background:#8a2f10;color:#fff; }

/* Steps */
.irv-steps { padding-left:0;margin:0;list-style:none;counter-reset:step; }
.irv-step-item {
  counter-increment:step;
  display:flex;gap:.75rem;align-items:flex-start;
  padding:.6rem 0;border-bottom:1px solid #f5e8d0;
}
.irv-step-item:last-child { border:none; }
.irv-step-item::before {
  content:counter(step);
  min-width:24px;height:24px;border-radius:50%;
  background:#8a2f10;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:1px;
}
.irv-step-item .irv-ta {
  font-family:"Noto Serif Tamil",serif;font-size:.88rem;
  color:#2d2118;display:block;font-weight:600;
}
.irv-step-item .irv-en { font-size:.8rem;color:#6b5442;display:block;margin-top:2px; }

/* Pariharam */
.irv-pariharam-text {
  font-size:.88rem;line-height:1.9;color:#2d2118;margin-bottom:.5rem;
}
.irv-card-pariharam .irv-ta.irv-pariharam-text {
  font-family:"Noto Serif Tamil",serif;
}

/* Neram */
.irv-card-neram { background:#f0f9f4;border-color:#9ecdb5; }
.irv-card-neram .irv-ta { font-family:"Noto Serif Tamil",serif;font-size:.9rem;color:#1a4a30;line-height:1.85; }
.irv-card-neram .irv-en { font-size:.82rem;color:#2e6a4a; }

/* Kural */
.irv-card-kural { background:#fff8ee;border-color:#d4a855; }
.irv-kural-num {
  font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;
  color:#8a6000;font-weight:700;margin-bottom:.5rem;
}
.irv-kural-ta {
  font-family:"Noto Serif Tamil",serif;font-size:1.05rem;
  color:#2d2118;line-height:2.3;margin-bottom:.5rem;font-weight:600;
}
.irv-kural-en { font-size:.85rem;color:#6b5010;font-style:italic;margin-bottom:.8rem;line-height:1.8; }

/* Siddhar */
.irv-card-siddhar { background:#f5f0ff;border-color:#b09ad0; }
.irv-siddhar-quote { margin:0;padding:0; }
.irv-siddhar-quote .irv-ta {
  font-family:"Noto Serif Tamil",serif;font-size:.95rem;
  color:#2d0a50;line-height:2;margin-bottom:.5rem;font-style:italic;
}
.irv-siddhar-quote .irv-en { font-size:.85rem;color:#5a3a80;line-height:1.8; }

/* Result badge */
.irv-result-badge {
  display:flex;align-items:center;gap:1rem;
  background:linear-gradient(135deg,#12080a,#2a1015);
  color:#fff;border-radius:10px;padding:1rem 1.3rem;margin-bottom:1rem;
}
.irv-result-icon { font-size:2rem;flex-shrink:0; }
.irv-badge-title {
  font-family:"Noto Serif Tamil",serif;font-size:1rem;
  font-weight:700;color:#E8D5A3;
}
.irv-badge-sub { font-size:.82rem;color:rgba(255,255,255,.7);margin-top:2px; }

/* Share */
.irv-share-bar {
  display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;
  padding:1rem;background:#fff9f0;border:1.5px solid #ead0a6;border-radius:10px;
  margin-top:.5rem;
}
.irv-share-bar .irv-ta { font-size:.82rem;font-family:"Noto Serif Tamil",serif;color:#2d2118; }
.irv-share-bar .irv-en { font-size:.8rem;color:#6b5442; }
.irv-share-btn {
  padding:.4rem 1rem;border-radius:20px;border:none;cursor:pointer;
  font-size:.8rem;font-family:"Inter",sans-serif;font-weight:600;
}
.irv-wa   { background:#25D366;color:#fff; }
.irv-copy { background:#8a2f10;color:#fff; }

/* Loading */
.irv-loading {
  text-align:center;padding:2rem;
}
.irv-spinner {
  width:36px;height:36px;border:3px solid #ead0a6;
  border-top-color:#8a2f10;border-radius:50%;
  animation:irv-spin .8s linear infinite;margin:0 auto .8rem;
}
@keyframes irv-spin { to { transform:rotate(360deg); } }

/* SEO hidden content */
.irv-seo-content {
  position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;
}

/* Utilities */
.irv-hidden { display:none !important; }

/* Responsive */
@media(max-width:600px){
  .irv-problem-grid { grid-template-columns:repeat(2,1fr); }
  .irv-sub-grid     { grid-template-columns:1fr; }
  .irv-result-badge { flex-direction:column;align-items:flex-start;gap:.5rem; }
}


/* v1.0.1 button click reliability */
.irv-guide button{pointer-events:auto}
.irv-guide .irv-prob-btn,.irv-guide .irv-sub-btn,.irv-guide .irv-lang-btn,.irv-guide .irv-back-btn{position:relative;z-index:1}