/* ==========================================================================
   Print styles — clean, ink-friendly output.
   Loaded with media="print". Most useful on the course pages so a learner can
   print or "Save as PDF" the curriculum. Hides chrome, expands accordions,
   forces high-contrast black-on-white and avoids awkward page breaks.
   ========================================================================== */

@media print {
    :root { --container-pad: 0; }

    body { background: #fff !important; color: #000 !important; }

    /* Hide interactive / decorative chrome that wastes ink and paper. */
    .announcement,
    .site-header,
    .nav-toggle,
    .primary-nav,
    .whatsapp-float,
    .breadcrumb,
    .btn,
    .btn-group,
    .hero__badge,
    .section--dark,
    .cta-band,
    #enquire,
    .site-footer__grid,
    .social-list {
        display: none !important;
    }

    /* Neutralise dark/gradient sections and shadows for paper. */
    .section, .section--alt, .section--dark {
        background: #fff !important;
        color: #000 !important;
        padding-block: 0.6cm !important;
        border: 0 !important;
    }
    .card, .accordion, .pricing-card, .disclaimer, .certificate__img {
        box-shadow: none !important;
        border: 1px solid #999 !important;
    }
    h1, h2, h3, h4, p, li, .section-heading__lead { color: #000 !important; }
    .stat__num { -webkit-text-fill-color: #000 !important; color: #000 !important; background: none !important; }

    /* Expand every accordion panel so the full curriculum prints. */
    .accordion__panel[hidden] { display: block !important; }
    .accordion__icon { display: none !important; }

    /* Keep the legal disclaimers — they must remain visible in print. */
    .site-footer__legal { display: block !important; margin-top: 0.6cm; }
    .site-footer { background: #fff !important; color: #000 !important; padding: 0 !important; }

    /* Avoid breaking these blocks across pages. */
    .accordion__item, .card, .pricing-card, figure { break-inside: avoid; page-break-inside: avoid; }
    h1, h2, h3 { break-after: avoid; page-break-after: avoid; }

    a { color: #000 !important; text-decoration: underline; }
    img { max-width: 100% !important; }
}