/* ==========================================================================
   4. FIX FOR BROKEN MOBILE SUBHEADINGS
   ========================================================================== */
@media (max-width: 780px) {
    /* Prevents words from breaking in half mid-character */
    h1, h2, h3, h4, h5, h6, .elementor-heading-title {
        word-break: keep-all !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
        
        /* Gently scales down font sizes so long words fit perfectly */
        font-size: clamp(24px, 6vw, 32px) !important; 
        line-height: 1.3 !important;
    }
}