/* Mobile header phones — prod-safe, no Tailwind utilities required */
.htr-header-desktop-actions {
  display: none;
}
@media (min-width: 768px) {
  .htr-header-desktop-actions {
    display: flex;
  }
  .htr-site-header-root .htr-header-mobile-strip {
    display: none !important;
  }
  .htr-site-header-bar .htr-header-menu-btn {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .htr-site-header-root {
    overflow-x: hidden;
    max-width: 100%;
  }
  .htr-site-header-bar {
    max-width: 100%;
    min-width: 0;
  }
  .htr-site-header-nav {
    display: none !important;
  }
  .htr-site-header-root .htr-header-mobile-strip {
    display: block !important;
    width: 100%;
    max-width: 100%;
    border-top: 1px solid #e7e5e4;
    background: #fff;
  }
  .htr-header-mobile-strip .header-phone-pair {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0.375rem;
  }
  .htr-header-mobile-strip .header-phone-link {
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    font-size: 0.8125rem;
    white-space: nowrap;
  }
  .htr-header-mobile-book {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    width: 100%;
    text-align: center;
  }
  body:has(.htr-header-mobile-strip) .htr-header-spacer {
    min-height: calc(15rem + env(safe-area-inset-top, 0px));
  }
}
