/* ================================================ WORKBRIDGE EU — PRINT STYLESHEET (print.css) Applied via @media print in style.css Include in : ================================================ */ @media print { /* ── Reset & base ──────────────────────── */ *, *::before, *::after { box-shadow: none !important; text-shadow: none !important; animation: none !important; transition: none !important; } body { font-family: Georgia, 'Times New Roman', serif; font-size: 11pt; color: #000; background: #fff; line-height: 1.5; margin: 0; padding: 0; opacity: 1 !important; } /* ── Hide non-essential UI ─────────────── */ .site-header, .mobile-menu, .marquee-wrap, .scroll-top, .sticky-cta-bar, .nav-toggle, .header-cta, #cookieBanner, .page-transition, .toast, .cta-section, .cta-light, .stats-section, footer .footer-social, .footer-bottom-links, .breadcrumb, .service-sidebar, form, iframe, video, audio, .btn, button, [class*="anim-"], .hero-float, .page-hero-grid, .wave-divider, .orb, nav { display: none !important; } /* ── Page layout ───────────────────────── */ main, .container { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } section { padding: 16pt 0 !important; page-break-inside: avoid; } /* ── Masthead (print-only header) ──────── */ main::before { content: 'Work Bridge EU · Business Management Consultancy · Serbia, EU'; display: block; font-family: Arial, sans-serif; font-size: 8pt; color: #666; border-bottom: 1pt solid #ccc; padding-bottom: 8pt; margin-bottom: 16pt; letter-spacing: 0.5pt; } /* ── Print footer ──────────────────────── */ .site-footer { display: block !important; background: #fff !important; color: #000 !important; border-top: 1pt solid #ccc; padding: 8pt 0 0 !important; margin-top: 16pt; font-size: 8pt; font-family: Arial, sans-serif; } .site-footer .footer-main, .site-footer .footer-grid, .site-footer .footer-col, .site-footer .footer-brand { display: none !important; } .site-footer .footer-bottom { display: block !important; text-align: center; color: #666 !important; border: none !important; padding: 4pt 0 !important; } .site-footer .footer-bottom p { color: #666 !important; font-size: 8pt; } /* ── Typography ────────────────────────── */ h1, h2, h3, h4, h5 { font-family: Georgia, serif; color: #000; page-break-after: avoid; page-break-inside: avoid; line-height: 1.3; } h1 { font-size: 22pt; margin-bottom: 10pt; } h2 { font-size: 16pt; margin-bottom: 8pt; } h3 { font-size: 13pt; margin-bottom: 6pt; } h4 { font-size: 11pt; margin-bottom: 5pt; } p { margin-bottom: 8pt; orphans: 3; widows: 3; } /* ── Links ─────────────────────────────── */ a { color: #000 !important; text-decoration: underline; } /* Show link URLs after text (except nav/icon links) */ a[href^="http"]::after, a[href^="https"]::after { content: ' (' attr(href) ')'; font-size: 8pt; color: #666; word-break: break-all; } a[href^="tel"]::after { content: ' (' attr(href) ')'; font-size: 8pt; color: #666; } a[href^="mailto"]::after { content: ' (' attr(href) ')'; font-size: 8pt; color: #666; } a[href^="#"]::after { content: ''; } /* ── Images ────────────────────────────── */ img { max-width: 100% !important; page-break-inside: avoid; filter: grayscale(30%); } /* ── Page hero (print) ─────────────────── */ .page-hero { background: #f5f5f5 !important; padding: 16pt 0 !important; color: #000 !important; border-bottom: 2pt solid #1a3c5e; } .page-hero h1 { color: #000 !important; font-size: 20pt; } .page-hero p { color: #333 !important; } .page-hero .badge { display: none; } /* ── Cards ─────────────────────────────── */ .card, .service-card, .faq-item, .testimonial-card, .feature-item { break-inside: avoid; page-break-inside: avoid; border: 1pt solid #ccc !important; background: #fff !important; box-shadow: none !important; border-radius: 0 !important; margin-bottom: 10pt; } /* ── Grid → single column ──────────────── */ .stats-grid, .footer-grid, .process-grid, .service-layout, [style*="grid-template-columns"], [style*="display:grid"] { display: block !important; columns: unset !important; } /* ── FAQ accordion — expand all ────────── */ .faq-answer { max-height: none !important; display: block !important; } .faq-icon { display: none !important; } /* ── Service cards accent bar ──────────── */ .card-accent { display: none !important; } .card-icon { background: #f0f0f0 !important; color: #000 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* ── Testimonials ──────────────────────── */ .testimonial-card::before { display: none; } .testimonial-stars svg { fill: #999 !important; } /* ── Sections with coloured backgrounds ── */ [style*="background:var(--off-white)"], [style*="background:var(--primary)"], [style*="background:var(--primary-dark)"], [style*="background:linear-gradient"] { background: #f9f9f9 !important; color: #000 !important; } /* ── Badges ────────────────────────────── */ .badge { background: #eee !important; color: #333 !important; border: 1pt solid #ccc !important; font-size: 8pt; } /* ── Table formatting (if any) ─────────── */ table { width: 100%; border-collapse: collapse; page-break-inside: avoid; } th, td { border: 1pt solid #ccc; padding: 4pt 8pt; font-size: 9pt; text-align: left; } th { background: #f0f0f0; font-weight: bold; } /* ── Page break helpers ────────────────── */ .page-break-before { page-break-before: always; } .page-break-after { page-break-after: always; } .no-break { page-break-inside: avoid; } /* ── Print colour accent ───────────────── */ @page { margin: 18mm 15mm; size: A4; } /* Contact information — always visible when printing */ main::after { content: 'Contact: office@workbridgeeu.com · 77430-18188 · workbridgedoo.com · Serbia, EU'; display: block; font-family: Arial, sans-serif; font-size: 8pt; color: #666; border-top: 1pt solid #ccc; padding-top: 8pt; margin-top: 24pt; text-align: center; } }