/**
 * FD Print Styles - Homepage
 *
 * Dedicated print stylesheet for the FamilyDoctor homepage.
 * This file is intentionally scoped to body.home to avoid affecting
 * interior templates.
 */

@media print {
    @page {
        size: Letter;
        margin: 0.55in 0.5in 0.65in;
    }

    body.home {
        font-size: 11pt;
        line-height: 1.4;
        color: #111 !important;
    }

    body.home .site-header {
        display: block !important;
        padding: 0 !important;
        margin: 0 0 10px !important;
        border: 0 !important;
        position: relative !important;
    }

    body.home .site-header__nav,
    body.home .site-header__tools,
    body.home .header-search--mobile,
    body.home .menu__toggle,
    body.home .site-header__mobile,
    body.home .cky-btn-revisit-wrapper,
    body.home #backtothetop-fixed,
    body.home .advertising,
    body.home .slider-controls,
    body.home .slick-arrow,
    body.home .slick-dots,
    body.home .slick-cloned,
    body.home video,
    body.home iframe {
        display: none !important;
    }

    body.home .site-header .logo--fixed img {
        width: 180px !important;
        height: auto !important;
    }

    body.home .container,
    body.home .container-full,
    body.home .container-hero,
    body.home .container-flex,
    body.home .container-small,
    body.home .container-medium {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        overflow: visible !important;
    }

    /* Keep only the first slide per slider to avoid printing full carousels. */
    body.home .slider .slide {
        display: none !important;
    }

    body.home .slider .slide:first-child {
        display: block !important;
    }

    body.home .--home-hero {
        margin: 0 0 14px !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    body.home .--home-hero .slide {
        height: auto !important;
        min-height: 0 !important;
        position: relative;
    }

    body.home .--home-hero .slider-hero__asset,
    body.home .--home-hero img.slider-hero__asset {
        width: 100% !important;
        height: auto !important;
        max-height: 340px !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }

    body.home .--home-hero .asset-wrapper {
        position: relative;
    }

    body.home .--home-hero .asset-wrapper .asset-overlay {
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important;
        border-radius: 0 !important;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.62) 100%) !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    body.home .--home-hero .slide-content {
        max-width: 100% !important;
        left: 16px !important;
        right: 16px !important;
        top: auto !important;
        bottom: 12px !important;
        transform: none !important;
        color: #fff !important;
    }

    body.home .--home-hero .slider-meta {
        display: none !important;
    }

    body.home h1,
    body.home h2,
    body.home h3 {
        page-break-after: avoid;
        break-after: avoid-page;
    }

    body.home img,
    body.home figure,
    body.home .wp-block-group,
    body.home .wp-block-cover {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    body.home .site-footer {
        color: #fff !important;
        background-color: #0e3759 !important;
        display: block;
        width: 100%;
        border-radius: 0;
        margin: 12px 0 0;
        padding: 0.6rem 1rem;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    body.home .footer-social,
    body.home .footer-nav,
    body.home .footer-divider,
    body.home .footer-bottom-left a {
        display: none !important;
    }

    body.home .footer-bottom-left,
    body.home .footer-bottom-left span {
        color: #fff !important;
        font-size: 9pt !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        max-width: none !important;
        text-align: left !important;
    }
}