/* KundliGiva — Print stylesheet
   Activated automatically when the user prints or uses browser Save-as-PDF.
   Hides all navigation and formats the Kundli report for clean A4 output. */

@page {
    size: A4 portrait;
    margin: 18mm 14mm 14mm 14mm;
}

/* ── Hide everything that isn't report content ────────────────────────── */
.site-sidebar,
.site-topbar,
.page-backbar,
.page-title-bar,
.result-tabs-nav,
.tab-panel:not(.tab-panel-active),
.kundli-selector,
.kg-alert-inline,
button[type="submit"],
a[href*="save"],
.print-hide,
footer,
.site-footer,
nav {
    display: none !important;
}

/* ── Page layout ──────────────────────────────────────────────────────── */
body {
    background: #ffffff !important;
    color: #000000 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 10pt !important;
}

.site-content,
.result-content {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* ── Print header ─────────────────────────────────────────────────────── */
.site-content::before {
    content: "KundliGiva.com — Vedic Astrology Report";
    display: block;
    text-align: center;
    font-size: 13pt;
    font-weight: bold;
    color: #7B1A35;
    border-bottom: 1.5pt solid #7B1A35;
    padding-bottom: 6pt;
    margin-bottom: 12pt;
    font-family: Georgia, serif;
}

/* ── Panels ───────────────────────────────────────────────────────────── */
.panel {
    background: #ffffff !important;
    border: 0.5pt solid #cccccc !important;
    box-shadow: none !important;
    break-inside: avoid;
    margin-bottom: 8pt !important;
    padding: 8pt 10pt !important;
}

/* ── Charts — keep SVG from breaking across pages ─────────────────────── */
.three-charts-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6pt !important;
    break-inside: avoid;
}

.chart-panel svg {
    border: 0.8pt solid #333333 !important;
    max-width: 100% !important;
}

/* ── Tables ───────────────────────────────────────────────────────────── */
table {
    border-collapse: collapse !important;
    width: 100% !important;
    font-size: 8.5pt !important;
}

th, td {
    border: 0.4pt solid #aaaaaa !important;
    padding: 3pt 4pt !important;
    text-align: left;
}

thead th {
    background: #f5ece8 !important;
    font-weight: bold;
    color: #7B1A35 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

/* ── Section titles ───────────────────────────────────────────────────── */
.section-title h2 {
    font-size: 12pt !important;
    color: #7B1A35 !important;
    border-bottom: 0.5pt solid #d4a855 !important;
    margin-bottom: 4pt !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.section-title p {
    font-size: 8pt !important;
    color: #888888 !important;
    margin: 0 !important;
}

/* ── Planet detail grid ───────────────────────────────────────────────── */
.kg-planet-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 4pt !important;
}

/* ── Dasha section ────────────────────────────────────────────────────── */
.dasha-row {
    break-inside: avoid;
}

/* ── Page breaks ──────────────────────────────────────────────────────── */
.tab-panel-active > .panel:nth-child(4) {
    break-before: page;
}

/* ── Footer ───────────────────────────────────────────────────────────── */
.site-content::after {
    content: "Generated by KundliGiva.com | Dr Gautam DK | Calculations: Vedic Ephemeris 1920-2070 | This report is for guidance only.";
    display: block;
    text-align: center;
    font-size: 7pt;
    color: #888888;
    border-top: 0.4pt solid #cccccc;
    padding-top: 5pt;
    margin-top: 12pt;
    position: running(footer);
}

/* ── Colour preservation ──────────────────────────────────────────────── */
* {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}