/* Force horizontal rules to break out of text wrapping 

.breakdance-rich-text-styles img {
max-width: 300px;
  margin: 20px;
float: left;
height: auto;
}

.breakdance-rich-text-styles hr {
  clear: both; 
  margin: 20px 0; 
  border: none; 
  border-top: 1px solid #ccc; 
  }*/
  
.breakdance .location__content h4 {
    color: #000 !important;
    font-family: Arial, sans-serif !important;
    font-size: 1.5rem !important;
}

/* MOBILE OVERRIDES FOR POPUP BUTTON */
@media (max-width: 767px) {

  /* Wrapper div */
  #popuptoggle {
    position: fixed !important;
    bottom: 0 !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    transform: translateX(-50%) !important;

    /* Kill desktop tab sizing */
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* Rounded top, flat bottom */
    border-radius: 30px 30px 0 0 !important;
    overflow: visible !important;
    box-sizing: border-box;
  }

  /* Everything inside the popup – works on ALL pages/classes */
  #popuptoggle * {
    height: auto !important;
    width: auto !important;
    max-height: none !important;
    max-width: 100% !important;

    padding: 12px 20px !important;
    margin: 0 !important;

    /* Force normal horizontal text, remove vertical/rotated styles */
    writing-mode: horizontal-tb !important;
    transform: none !important;
    rotate: 0deg !important;
    white-space: nowrap !important;
    text-align: center !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 30px 30px 0 0 !important;
    box-sizing: border-box;
  }
}


#popuptoggle {
  z-index: 990; /* or whatever it's currently set to */
}

/* Raise the mobile menu above the popup */
.breakdance-menu-list.is-visible {
  z-index: 1000; /* must be greater than #popuptoggle's z-index */
}

/* Style the "Find Another Location" menu item everywhere */
.breakdance-menu-link[href="https://www.comforcare.com/location-finder/"] {
    color: #F2691F !important;       /* ComForCare orange */
    font-weight: 700 !important;     /* Bold */
}

@media (max-width: 767px) {

  /* Wrapper (full button container) */
  #popuptoggle {
    background-color: #ffffff !important;
    
    /* Soft floating shadow */
    box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.15) !important;

    /* Rounded top corners, squared bottom */
    border-radius: 20px 20px 0 0 !important;
  }

  /* Inner text */
  #popuptoggle * {
    color: #F2691F !important;
  }
}