/*
 * A4 print corrections (GIGW BUG-016, "content prints correctly on A4").
 * Linked with media="print" after print.css. With "Background graphics" off (the browser default) the
 * white banner text and white-on-blue labels printed in pale grey, and the CGPDTM label on Who is Who
 * (absolutely positioned over the card) printed on top of the officer's name.
 */
@media print {

    /* Inner-page banner: the picture is not printed, so heading and breadcrumb print dark on white. */
    .breadcumb-wrapper {
        background: none !important;
        background-image: none !important;
        padding: 0 0 8pt !important;
        min-height: 0 !important;
        height: auto !important;
        border-bottom: 1px solid #000;
    }
    .breadcumb-wrapper::before,
    .breadcumb-wrapper::after {
        display: none !important;
    }
    .breadcumb-wrapper .breadcumb-title,
    .breadcumb-wrapper .breadcumb-title span,
    .breadcumb-wrapper .breadcumb-menu,
    .breadcumb-wrapper .breadcumb-menu li,
    .breadcumb-wrapper .breadcumb-menu li::after,
    .breadcumb-wrapper .breadcumb-menu a,
    .breadcumb-wrapper .breadcumb-menu span,
    main h1,
    main h2,
    main h3,
    main h4,
    main h5,
    main h6,
    .innerpage-heading-title h2 {
        color: #000 !important;
        text-shadow: none !important;
        opacity: 1 !important;
        -webkit-text-fill-color: #000 !important;
    }

    /* Floating widgets and decoration never print (they would repeat on every sheet). */
    .side-links-toggle,
    .side-links,
    .leftSideBtn,
    .rightSideBtn,
    .panelHideArea,
    .chat-bot,
    .chatbot,
    .sg-launcher,
    .sg-panel,
    .scrollToTop,
    .bhashini-plugin-container,
    .bhashini-lazy-btn,
    .bhashini-unavailable-note,
    #bhashini-translation,
    .chakra,
    [data-chakra-patch],
    body > canvas,
    .gradient canvas,
    .bgGradient canvas,
    svg.scene,
    .logoAnimationArea,
    .content--reveal,
    .vs-menu-wrapper,
    .vs-menu-toggle,
    .gigw-skip-link {
        display: none !important;
    }

    /* Decorative slanted bars beside the logo and between the header links print as stray grey marks. */
    .vs-header .header-logo::before,
    .vs-header .header-logo::after,
    .vs-header .header-links::before,
    .vs-header .header-links::after,
    .header-links li::before,
    .header-links li::after {
        display: none !important;
        content: none !important;
    }

    /* Who is Who: the label sits in the flow above the name, no longer over it. */
    .contactAreaPanel .contact-badge,
    .cgpdtm-bigsize-page .contact-badge,
    .contatInfoBox .contact-badge {
        position: static !important;
        display: inline-block !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        float: none !important;
        margin: 0 0 6pt 0 !important;
        background: none !important;
        color: #000 !important;
        border: 1px solid #000 !important;
        border-radius: 12px !important;
        font-size: 10pt !important;
        letter-spacing: normal !important;
    }
    .contactAreaPanel .contact-profile,
    .cgpdtm-bigsize-page .contact-profile {
        padding-top: 0 !important;
        position: static !important;
    }
    .contactAreaPanel .contact-name,
    .contactAreaPanel .contact-profile h3 {
        position: static !important;
        color: #000 !important;
    }
    .contatInfoBox,
    .cgpdtm-bigsize-page {
        background: none !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    /* Anything else that was positioned over text and carries a white label. */
    main [class*="badge"],
    main [class*="-tag"] {
        position: static !important;
        color: #000 !important;
        background: none !important;
    }
}