/* MadRasana — Tanjore Green theme tokens
   Loaded globally on every page by the plugin.
   Switch theme via: Plugin Admin → Settings → Site theme */

@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Hanken+Grotesk:wght@300;400;500;600&display=swap');

:root {
  --mr-bg:#0E2620;  --mr-bg2:#10302A;  --mr-bg3:#0C211A;  --mr-bg4:#14342B;
  --mr-text:#F3ECD9; --mr-muted:rgba(237,227,200,.62); --mr-dim:rgba(237,227,200,.42);
  --mr-orange:#C9A24B; --mr-org-lt:#D8B45E; --mr-teal:#7FB8A0;
  --mr-red:#C9A24B;  --mr-red-lt:#B8923F;
  --mr-border:rgba(201,162,75,.18); --mr-b-vis:rgba(201,162,75,.30); --mr-b-org:rgba(201,162,75,.42);
  --mr-font:'Hanken Grotesk',system-ui,sans-serif;
  --mr-serif:'Marcellus',Georgia,serif;
  --mr-header-bg:#0C211A; --mr-footer-bg:#081712; --mr-on-accent:#0C1F18;
}

/* ══════════════════════════════════════════════════════════════
   TANJORE GREEN — dark-theme overrides for all plugin components
   These rules win over hardcoded colours in component CSS files.
══════════════════════════════════════════════════════════════ */

/* ── Play / ctrl buttons ──────────────────────────── */
/* play button icon fill is set explicitly in each component CSS */

/* ── Row hover (dark bg: light tint instead of dark tint) ── */
.mrs-item:hover,
.mrc-item:hover,
.mrc-song:hover,
.mre-song:hover {
  background: rgba(255,255,255,.05) !important;
}

/* Active / selected rows */
.mrs-item.mrs-active,
.mrs-item.mrs-selected,
.mrc-item.mrc-active,
.mrc-item.mrc-selected,
.mrc-song.mrc-active,
.mrc-song.mrc-selected {
  background: rgba(201,162,75,.10) !important;
}
.mrs-item.mrs-selected.mrs-active,
.mrc-item.mrc-selected.mrc-active,
.mrc-song.mrc-selected.mrc-active {
  background: rgba(201,162,75,.16) !important;
}

/* ── Chip / selection-action backgrounds ────────── */
.mrs-chip, .mrc-chip {
  background: rgba(201,162,75,.08) !important;
}
.mrs-sel-actions {
  background: rgba(201,162,75,.08) !important;
}

/* ── Expand button hover ─────────────────────────── */
.mrc-expand-btn:hover {
  background: rgba(201,162,75,.10) !important;
}

/* ── Dropdown option backgrounds ────────────────── */
.mrs-select option,
.mrc-select option {
  background: #10302A;
  color: #F3ECD9;
}

/* ── Songs-page badge colours ────────────────────── */
.mrs-badge, .mr-badge, .mrv-vtype-badge {
  background: rgba(201,162,75,.10) !important;
  border-color: rgba(201,162,75,.30) !important;
  color: #E7D7A8 !important;
}
.mrs-b-kriti,        .mr-type-kriti        { color: #9FC0DE !important; background: rgba(100,140,180,.12) !important; border-color: rgba(100,140,180,.30) !important; }
.mrs-b-varnam,       .mr-type-varnam       { color: #E0B45E !important; background: rgba(201,162,75,.12) !important;  border-color: rgba(201,162,75,.30) !important;  }
.mrs-b-raga-alapana, .mr-type-raga-alapana { color: #8FD0B8 !important; background: rgba(127,184,160,.12) !important; border-color: rgba(127,184,160,.30) !important; }
.mrs-b-tani,         .mr-type-tani         { color: #C6A6D6 !important; background: rgba(180,140,200,.12) !important; border-color: rgba(180,140,200,.30) !important; }
.mrs-b-swaram,       .mr-type-swaram       { color: #F0A8C0 !important; background: rgba(200,120,140,.12) !important; border-color: rgba(200,120,140,.30) !important; }
.mrs-b-mangalam,     .mr-type-mangalam     { color: #D8B45E !important; background: rgba(201,162,75,.10) !important;  border-color: rgba(201,162,75,.28) !important;  }

/* ── Editor's Pick active song row ──────── */
.mre-song.mre-active { background: rgba(201,162,75,.10) !important; }
.mre-song.mre-active .mre-song-title { color: #E7D7A8 !important; }

/* ── Editor's Pick borders (rgba(0,0,0,.07) invisible on dark) ─ */
.mre-setlist         { border-top-color:  var(--mr-border) !important; }
.mre-song            { border-top-color:  var(--mr-border) !important; }
.mre-setlist-head    { color: var(--mr-muted) !important; }

/* ── Editor's Pick song-type badge colours ──────── */
.mre-type {
  background: rgba(201,162,75,.12) !important;
  color: #E7D7A8 !important;
}
.mre-type-kriti            { background: rgba(100,140,180,.15) !important; color: #9FC0DE !important; }
.mre-type-varnam           { background: rgba(201,162,75,.15)  !important; color: #E0B45E !important; }
.mre-type-alapana,
.mre-type-raga-alapana     { background: rgba(127,184,160,.15) !important; color: #8FD0B8 !important; }
.mre-type-tani             { background: rgba(180,140,200,.15) !important; color: #C6A6D6 !important; }
.mre-type-mangalam         { background: rgba(201,162,75,.12)  !important; color: #D8B45E !important; }
.mre-type-tillana          { background: rgba(200,120,100,.15) !important; color: #ECA090 !important; }
.mre-type-pallavi          { background: rgba(100,140,200,.15) !important; color: #90B8E0 !important; }
.mre-type-javali           { background: rgba(200,100,160,.15) !important; color: #E8A0C0 !important; }
.mre-type-thukkada         { background: rgba(140,180,100,.15) !important; color: #A8D080 !important; }
.mre-type-guided-listening { background: rgba(100,180,190,.15) !important; color: #80C8D0 !important; }

/* ── Latest Videos card body border ─────────────── */
.mrlv-card-body {
  border-top-color: var(--mr-border) !important;
}