/*!
 * mon-theme.css — v1.1.0 (2026-09-20)
 * Mini-rapport web Astrayana — design « Dreamolab Mystic ».
 * Palette : or #c8a25a · indigo #1a1d3a · crème #f4ead5.
 * Changelog : 1.1.0 — aperçu enrichi : quatuor (4 pastilles), deux cartes côte à côte
 *             (D1 + D9), cartes pañcāṅga, tableau des mahādaśās (ligne en cours surlignée),
 *             tableau « ciel aujourd'hui » (chips de verdict, horizon), liste de statuts,
 *             chips de yogas, notes. Largeur max 860 px pour accueillir les deux cartes.
 *             1.0.0 — version initiale (trio, carte SVG, prose, tableau, chapitres
 *             verrouillés, CTA, panneau lien expiré).
 */

.dml-mt { max-width: 860px; margin: 0 auto; padding: 8px 0 32px; color: #2a2517; }
.dml-mt[hidden] { display: none; }

/* ── En-tête ── */
.dml-mt-head { text-align: center; margin-bottom: 18px; }
.dml-mt-eyebrow {
	letter-spacing: .16em; text-transform: uppercase; font-size: .78rem;
	color: #9c7833; margin: 0 0 6px;
}
.dml-mt-native { margin: 0 0 4px; }
.dml-mt-birthline { color: #6b6350; font-size: .92rem; margin: 0; }

/* ── Trio Ascendant / Lune / Mahadasha ── */
.dml-mt-trio { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin: 18px 0 22px; }
.dml-mt-pill {
	flex: 1 1 180px; max-width: 236px; text-align: center;
	background: #f4ead5; border: 1px solid #c8a25a; border-radius: 10px;
	padding: 12px 10px;
}
.dml-mt-pill-label {
	display: block; font-size: .72rem; letter-spacing: .14em;
	text-transform: uppercase; color: #9c7833; margin-bottom: 3px;
}
.dml-mt-pill strong { display: block; font-size: 1.12rem; color: #1a1d3a; }
.dml-mt-pill small { display: block; color: #6b6350; margin-top: 2px; }
.dml-mt-pill[hidden] { display: none; }

/* ── Cartes SVG sud-indiennes (D1 + D9 côte à côte) ── */
.dml-mt-charts { display: flex; gap: 18px; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin: 8px 0 26px; }
.dml-mt-chart-wrap { text-align: center; flex: 1 1 320px; max-width: 420px; }
.dml-mt-chart-wrap[hidden] { display: none; }
.dml-mt-svg { width: 100%; max-width: 420px; height: auto; }
.dml-mt-svg-frame { fill: #1a1d3a; stroke: #c8a25a; stroke-width: 2; rx: 8; }
.dml-mt-svg-cell { fill: transparent; stroke: rgba(200, 162, 90, .55); stroke-width: 1; }
.dml-mt-svg-cell--asc { fill: rgba(200, 162, 90, .12); }
.dml-mt-svg-lagna { stroke: #c8a25a; stroke-width: 1.5; }
.dml-mt-svg-lagnatxt { fill: #c8a25a; font-size: 10px; font-style: italic; }
.dml-mt-svg-sign { fill: rgba(244, 234, 213, .62); font-size: 9.5px; letter-spacing: .04em; }
.dml-mt-svg-planet { fill: #f4ead5; font-size: 14px; font-weight: 600; }
.dml-mt-svg-center { fill: rgba(244, 234, 213, .05); stroke: rgba(200, 162, 90, .8); stroke-width: 1; }
.dml-mt-svg-title { fill: #c8a25a; font-size: 15px; letter-spacing: .12em; }
.dml-mt-svg-subtitle { fill: rgba(244, 234, 213, .85); font-size: 12px; font-style: italic; }
.dml-mt-chart-caption { color: #6b6350; font-size: .82rem; margin-top: 8px; }

/* ── Lecture ── */
.dml-mt-prose p {
	font-size: 1.02rem; line-height: 1.65; margin: 0 0 14px; text-align: justify;
}
.dml-mt-prose p:first-child::first-letter {
	color: #9c7833; font-size: 1.6em; font-weight: 600;
}

/* ── Sections ── */
.dml-mt h3 { color: #1a1d3a; margin: 30px 0 8px; }
.dml-mt-lead { color: #6b6350; font-size: .94rem; margin: 0 0 12px; line-height: 1.5; }
.dml-mt-note { color: #6b6350; font-size: .84rem; margin: 10px 0 0; line-height: 1.5; font-style: italic; }
.dml-mt section[hidden] { display: none; }

/* ── Tableau des positions ── */
.dml-mt-table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.dml-mt-table th {
	text-align: left; color: #9c7833; font-size: .74rem; letter-spacing: .1em;
	text-transform: uppercase; border-bottom: 1.5px solid #c8a25a; padding: 6px 8px;
}
.dml-mt-table td { padding: 7px 8px; border-bottom: 1px solid rgba(200, 162, 90, .3); }
.dml-mt-table tr:nth-child(odd) td { background: rgba(244, 234, 213, .45); }

/* ── Pañcāṅga ── */
.dml-mt-panchang-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.dml-mt-pcard {
	background: #f4ead5; border: 1px solid rgba(200, 162, 90, .7); border-radius: 10px;
	padding: 10px 12px; text-align: left;
}
.dml-mt-pcard strong { display: block; color: #1a1d3a; font-size: 1rem; margin: 2px 0; }
.dml-mt-pcard small { display: block; color: #6b6350; line-height: 1.35; }

/* ── Mahādaśās ── */
.dml-mt-row--current td { background: #ede0c2 !important; font-weight: 600; color: #1a1d3a; }

/* ── Ciel aujourd'hui ── */
.dml-mt-horizon { color: #6b6350; font-size: .8rem; }
.dml-mt-verdict {
	display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: .78rem;
	letter-spacing: .04em; font-weight: 600; border: 1px solid transparent;
}
.dml-mt-verdict--ok { background: #e6efdf; color: #3f5535; border-color: #9fb58f; }
.dml-mt-verdict--hard { background: #f3e2dc; color: #7a3a2a; border-color: #cf9f90; }
.dml-mt-verdict--mid { background: #f4ead5; color: #7a5f2a; border-color: #c8a25a; }
.dml-mt-bindus { color: #6b6350; font-size: .8rem; }
.dml-mt-status { list-style: none; padding: 0; margin: 14px 0 0; }
.dml-mt-status li { padding: 7px 0; border-bottom: 1px solid rgba(200, 162, 90, .3); line-height: 1.5; }
.dml-mt-status li strong { color: #9c7833; }

/* ── Yogas ── */
.dml-mt-chips { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.dml-mt-chip {
	display: inline-block; padding: 6px 12px; border-radius: 999px; font-size: .9rem;
	background: #f4ead5; border: 1px solid #c8a25a; color: #1a1d3a;
}
.dml-mt-chip--hard { border-style: dashed; }
.dml-mt-chip small { color: #6b6350; }

/* ── Chapitres verrouillés + CTA ── */
.dml-mt-locked {
	margin-top: 30px; background: #1a1d3a; color: #f4ead5;
	border-radius: 12px; padding: 24px 22px 20px; border: 1px solid #c8a25a;
}
.dml-mt-locked h3 { color: #c8a25a; margin-top: 0; }
.dml-mt-locked-lead { color: rgba(244, 234, 213, .85); }
.dml-mt-locked ul { list-style: none; padding: 0; margin: 14px 0 18px; }
.dml-mt-locked li {
	padding: 9px 0 9px 28px; position: relative;
	border-bottom: 1px solid rgba(200, 162, 90, .25); line-height: 1.5;
}
.dml-mt-locked li::before { content: '🔒'; position: absolute; left: 0; top: 9px; font-size: .85em; opacity: .8; }
.dml-mt-locked li strong { color: #c8a25a; }
.dml-mt-ctawrap { text-align: center; margin: 20px 0 8px; }
.dml-mt-cta {
	display: inline-block; background: #c8a25a; color: #1a1d3a !important;
	font-weight: 700; text-decoration: none; padding: 13px 26px; border-radius: 8px;
	transition: transform .12s ease, box-shadow .12s ease;
}
.dml-mt-cta:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(200, 162, 90, .35); }
.dml-mt-fineprint { text-align: center; font-size: .8rem; color: rgba(244, 234, 213, .6); margin: 4px 0 0; }

/* ── Lien expiré ── */
.dml-mt--expired {
	text-align: center; background: #f4ead5; border: 1px solid #c8a25a;
	border-radius: 12px; padding: 34px 24px; margin: 20px auto;
}
.dml-mt--expired h2 { color: #1a1d3a; margin-top: 0; }

@media (max-width: 560px) {
	.dml-mt-trio { gap: 8px; }
	.dml-mt-pill { flex: 1 1 40%; min-width: 0; max-width: none; padding: 10px 6px; } /* 2 × 2 (1.1.0 : plus d’étirement vertical) */
	.dml-mt-pill strong { font-size: 1rem; }
	.dml-mt-pill small { font-size: .8rem; }
	.dml-mt-charts { flex-direction: column; align-items: center; }
	.dml-mt-chart-wrap { max-width: 440px; width: 100%; }
	.dml-mt-table { font-size: .82rem; }
	.dml-mt-table th, .dml-mt-table td { padding: 5px 4px; }
}