/* Print Stylesheet - Optimized for Black & White Printing */

@media print {
    /* Reset colors for print */
    *,
    *::before,
    *::after {
        background: white !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        box-sizing: border-box;
    }
    
    /* Hide non-essential elements */
    header,
    nav,
    .mobile-menu-toggle,
    .mobile-menu-backdrop,
    .scroll-to-top,
    .scroll-indicator,
    .hero-mosaic,
    .hero-overlay,
    .vibe-overlay,
    .play-hover,
    .play-btn,
    .play-btn-large,
    .lightbox,
    footer .footer-social,
    .hero-cta,
    .skip-to-content {
        display: none !important;
    }
    
    /* Optimize page layout */
    @page {
        margin: 1.5cm;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.5;
        max-width: 100%;
        overflow-wrap: anywhere;
        word-wrap: break-word;
    }
    
    /* Typography for print */
    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
        page-break-inside: avoid;
        color: black !important;
        background: none !important;
        -webkit-text-fill-color: black !important;
        background-clip: unset !important;
        overflow-wrap: anywhere;
        word-wrap: break-word;
    }
    
    p {
        overflow-wrap: anywhere;
        word-wrap: break-word;
    }
    
    .section-title {
        font-size: 18pt;
        margin-bottom: 12pt;
        color: black !important;
        background: none !important;
        -webkit-text-fill-color: black !important;
        background-clip: unset !important;
    }
    
    /* Links */
    a {
        color: black !important;
        text-decoration: underline;
    }
    
    a[href^="http"]:after {
        content: " (" attr(href) ")";
        font-size: 10pt;
        color: #666;
    }
    
    a[href^="#"]:after,
    a[href^="mailto:"]:after {
        content: "";
    }
    
    /* Images */
    img {
        max-width: 100% !important;
        height: auto !important;
        page-break-inside: avoid;
        page-break-after: avoid;
    }
    
    /* Sections */
    .section {
        page-break-inside: avoid;
        padding: 20pt 0 !important;
    }
    
    /* Containers */
    .container {
        max-width: 100% !important;
        padding: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    
    /* Hero section */
    .hero {
        min-height: auto !important;
        padding: 20pt 0 !important;
    }
    
    .hero-content {
        padding: 0 !important;
    }
    
    .hero-spotify {
        display: none !important;
    }
    
    /* Cards and grids */
    .track-card,
    .vibe-card,
    .mix-card,
    .gallery-item {
        page-break-inside: avoid;
        border: 1px solid #ccc !important;
        margin-bottom: 15pt;
    }
    
    .music-grid,
    .mixes-grid,
    .gallery-grid {
        display: block !important;
    }
    
    .music-grid > *,
    .mixes-grid > *,
    .gallery-grid > * {
        margin-bottom: 15pt;
        page-break-inside: avoid;
    }
    
    /* About section */
    .about-content {
        display: block !important;
    }
    
    .about-image {
        position: static !important;
        margin-bottom: 15pt;
    }
    
    /* Footer */
    footer {
        border-top: 1px solid #ccc !important;
        padding: 15pt 0 !important;
        margin-top: 30pt;
        page-break-inside: avoid;
    }
    
    .footer-copyright {
        font-size: 10pt;
        color: #666 !important;
    }
    
    /* Contact section */
    .contact-item {
        margin-bottom: 10pt;
    }
    
    /* Avoid page breaks */
    .about-text p,
    .vibe-description,
    .release-description {
        page-break-inside: avoid;
    }
    
    /* YouTube and Spotify embeds */
    .youtube-playlist-container,
    .youtube-embed-wrapper,
    .spotify-embed-container,
    .hero-spotify {
        display: none !important;
    }
    
    /* Bandsintown widget */
    .bandsintown-widget-container {
        display: none !important;
    }
}

