/* ============================================
   Print Stylesheet - The Sanskar School
   ============================================ */

@media print {
    /* Hide non-essential elements */
    .topbar,
    .navbar,
    .hero-slider,
    .hero-arrows,
    .hero-dots,
    .hero-overlay .buttons,
    .quick-links,
    .back-to-top,
    .lightbox,
    .footer-social,
    .btn-ecare,
    .navbar-burger,
    form,
    iframe,
    .gallery-overlay,
    button,
    .notification .delete,
    video,
    .apply-btn {
        display: none !important;
    }

    /* Reset backgrounds and colors */
    body {
        font-family: 'Inter', Arial, sans-serif;
        color: #000 !important;
        background: #fff !important;
        font-size: 12pt;
        line-height: 1.5;
    }

    * {
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        color: #555 !important;
    }

    a[href^="#"]:after,
    a[href^="javascript"]:after,
    a[href^="tel"]:after,
    a[href^="mailto"]:after {
        content: "";
    }

    /* Page breaks */
    h1, h2, h3, h4 {
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }

    table {
        border-collapse: collapse;
        width: 100%;
    }

    table th, table td {
        border: 1px solid #ccc !important;
        padding: 8px;
    }

    /* Page hero - keep title visible */
    .page-hero {
        padding: 1rem 0 !important;
        border-bottom: 2px solid #000;
        margin-bottom: 1rem;
    }

    .page-hero .title {
        font-size: 24pt !important;
    }

    .page-hero .breadcrumb {
        display: none !important;
    }

    /* Sections */
    .section {
        padding: 1rem 0 !important;
    }

    .section-header .title {
        font-size: 18pt !important;
    }

    .section-line {
        border-bottom: 1px solid #000;
        height: auto !important;
        background: none !important;
        width: 60px;
        margin: 0.5rem auto;
    }

    /* Footer */
    .site-footer {
        border-top: 1px solid #000;
        padding: 1rem 0 !important;
        font-size: 10pt;
    }

    .footer-logo {
        width: 40px !important;
        height: auto !important;
    }

    .footer-divider {
        display: none !important;
    }

    /* Cards */
    .contact-card,
    .topper-card,
    .admin-card {
        border: 1px solid #ccc !important;
        padding: 1rem !important;
        margin-bottom: 1rem !important;
        page-break-inside: avoid;
    }

    /* Columns - stack for print */
    .columns {
        display: block !important;
    }

    .column {
        width: 100% !important;
        display: block !important;
        padding: 0.5rem 0 !important;
    }

    /* Gallery grid - 3 per row for print */
    .gallery-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.5rem !important;
    }

    /* Toppers - 4 per row */
    .columns.is-multiline .column.is-3,
    .columns.is-multiline .column.is-3-desktop {
        width: 25% !important;
        display: inline-block !important;
        vertical-align: top;
    }

    .topper-photo {
        width: 80px !important;
        height: 80px !important;
    }

    /* Tags */
    .tag {
        border: 1px solid #999 !important;
        padding: 2px 6px !important;
    }

    /* Map section */
    .section:has(iframe) {
        display: none !important;
    }

    /* Print header */
    @page {
        margin: 2cm;
    }

    /* Notification messages */
    .notification {
        border: 1px solid #ccc !important;
        padding: 0.5rem !important;
    }

    /* Status badges */
    .status-badge {
        border: 1px solid #999 !important;
    }
}