/* contact.php — small additions on top of site.css */

/* Admin-editable headings keep their legacy inline/span accents; restyle them in the new idiom. */
.page-hero h1 em[style] { color: var(--arch) !important; font-style: italic; }
#touch-h span, #hours-h span, #quote-h span, #areas-h span, #social-h span { font-style: italic; font-weight: 400; color: var(--arch); }

/* Contact cards */
.contact-cards .card { display: flex; flex-direction: column; align-items: flex-start; }
.contact-cards .card > .btn { margin-top: auto; }
.contact-value { color: var(--ink); font-weight: 700; font-style: normal; word-break: break-word; margin: 6px 0 22px; }
.contact-value a { color: inherit; }
.contact-value a:hover { color: var(--arch); }
.card--featured { border-color: var(--line-blue); box-shadow: var(--shadow-md); }

/* Hours */
.hours { margin-top: 8px; }
.hours-note { display: flex; gap: 10px; align-items: flex-start; margin-top: 14px; font-size: 14px; color: var(--slate); }
.hours-note p { margin: 0; }
.hours-note-icon svg { width: 18px; height: 18px; color: var(--arch); margin-top: 2px; }

/* Trust badges */
.badge-list { margin-top: 0; }
.badge-list strong { display: block; color: var(--ink); }
.badge-list span:not(.icon-box) { display: block; color: var(--slate); font-size: 14px; }
.btn svg { width: 18px; height: 18px; }

/* Map info + open status */
.info-list address { font-style: normal; }
.open-status { font-weight: 700; }
.open-status.is-open { color: #1E7B3C; }
.open-status.is-closed { color: #B3261E; }

/* Form */
.form-hint { display: block; font-size: 13px; color: var(--slate); margin-top: 6px; }
.cf-submit { margin-top: 22px; }

/* Service areas */
.area-pills { justify-content: center; }
.area-pills .pill svg { width: 16px; height: 16px; }