/* Mandir The Temple — Tools */
:root {
	--mtt-saffron: #ff8d26;
	--mtt-maroon: #7a1b14;
	--mtt-maroon-d: #5c1410;
	--mtt-red: #b3261e;
	--mtt-ink: #2a1a12;
	--mtt-muted: #6b5444;
	--mtt-cream: #fffaf2;
	--mtt-cream-2: #fff3e4;
	--mtt-line: #f0d2b2;
	--mtt-good: #234a23;
	--mtt-good-bg: #f1f8f0;
	--mtt-bad: #8f1d17;
	--mtt-bad-bg: #fbe4e1;
}
.mtt-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mtt-ic { flex: none; vertical-align: middle; }

/* ---------- Panchang card ---------- */
.mtt-pc { background: #fff; border: 1px solid var(--mtt-line); border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(122, 27, 20, .08); color: var(--mtt-ink); transition: opacity .2s; }
.mtt-pc.is-loading { opacity: .5; }
.mtt-pc__head { background: var(--mtt-maroon); color: #fff; padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.mtt-pc__title { display: flex; flex-direction: column; line-height: 1.35; }
.mtt-pc__h { font-family: 'Tiro Devanagari Hindi', serif; font-size: 24px; }
.mtt-pc__date { font-size: 13px; color: #ffd9b3; }
.mtt-pc__today { display: inline-block; align-self: flex-start; margin-top: 6px; background: var(--mtt-saffron); color: #2a1a12; font-size: 13px; font-weight: 700; border-radius: 999px; padding: 2px 10px; }
.mtt-pc__city { display: flex; align-items: center; gap: 6px; color: #ffd9b3; margin: 0; }
.mtt-pc__city select { font: 600 15px/1.2 inherit; font-family: inherit; border-radius: 8px; border: 0; padding: 7px 8px; background: #fff; color: var(--mtt-maroon); max-width: 160px; min-height: 40px; }
.mtt-pc__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 4px 18px; }
.mtt-pc__row { display: flex; flex-direction: column; padding: 9px 0; border-bottom: 1px dashed var(--mtt-line); }
.mtt-pc__k { font-size: 13px; color: var(--mtt-muted); font-weight: 600; }
.mtt-pc__v { font-size: 17px; font-weight: 600; }
.mtt-pc__s { font-size: 13px; color: var(--mtt-muted); }
.mtt-pc__sun { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 12px 18px; }
.mtt-pc__sun > div { background: var(--mtt-cream-2); border-radius: 12px; padding: 10px 12px; display: flex; align-items: center; gap: 10px; color: #c2410c; }
.mtt-pc__sun span { display: flex; flex-direction: column; color: var(--mtt-ink); }
.mtt-pc__sun small { font-size: 13px; color: var(--mtt-muted); font-weight: 600; }
.mtt-pc__sun b { font-size: 19px; }
.mtt-pc__rahu { margin: 0 18px; display: flex; justify-content: space-between; align-items: center; background: var(--mtt-bad-bg); color: var(--mtt-bad); border-radius: 12px; padding: 10px 14px; font-weight: 700; gap: 8px; }
.mtt-pc__rahu b { font-size: 18px; }
.mtt-pc__kaal { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 8px 18px 0; font-size: 15px; }
.mtt-pc__kaal > div { display: flex; flex-direction: column; border: 1px solid var(--mtt-line); border-radius: 10px; padding: 7px 12px; }
.mtt-pc__kaal span { color: var(--mtt-muted); font-size: 13px; font-weight: 600; }
.mtt-pc__kaal .is-good { background: var(--mtt-good-bg); border-color: #cfe5cf; }
.mtt-pc__kaal .is-good span, .mtt-pc__kaal .is-good b { color: var(--mtt-good); }
.mtt-pc__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 18px 16px; flex-wrap: wrap; }
.mtt-pc__tz { font-size: 12px; color: var(--mtt-muted); background: #f6efe6; border-radius: 6px; padding: 2px 8px; }
.mtt-pc__more { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--mtt-maroon); text-decoration: none; }

/* ---------- Upcoming list ---------- */
.mtt-up { list-style: none; margin: 0; padding: 0; }
.mtt-up li { margin: 0; }
.mtt-up__item { display: flex; align-items: center; gap: 14px; padding: 11px 16px; border-bottom: 1px dashed var(--mtt-line); color: var(--mtt-ink); text-decoration: none; }
a.mtt-up__item:hover .mtt-up__title { color: var(--mtt-maroon); }
.mtt-up__date { width: 52px; flex: none; border-radius: 10px; background: #fff1e3; display: flex; flex-direction: column; align-items: center; padding: 4px 0; line-height: 1.15; }
.mtt-up__date b { font-size: 20px; color: var(--mtt-maroon); }
.mtt-up__date small { font-size: 12px; color: var(--mtt-muted); font-weight: 600; }
.mtt-up__t { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.mtt-up__title { font-size: 17px; font-weight: 600; }
.mtt-up__t small { font-size: 13px; color: var(--mtt-muted); }
.mtt-up__left { font-size: 13px; font-weight: 700; color: #a84a00; white-space: nowrap; }

/* ---------- Choghadiya ---------- */
.mtt-chog { list-style: none; margin: 0; padding: 0; }
.mtt-chog__row { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 14px; border-bottom: 1px dashed #f6e4d1; font-size: 16px; margin: 0; }
.mtt-chog__row.is-now { background: var(--mtt-cream-2); border-radius: 8px; }
.mtt-chog__n { display: flex; align-items: center; gap: 8px; }
.mtt-chog__n i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.mtt-chog__n small { font-size: 13px; font-weight: 600; }
.mtt-chog__row.is-good i { background: #2f7d32; } .mtt-chog__row.is-good small { color: #2f6a31; }
.mtt-chog__row.is-mid i { background: #d08a1c; } .mtt-chog__row.is-mid small { color: #8a5a0c; }
.mtt-chog__row.is-bad i { background: var(--mtt-red); } .mtt-chog__row.is-bad small { color: #9b2019; }
.mtt-chog__t { color: #4a3426; white-space: nowrap; }
.mtt-chog-wrap { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.mtt-chog-wrap > div { background: #fff; border: 1px solid var(--mtt-line); border-radius: 16px; overflow: hidden; }
.mtt-chog-wrap h3, .mtt-chog-wrap h4 { margin: 0; padding: 12px 14px; font-size: 18px; color: var(--mtt-maroon-d); border-bottom: 1px solid #f3d9bd; }

/* ---------- Tool pages ---------- */
.mtt-tool { color: var(--mtt-ink); margin: 0 0 28px; }
.mtt-tool h3 { font-size: 22px; color: var(--mtt-maroon-d); margin: 28px 0 12px; }
.mtt-tool__bar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; background: var(--mtt-cream-2); border: 1px solid var(--mtt-line); border-radius: 14px; padding: 12px 14px; margin-bottom: 18px; }
.mtt-tool__sub { color: var(--mtt-muted); }
.mtt-cityform { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0; }
.mtt-cityform label { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--mtt-maroon); }
.mtt-cityform select { min-height: 44px; border: 1px solid var(--mtt-line); border-radius: 10px; padding: 6px 10px; font: inherit; font-weight: 600; color: var(--mtt-maroon); background: #fff; }
.mtt-datenav { display: flex; gap: 6px; flex-wrap: wrap; }
.mtt-datenav a { display: inline-flex; align-items: center; min-height: 40px; padding: 6px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--mtt-line); color: var(--mtt-maroon); font-weight: 600; text-decoration: none; }
.mtt-panchang__hero { background: var(--mtt-maroon); color: #fff; border-radius: 18px; padding: 20px 22px; margin-bottom: 14px; }
.mtt-panchang__hero h2 { margin: 0 0 4px; color: #fff; font-family: 'Tiro Devanagari Hindi', serif; font-weight: 400; font-size: 30px; }
.mtt-panchang__hero p { margin: 0; color: #ffe9d2; }
.mtt-panchang__sun { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mtt-panchang__sun > div { background: var(--mtt-cream-2); border-radius: 14px; padding: 14px 16px; display: flex; gap: 12px; align-items: center; color: #c2410c; }
.mtt-panchang__sun span { display: flex; flex-direction: column; color: var(--mtt-ink); }
.mtt-panchang__sun small { color: var(--mtt-muted); font-weight: 600; }
.mtt-panchang__sun b { font-size: 24px; }
.mtt-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid var(--mtt-line); border-radius: 14px; overflow: hidden; }
.mtt-table th, .mtt-table td { text-align: left; padding: 11px 14px; border-bottom: 1px dashed var(--mtt-line); vertical-align: top; }
.mtt-table th { width: 34%; color: var(--mtt-muted); font-weight: 600; background: #fffcf7; }
.mtt-table td small, .mtt-table th small { display: block; color: var(--mtt-muted); font-size: 13px; font-weight: 400; }
.mtt-table--cols th { width: auto; }
.mtt-table--cols thead th { background: var(--mtt-maroon); color: #fff; }
.mtt-kaal { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.mtt-kaal > div { border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; }
.mtt-kaal span { font-size: 14px; font-weight: 600; }
.mtt-kaal b { font-size: 18px; }
.mtt-kaal .is-bad { background: var(--mtt-bad-bg); color: var(--mtt-bad); }
.mtt-kaal .is-good { background: var(--mtt-good-bg); color: var(--mtt-good); }
.mtt-big { background: var(--mtt-bad-bg); color: var(--mtt-bad); border-radius: 18px; padding: 20px; display: flex; flex-direction: column; gap: 4px; }
.mtt-big b { font-size: 34px; line-height: 1.2; }
.mtt-note { font-size: 14px; color: var(--mtt-muted); background: #f8f2ea; border-radius: 10px; padding: 10px 14px; margin-top: 18px; }

.mtt-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; align-items: end; background: #fff; border: 1px solid var(--mtt-line); border-radius: 16px; padding: 18px; }
.mtt-form label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; color: var(--mtt-maroon-d); }
.mtt-form input { min-height: 48px; border: 1px solid #e3c4a3; border-radius: 10px; padding: 8px 12px; font: inherit; font-size: 17px; color: var(--mtt-ink); background: #fffdf9; }
.mtt-form input:focus { outline: 2px solid var(--mtt-saffron); outline-offset: 1px; }
.mtt-btn { min-height: 48px; border: 0; border-radius: 12px; background: var(--mtt-maroon); color: #fff; font: inherit; font-size: 17px; font-weight: 700; padding: 0 22px; cursor: pointer; }
.mtt-btn:hover { background: var(--mtt-maroon-d); }
.mtt-result { margin-top: 16px; }
.mtt-res-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.mtt-res { background: var(--mtt-cream-2); border: 1px solid var(--mtt-line); border-radius: 16px; padding: 16px 18px; display: flex; flex-direction: column; gap: 4px; }
.mtt-res__k { font-size: 14px; font-weight: 700; color: #a84a00; }
.mtt-res__n { font-family: 'Tiro Devanagari Hindi', serif; font-size: 46px; line-height: 1.1; color: var(--mtt-maroon); font-weight: 400; }
.mtt-res__p { font-weight: 700; }
.mtt-res p { margin: 2px 0; }
.mtt-res small { color: var(--mtt-muted); }
.mtt-err { color: var(--mtt-bad); background: var(--mtt-bad-bg); border-radius: 10px; padding: 10px 14px; }

.mtt-tools-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }
.mtt-toolcard { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid var(--mtt-line); border-radius: 14px; padding: 16px; color: var(--mtt-ink); text-decoration: none; }
a.mtt-toolcard:hover { border-color: var(--mtt-saffron); }
.mtt-toolcard__ic { width: 48px; height: 48px; flex: none; border-radius: 12px; background: var(--mtt-saffron); color: #3a0d09; display: flex; align-items: center; justify-content: center; }
.mtt-toolcard b { display: block; font-size: 17px; }
.mtt-toolcard small { color: var(--mtt-muted); }
.mtt-toolcard.is-soon { opacity: .7; }
.mtt-toolcard.is-soon .mtt-toolcard__ic { background: #f3e2cf; }

.mtt-favlist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.mtt-favlist li { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #fff; border: 1px solid var(--mtt-line); border-radius: 12px; padding: 6px 6px 6px 14px; margin: 0; }
.mtt-favlist a { font-weight: 600; color: var(--mtt-ink); text-decoration: none; }
.mtt-favlist button { width: 44px; height: 44px; border: 0; border-radius: 10px; background: var(--mtt-bad-bg); color: var(--mtt-bad); font-size: 22px; cursor: pointer; }

@media (max-width: 600px) {
	.mtt-pc__grid, .mtt-pc__kaal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mtt-table th { width: 42%; }
	.mtt-big b { font-size: 28px; }
	.mtt-table--cols { display: block; overflow-x: auto; }
}
@media print {
	.mtt-tool__bar, .mtt-datenav { display: none; }
}