/* ============================================
MOBILE HERO PHONE FIX
============================================ */

/* Phone number should stay on one line on mobile */
@media (max-width: 480px) {
.contact-phone-link {
flex-wrap: nowrap !important;
gap: 0.5rem !important;
}

.contact-phone-icon {
width: 32px !important;
height: 32px !important;
font-size: 1rem !important;
flex-shrink: 0 !important;
background: rgba(255,255,255,0.3) !important;
}

.contact-phone-number {
font-size: 1.1rem !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}

.contact-phone-label {
font-size: 0.7rem !important;
}

/* Dark mode fix for phone icon */
@media (prefers-color-scheme: dark) {
.contact-phone-icon {
background: rgba(255,255,255,0.25) !important;
}
}
}

/* Dark mode phone icon fix */
.dark-mode .contact-phone-icon,
.dark-mode .medical-hero .contact-phone-icon {
background: rgba(255,255,255,0.25) !important;
}