/* =====================================================================
   Adiveda Reading — front-end styles
   Matched to the site's "ad-" design tokens so Reading pages are visually
   indistinguishable from the rest of adiveda.in.
   Palette: midnight #1A1A3E · ivory #FDFAF3 · sand #F4ECD8 · gold #C9A35D
            marigold #E8A33D · bronze #7A5926 · indigo #3A2E5F
   Type:    Cormorant Garamond (headings) · Inter (body) · Noto Sans Devanagari
   ===================================================================== */

.advr {
  --ink:        #1A1A3E;
  --ink-soft:   #4A4A66;
  --indigo:     #3A2E5F;
  --ivory:      #FDFAF3;
  --sand:       #F4ECD8;
  --gold:       #C9A35D;
  --gold-deep:  #7A5926;
  --marigold:   #E8A33D;
  --ink-black:  #0E0E22;
  --line:       #E7DEC9;
  --line-soft:  #EFE7D5;

  --serif: "Cormorant Garamond", Cormorant, Georgia, "Times New Roman", serif;
  --sans:  Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --deva:  "Noto Sans Devanagari", "Nirmala UI", "Mangal", var(--sans);

  --content: 720px;
  --wide:    1120px;
  --glow:    0 14px 38px -14px rgba(232, 163, 61, 0.45);

  background: var(--ivory);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16.8px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.advr *, .advr *::before, .advr *::after { box-sizing: border-box; }

.advr-wrap {
  max-width: var(--wide);
  margin: 0 auto;
  padding: clamp(32px, 6vw, 72px) clamp(18px, 5vw, 24px) clamp(60px, 9vw, 110px);
}
.advr-wrap-narrow { max-width: var(--content); }

/* ---- Eyebrow / kicker (signature label) ----------------------------- */
.advr-eyebrow {
  font-family: var(--sans);
  font-size: 0.78rem;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold-deep);
  margin: 0 0 0.9rem;
}
.advr-eyebrow-hi { font-family: var(--deva); letter-spacing: 0.04em; font-size: 1rem; text-transform: none; }

/* ---- Page header ----------------------------------------------------- */
.advr-pagehead { text-align: center; max-width: 760px; margin: 0 auto clamp(32px, 5vw, 56px); }
.advr-title {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(2.6rem, 6vw, 4.4rem);
  line-height: 1.04;
  letter-spacing: -0.015em;
  color: var(--ink);
  margin: 0;
}
.advr-title-hi {
  font-family: var(--deva);
  font-weight: 500;
  color: var(--gold);
  font-size: 0.62em;
  margin-left: 0.35em;
  letter-spacing: 0;
  vertical-align: 0.06em;
}
.advr-lede {
  font-family: var(--sans);
  font-size: 1.06rem;
  line-height: 1.65;
  color: var(--ink-soft);
  max-width: 60ch;
  margin: 1.1rem auto 0;
}

/* ---- Breadcrumbs ----------------------------------------------------- */
.advr-crumbs {
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  color: var(--ink-soft);
  margin: 0 0 1.6rem;
  display: flex; flex-wrap: wrap; gap: 0.5em; align-items: center;
}
.advr-crumbs a { color: var(--gold-deep); text-decoration: none; }
.advr-crumbs a:hover { color: var(--marigold); text-decoration: underline; }
.advr-crumb-current { color: var(--ink); }

/* ---- Category grid (landing) ---------------------------------------- */
.advr-cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
  gap: clamp(14px, 2vw, 22px);
}
.advr-cat-card {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: clamp(20px, 3vw, 30px);
  background: #FFFDF8;
  border: 1px solid var(--line);
  border-radius: 16px;
  text-decoration: none;
  color: var(--ink);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.advr-cat-card:hover {
  transform: translateY(-3px);
  border-color: var(--gold);
  box-shadow: var(--glow);
}
.advr-cat-hi { font-family: var(--deva); font-size: 1.5rem; line-height: 1.2; color: var(--gold); font-weight: 500; }
.advr-cat-name { font-family: var(--serif); font-size: 1.7rem; font-weight: 500; line-height: 1.1; letter-spacing: -0.01em; color: var(--ink); }
.advr-cat-desc { font-size: 0.95rem; line-height: 1.55; color: var(--ink-soft); margin-top: 0.15rem; }
.advr-cat-meta {
  margin-top: auto; padding-top: 0.9rem;
  font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold-deep);
  display: flex; align-items: center; justify-content: space-between;
}
.advr-arrow { transition: transform .18s ease; }
.advr-cat-card:hover .advr-arrow,
.advr-text-link:hover .advr-arrow { transform: translateX(4px); }

/* ---- Text list (category page) -------------------------------------- */
.advr-text-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.advr-text-item { border-bottom: 1px solid var(--line); }
.advr-text-link {
  display: flex; align-items: baseline; gap: 1rem;
  padding: 1.15rem 0.5rem; text-decoration: none; color: var(--ink);
  transition: padding .15s ease, background .15s ease;
}
.advr-text-link:hover { padding-left: 1rem; background: linear-gradient(90deg, rgba(201,163,93,0.07), transparent); }
.advr-text-titles { display: flex; flex-direction: column; gap: 0.1rem; flex: 1; }
.advr-text-hi { font-family: var(--deva); font-size: 1.15rem; color: var(--gold); line-height: 1.3; }
.advr-text-en { font-family: var(--serif); font-size: 1.5rem; font-weight: 500; line-height: 1.15; color: var(--ink); }
.advr-text-deity { font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold-deep); white-space: nowrap; }
.advr-text-link .advr-arrow { color: var(--gold); align-self: center; }

/* ---- Single text: header -------------------------------------------- */
.advr-single .advr-wrap { padding-top: clamp(24px, 4vw, 44px); }
.advr-texthead { text-align: center; margin: 0 auto clamp(28px, 4vw, 44px); }
.advr-text-h1-hi {
  font-family: var(--deva);
  font-weight: 700;
  font-size: clamp(2rem, 5vw, 3.1rem);
  line-height: 1.25;
  color: var(--ink);
  margin: 0 0 0.4rem;
}
.advr-text-h1-en {
  font-family: var(--serif);
  font-weight: 500;
  font-style: italic;
  font-size: clamp(1.3rem, 3vw, 1.8rem);
  color: var(--indigo);
  margin: 0;
}
.advr-text-origin { font-size: 0.9rem; color: var(--ink-soft); margin: 0.7rem 0 0; }
.advr-texthead .advr-lede { margin-top: 0.8rem; }

/* Ornamental rule */
.advr-rule { display: flex; align-items: center; justify-content: center; gap: 1rem; margin: 1.8rem auto 0; max-width: 360px; color: var(--gold); }
.advr-rule::before, .advr-rule::after { content: ""; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--gold)); }
.advr-rule::after { background: linear-gradient(90deg, var(--gold), transparent); }
.advr-rule span { font-family: var(--deva); font-size: 1.05rem; }

/* ---- Single text: verse stack --------------------------------------- */
.advr-verses { max-width: var(--content); margin: 0 auto; }
.advr-section {
  font-family: var(--serif); font-weight: 500; font-size: 1.9rem; color: var(--ink);
  text-align: center; margin: 2.6rem 0 1.4rem; letter-spacing: -0.01em;
}
.advr-verse {
  position: relative;
  padding: 1.5rem 0 1.6rem;
  border-bottom: 1px solid var(--line-soft);
}
.advr-verse:last-child { border-bottom: 0; }
.advr-verse-label {
  display: inline-block;
  font-size: 0.68rem; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--gold-deep); margin-bottom: 0.6rem;
}
.advr-row { margin: 0 0 0.5rem; }
.advr-dev {
  font-family: var(--deva);
  font-size: 1.4rem;
  line-height: 1.85;
  font-weight: 500;
  color: var(--ink);
}
.advr-iast {
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.12rem;
  line-height: 1.6;
  color: var(--gold-deep);
}
.advr-phon {
  font-family: var(--sans);
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--ink-soft);
}
.advr-hi {
  font-family: var(--deva);
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--indigo);
}
.advr-en {
  font-family: var(--sans);
  font-size: 1.02rem;
  line-height: 1.62;
  color: var(--indigo);
  margin-bottom: 0;
}

/* ---- Buttons -------------------------------------------------------- */
.advr-btn {
  display: inline-block;
  font-family: var(--sans);
  font-size: 0.82rem; font-weight: 500;
  letter-spacing: 0.06em; text-transform: uppercase;
  padding: 0.9rem 2rem; border-radius: 999px; text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
}
.advr-btn-gold { background: linear-gradient(135deg, #E8C063, #C9A35D); color: var(--ink); box-shadow: var(--glow); }
.advr-btn-gold:hover { transform: translateY(-2px); }
.advr-btn-outline { background: transparent; border: 1px solid var(--gold); color: var(--gold-deep); }
.advr-btn-outline:hover { background: var(--sand); }

/* ---- Footers / empty ------------------------------------------------ */
.advr-textfoot { margin-top: 2.6rem; text-align: center; }
.advr-empty { text-align: center; color: var(--ink-soft); padding: 2.5rem 0; }
.advr-empty p { margin: 0 0 1.4rem; }

/* ---- Pagination ----------------------------------------------------- */
.advr .wp-block-query-pagination,
.advr .pagination,
.advr .nav-links { display: flex; gap: 0.6rem; justify-content: center; margin-top: 2.2rem; flex-wrap: wrap; }
.advr .nav-links a, .advr .nav-links span {
  padding: 0.5rem 0.9rem; border: 1px solid var(--line); border-radius: 999px;
  text-decoration: none; color: var(--ink); font-size: 0.85rem;
}
.advr .nav-links a:hover { border-color: var(--gold); color: var(--gold-deep); }
.advr .nav-links .current { background: var(--ink); color: var(--ivory); border-color: var(--ink); }

/* ---- Mobile --------------------------------------------------------- */
@media (max-width: 540px) {
  .advr-text-link { flex-wrap: wrap; gap: 0.3rem; }
  .advr-text-deity { order: 3; flex-basis: 100%; }
  .advr-dev { font-size: 1.28rem; }
}

/* ---- Category page: group headings (Gods / Goddesses / Others) ------ */
.advr-group-head { font-family: var(--serif); font-size: clamp(1.5rem, 2.8vw, 2rem); font-weight: 600; letter-spacing: 0.05em; color: var(--ink); margin: 3.2rem auto 1.5rem; padding: 0; border: 0; display: flex; flex-direction: column; align-items: center; gap: 0.3rem; text-align: center; }
.advr-group-head::before { content: ""; width: 64px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--gold-deep), transparent); margin-bottom: 0.55rem; }
.advr-group-head::after { content: ""; width: 150px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--gold-deep), transparent); margin-top: 0.6rem; }
.advr-group-head:first-of-type { margin-top: 1.6rem; }
.advr-group-hi { font-family: var(--deva); font-size: 1.12rem; font-weight: 400; color: var(--gold-deep); letter-spacing: 0.02em; }


/* ---- Back button ---- */
.advr-back{display:inline-flex;align-items:center;gap:.65em;margin:1.1rem 0 0;padding:.6em 1.35em .6em 1.05em;border:1px solid rgba(201,163,93,.45);border-radius:999px;text-decoration:none;color:var(--ink);transition:background .15s ease,border-color .15s ease}
.advr-back:hover{background:rgba(201,163,93,.12);border-color:rgba(201,163,93,.75)}
.advr-back-arrow{color:var(--gold-deep);font-size:1.25em;line-height:1}
.advr-back-txt{display:flex;flex-direction:column;line-height:1.15}
.advr-back-en{font-family:var(--serif);font-weight:600;font-size:1.05rem;letter-spacing:.04em}
.advr-back-hi{font-family:var(--deva);font-size:.8rem;color:var(--gold-deep)}

/* ---- Deity chips (Browse by deity) ---- */
.advr-deity-sec{margin:2.6rem 0 0;text-align:center}
.advr-deity-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin:1.2rem 0 0;padding:0;list-style:none}
.advr-deity-chip{display:flex;flex-direction:column;align-items:center;gap:.1em;padding:.65em 1.15em;border:1px solid rgba(201,163,93,.45);border-radius:12px;text-decoration:none;color:var(--ink);transition:background .15s ease,border-color .15s ease,transform .15s ease}
.advr-deity-chip:hover{background:rgba(201,163,93,.12);border-color:rgba(201,163,93,.8);transform:translateY(-2px)}
.advr-deity-hi{font-family:var(--deva);font-size:1.02rem;color:var(--gold-deep)}
.advr-deity-en{font-family:var(--serif);font-size:.84rem;letter-spacing:.03em}


/* ---- Detailed category intro (sub-pages) ---- */
.advr-lede-lg{font-size:1.16rem;line-height:1.8;max-width:48em;margin-left:auto;margin-right:auto}