/* ============================================================= */
/* SRT College Dhamrai - NAAC/UGC/NIRF Perfect Print CSS         */
/* ============================================================= */

@media print {
    /* 1. A4 page setup */
    @page {
        size: A4 portrait;
        margin: 1.5cm 1.2cm;
    }

    /* 2. Hide सब बेकार चीजें (Navigation, Sliders, Popups etc) */
    .menu-bar, .navbar, .menu-toggle, .skip-link,
    .slider-wrapper, .carousel, .social-media-section,
    .back-to-top, .video-section, .marquee-container,
    .tab-buttons, .gallery-view-more-wrapper,
    .video-view-more-wrapper, .see-more-wrapper,
    .principal-desk-btn, .accordion-header::after,
    .news-view-link, .new-badge, #videoModal,
    .video-modal, .gallery-overlay, .video-play-icon,
    .breadcrumb, .search-box, .mobile-menu,
    .whatsapp-float, .live-chat, .cookie-banner,
    .header-top-bar, .scroll-top, .sidebar,
    button, .btn, .no-print {
        display: none !important;
    }

    /* 3. Black & White + Clean Text */
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    a {
        color: #000 !important;
        text-decoration: underline !important;
    }

    /* लिंक के बाद URL दिखाओ → NAAC requirement */
    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        color: #444;
        word-wrap: break-word;
    }

    /* Internal links (#) और JavaScript links का URL मत दिखाओ */
    a[href^="#"]:after,
    a[href^="javascript"]:after {
        content: "" !important;
    }

    /* 4. Full width layout fix */
    body, .container, .wrapper, .main-content,
    .footer-content, .row, .col-*, .grid {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    /* Grid/Flex → सब कुछ एक लाइन में (Block) */
    .principal-news-section, .authority-grid,
    .links-grid, .gallery-grid, .video-grid,
    .row, .grid, .d-flex, .flex-container {
        display: block !important;
        width: 100% !important;
    }

    /* Cards styling for print */
    .authority-card, .link-item, .gallery-item,
    .video-item, .news-accordion-item,
    .department-card, .facility-card {
        display: block !important;
        page-break-inside: avoid;
        margin-bottom: 20px !important;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

    /* 5. College Header styling */
    header, .header-logo-section {
        display: block !important;
        text-align: center !important;
        border-bottom: 2px solid #000;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    header h1, .college-name {
        font-size: 22pt !important;
        font-weight: bold !important;
        margin: 0 !important;
    }

    /* 6. Images handling */
    img {
        max-width: 100% !important;
        height: auto !important;
        page-break-inside: avoid;
        filter: grayscale(100%); /* फोटो को Black & White कर देगा */
    }

    /* Principal photo specific */
    .principal-desk-photo img,
    .principal-img img {
        width: 120px !important;
        float: left !important;
        margin-right: 15px !important;
        margin-bottom: 10px !important;
        border: 1px solid #000;
    }

    /* 7. Typography */
    h1, h2, h3, h4, h5, h6 {
        color: #000 !important;
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    h2, .section-title {
        font-size: 16pt !important;
        border-bottom: 1px solid #000;
        padding-bottom: 5px;
        margin-top: 20px;
    }

    p {
        font-size: 11pt !important;
        line-height: 1.4;
        orphans: 3;
        widows: 3;
    }

    /* 8. Tables */
    table {
        width: 100% !important;
        border-collapse: collapse !important;
        margin-bottom: 15px;
    }
    th, td {
        border: 1px solid #000 !important;
        padding: 6px !important;
        text-align: left;
        font-size: 10pt !important;
    }

    /* 9. Page Break Logic */
    .page-break { page-break-before: always; }
    
    section, .section {
        page-break-inside: avoid;
    }

    /* 10. Footer Print Stamp */
    /* यह Document के सबसे अंत में दिखेगा */
    body::after {
        content: "Printed from SRT College Dhamrai Website | Date: " attr(data-print-date);
        display: block;
        text-align: center;
        font-size: 9pt;
        color: #555;
        margin-top: 30px;
        padding-top: 10px;
        border-top: 1px solid #999;
    }
    
    /* Original footer hide, use simplified version if needed */
    footer {
        display: none;
    }
}