/* Call Now button: rightmost, outline style; keep Book + Call Now on one row */

.call-now-header-btn {
  color: #333 !important;
  background-color: #fff !important;
  border: 3px solid #424242 !important;
  font-weight: 600;
  white-space: nowrap;
}
/* Match Book An Appointment border on hover (same 3px stroke) */
.call-now-header-btn:hover {
  color: #fff !important;
  background-color: #424242 !important;
  border: 3px solid #424242 !important;
}

/* Mobile: Call Now dark row with white text (override desktop white bg) */
@media (max-width: 1199.98px) {
  #top-primary-nav-clone .header-call-now-li,
  #top-primary-nav-clone .header-call-now-li a {
    display: block !important;
    visibility: visible !important;
  }
  #top-primary-nav-clone .header-call-now-li {
    background-color: #333 !important;
  }
  #top-primary-nav-clone .call-now-header-btn,
  #top-primary-nav-clone .header-call-now-li .call-now-header-btn,
  #top-primary-nav-clone .header-call-now-li a.call-now-header-btn {
    color: #fff !important;
    background-color: #333 !important;
    border: none !important;
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.15) !important;
  }
  #top-primary-nav-clone .call-now-header-btn:hover,
  #top-primary-nav-clone .header-call-now-li .call-now-header-btn:hover {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none !important;
  }
}

/* Keep Book An Appointment + Call Now on one row; prevent wrap on resize */
@media (min-width: 1200px) {
  #header .header-nav-wrapper .menuzord-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  #header .header-nav-wrapper .menuzord-menu > li {
    flex-shrink: 0;
  }
  #header .header-nav-wrapper .menuzord-menu > li .header-button {
    white-space: nowrap;
  }
  .header-call-now-li {
    margin-left: 4px;
  }
}

/* Slightly tighter button padding at medium desktop so both fit without wrapping */
@media (min-width: 1200px) and (max-width: 1400px) {
  #header .header-nav-wrapper .menuzord-menu > li > a.header-button {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 0.95rem;
  }
}