/**
 * Header nav (Elementor header 3997): keep one clean row at desktop widths.
 * - Normal sizing from 1261px up (all items + Schedule Now).
 * - Hide "Leave a Review" below 1261px, then "Contact Us" below 1096px,
 *   before anything would wrap. Both remain in the mobile menu (and Contact Us
 *   is already in the footer).
 * - Existing hamburger stays at the Elementor tablet breakpoint (max-width: 1024px).
 * - Schedule Now stays visible at every width, including beside the hamburger.
 */
@media (min-width: 1025px) {
  .elementor-3997 .elementor-element-ae5752e .e-con-inner {
    flex-wrap: nowrap !important;
    align-items: center;
  }
  .elementor-3997 .elementor-nav-menu--main > .elementor-nav-menu {
    flex-wrap: nowrap !important;
    align-items: center;
  }
  .elementor-3997 .elementor-nav-menu--main > .elementor-nav-menu > li.contact-nav-btn,
  .elementor-3997 .elementor-nav-menu--main > .elementor-nav-menu > li.contact-nav-btn a {
    white-space: nowrap !important;
    flex-shrink: 0;
  }
}

/* Full row no longer fits below ~1245px: hide Leave a Review first. */
@media (max-width: 1260px) and (min-width: 1025px) {
  .elementor-3997 .elementor-nav-menu--main > .elementor-nav-menu > li.menu-item-10774 {
    display: none !important;
  }
}

/* Still tight below ~1080px: also hide Contact Us. */
@media (max-width: 1095px) and (min-width: 1025px) {
  .elementor-3997 .elementor-nav-menu--main > .elementor-nav-menu > li.menu-item-2499 {
    display: none !important;
  }
}

/* Hamburger range: keep original logo sizing; put Schedule Now beside the toggle. */
@media (max-width: 1024px) {
  .elementor-3997 .elementor-element-ae5752e .e-con-inner {
    flex-wrap: nowrap !important;
    align-items: center;
  }
  /* Let the nav widget grow past the 37px hamburger-only cap so the button fits. */
  .elementor-3997 .elementor-element-7cdd884 {
    --container-widget-width: auto;
    width: auto !important;
    max-width: none !important;
  }
  .elementor-3997 .elementor-element-7cdd884 .elementor-widget-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
  }
  .elementor-3997 .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main {
    display: flex !important;
    width: auto !important;
    flex: 0 0 auto;
  }
  .elementor-3997 .elementor-nav-menu--main > .elementor-nav-menu {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .elementor-3997 .elementor-nav-menu--main > .elementor-nav-menu > li {
    display: none !important;
    margin: 0 !important;
  }
  .elementor-3997 .elementor-nav-menu--main > .elementor-nav-menu > li.contact-nav-btn {
    display: flex !important;
    flex-shrink: 0;
  }
  .elementor-3997 .elementor-nav-menu--main > .elementor-nav-menu > li.contact-nav-btn a {
    background-color: #E8457C;
    color: #fff !important;
    padding: 8px 16px !important;
    margin: 0 !important;
    border-radius: 100px;
    white-space: nowrap !important;
    line-height: 1.2;
  }
  .elementor-3997 .elementor-nav-menu--main > .elementor-nav-menu > li.contact-nav-btn a:hover,
  .elementor-3997 .elementor-nav-menu--main > .elementor-nav-menu > li.contact-nav-btn a:focus {
    background-color: #B953A0;
  }
  .elementor-3997 .elementor-menu-toggle {
    display: flex !important;
    flex-shrink: 0;
  }
  /* Elementor stretch JS positions the dropdown with a large negative left
     relative to the nav widget. After widening that widget for Schedule Now,
     the widget (position: relative) is the containing block and sits on the
     right, so the panel hangs off the left of the viewport and clips labels.
     Re-anchor the dropdown to the full-width sticky header instead. */
  .elementor-3997 .elementor-element-7cdd884,
  .elementor-3997 .elementor-element-499d81e {
    position: static !important;
  }
  .elementor-3997 .elementor-element-7cdd884 .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    top: 100% !important;
    box-sizing: border-box;
    overflow-x: hidden;
  }
  .elementor-3997 .elementor-element-7cdd884 .elementor-nav-menu--dropdown .elementor-nav-menu > li > a {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  /* Customizer styles the Schedule Now pill from 1024px up, which also
     hits the item inside the open hamburger at exactly 1024px. Keep the
     dropdown row a normal list item. */
  .elementor-3997 .elementor-nav-menu--dropdown .elementor-nav-menu > li.contact-nav-btn a {
    background-color: transparent !important;
    color: inherit !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
}

@media (max-width: 480px) {
  .elementor-3997 .elementor-nav-menu--main > .elementor-nav-menu > li.contact-nav-btn a {
    padding: 6px 12px !important;
    font-size: 13px !important;
  }
}