/* ═══════════════════════════════════════════
   VedKaal v7.1 — Tamil Panchangam Styles
   ═══════════════════════════════════════════ */

/* Tamil font */
.tamil-name {
  font-family: 'Noto Sans Tamil', 'Noto Sans', sans-serif;
}

/* ─── Tamil clock section accent ─────────── */
.tamil-clock-section {
  border-bottom: 3px solid #c2410c;
}

/* ─── Tamil Date Header ───────────────────── */
.tamil-date-header {
  background: linear-gradient(135deg, #fff8ee 0%, #fff3d6 100%);
  border: 1px solid #f0d9aa;
  border-left: 4px solid var(--saffron);
  border-radius: var(--radius);
  padding: 1.1rem 1.25rem;
  text-align: center;
}
.tdh-main {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: .75rem;
  flex-wrap: wrap;
  margin-bottom: .4rem;
}
.tdh-month {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--saffron-deep);
  font-family: 'Noto Sans Tamil', 'Noto Sans', sans-serif;
}
.tdh-day {
  font-size: 2rem;
  font-weight: 800;
  color: var(--saffron);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.tdh-sub {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  font-size: .82rem;
  color: var(--text-secondary);
  flex-wrap: wrap;
}
.tdh-sep {
  color: var(--text-muted);
}
.tdh-rasi {
  margin-top: .5rem;
  font-size: .8rem;
  color: var(--text-muted);
  font-weight: 500;
}

/* ─── Pancha Angam Grid ───────────────────── */
.pancha-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
}
.pancha-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-left: 3px solid var(--saffron);
  border-radius: var(--radius-sm);
  padding: .875rem 1rem;
}
.pancha-label {
  font-size: .65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--text-muted);
  margin-bottom: .2rem;
}
.pancha-value {
  font-size: .95rem;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.2;
}
.pancha-ta {
  font-size: .82rem;
  font-weight: 500;
  color: var(--saffron-deep);
  font-family: 'Noto Sans Tamil', 'Noto Sans', sans-serif;
  margin-top: .1rem;
}
.pancha-sub {
  font-size: .72rem;
  color: var(--text-secondary);
  margin-top: .15rem;
}

/* ─── Tamil section title green ──────────── */
.section-title.tamil-green { color: #166534; }

/* ─── Accordion overrides for Tamil ────────── */
.accordion-section[data-accordion="pancha"]       .accordion-header { border-left: 3px solid var(--saffron); }
.accordion-section[data-accordion="gowri"]        .accordion-header { border-left: 3px solid #166534; }
.accordion-section[data-accordion="inauspicious"] .accordion-header { border-left: 3px solid #b91c1c; }
.accordion-section[data-accordion="auspicious"]   .accordion-header { border-left: 3px solid #15803d; }

/* ─── Mobile ────────────────────────────────── */
@media (max-width: 400px) {
  .pancha-grid { grid-template-columns: 1fr; }
  .tdh-day { font-size: 1.6rem; }
  .tdh-month { font-size: 1rem; }
}