/* MVZ Roth — Print stylesheet. Enqueued with media="print", so it never
   blocks rendering on screen. Not layered: print output should win outright. */

@page {
    margin: 18mm 16mm;
}

.site-header,
.cookie-banner,
.scroll-top,
.hamburger,
.mobile-nav,
.mobile-overlay,
.quick-nav,
.specialty-marquee,
.map-section,
.subpage-cta,
.hero-actions,
.skip-link,
.wp-block-navigation,
form {
    display: none !important;
}

body {
    font-size: 11pt;
    line-height: 1.45;
    color: #000;
    background: #fff;
}

.hero,
.page-hero,
.about-section,
.services-section,
.hours-section,
.emergency-section,
.locations-section,
.subpage-content {
    padding: 0 0 8mm;
    background: none !important;
    color: #000;
}

h1, h2, h3, h4 {
    color: #000;
    break-after: avoid;
    page-break-after: avoid;
}

p, li, tr, img, figure {
    break-inside: avoid;
    page-break-inside: avoid;
}

a {
    color: #000;
    text-decoration: underline;
}

/* Expose destinations of in-content links on paper (they are unclickable). */
.content-block a[href^="http"]::after,
.legal-content a[href^="http"]::after,
.entry-content a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    word-break: break-all;
}
.content-block a[href^="#"]::after,
.legal-content a[href^="#"]::after,
.entry-content a[href^="#"]::after {
    content: "";
}

/* Emergency numbers stay prominent — this is the page people print. */
.emergency-number {
    font-size: 16pt;
    font-weight: 700;
    color: #000;
}

/* Service and location cards flatten to plain blocks. */
.services-bento,
.locations-grid,
.emergency-grid,
.hours-wrapper,
.team-grid,
.footer-grid {
    display: block !important;
}

.service-tile,
.location-card,
.emergency-box,
.hours-card,
.info-card,
.team-card {
    border: 1px solid #999 !important;
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
    margin-bottom: 6mm;
    padding: 4mm;
}

.fade-in {
    opacity: 1 !important;
    transform: none !important;
}