/* ==========================================================================
   Header phone number
   --------------------------------------------------------------------------
   The header's "Get a Free Quote" button now carries the phone number instead.
   It reuses the existing Elementor button element and classes, so it keeps its
   styling, position and responsive behaviour untouched. The header section is
   already position:fixed, so the number stays in view as the visitor scrolls.

   Only two things need saying here.
   ========================================================================== */

/* Keep the number on one line inside the pill. */
.ub-header-phone .elementor-button-text { white-space: nowrap; }

/* White label on the red pill, in every link state. Needed because the element
   is now a tel: link and picks up the theme's anchor colour otherwise. */
.ub-header-phone,
.ub-header-phone:link,
.ub-header-phone:visited,
.ub-header-phone:hover,
.ub-header-phone:focus,
.ub-header-phone:active,
.ub-header-phone .elementor-button-content-wrapper,
.ub-header-phone .elementor-button-text { color: #fff !important; }

/* Elementor hides the whole column below 1025px, which would take the number
   with it. Keep it visible there so the number is reachable on tablet and
   phone, where most calls actually start. */
@media (max-width: 1024px) {
  .elementor .elementor-element-1f826a86.elementor-hidden-tablet,
  .elementor .elementor-element-1f826a86.elementor-hidden-mobile { display: block !important; }
}