/* Search results print layout (Amy's "Variation 2", option A — 7/17). Card: provider details left; right-hand column behind a hairline divider stacks the bold phone over availability, so scanning down the right edge gives who-has-openings and the number to dial in one pass. Loaded with media="print" on template-search.php only; costs nothing on screen. The print list is PORTALED to by PrintResultsList.jsx, so hiding is a single sibling selector. display:none (not visibility:hidden) on purpose: it collapses the screen layout's height. The earlier visibility approach kept the hidden page's full height and printed ~15 blank sheets after the cards (CJ 7/17). This survives theme chrome changes without a hide-list. */ @page { margin: 1.5cm; } /* ca-print-ready is stamped on by PrintResultsList when it mounts. Without it (print before React loads, or the island failed) this rule is inert and the normal page prints — never a blank sheet. */ body.ca-print-ready > *:not(.ca-print-root) { display: none !important; } .ca-print-root { display: block !important; /* beats the inline display:none */ width: 100%; color: #14201f; font-family: Arial, Helvetica, sans-serif; } .ca-print-masthead { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 2px solid #009999; padding-bottom: 8px; } .ca-print-brand { font-family: "Playfair Display", Georgia, serif; font-weight: 600; font-size: 16px; } .ca-print-meta { font-size: 10px; color: #5f6b6a; } .ca-print-summary { font-size: 11px; color: #3d4a48; margin: 6px 0 12px; } .ca-print-card { border: 1px solid #c9d2cf; border-radius: 8px; padding: 8px 12px; margin-bottom: 6px; display: flex; align-items: stretch; break-inside: avoid; page-break-inside: avoid; } .ca-print-main { flex: 1; min-width: 0; padding-right: 12px; } .ca-print-name { font-family: "Playfair Display", Georgia, serif; font-weight: 500; font-size: 13px; } .ca-print-info { font-size: 10px; margin-top: 2px; color: #3d4a48; line-height: 1.45; } /* The call-sheet column. Fixed width so phone numbers and availability line up down the whole page; vertically centered against 1- or 2-line mains. */ .ca-print-side { flex: 0 0 176px; border-left: 1px solid #c9d2cf; padding-left: 12px; display: flex; flex-direction: column; justify-content: center; } .ca-print-phone { font-size: 12px; font-weight: 700; white-space: nowrap; } .ca-print-avail-yes { font-weight: bold; color: #04342c; font-size: 10px; margin-top: 2px; line-height: 1.4; } .ca-print-avail-no { color: #5f6b6a; font-size: 10px; margin-top: 2px; line-height: 1.4; }