@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&family=Roboto+Serif:wght@300;400;500&display=swap');

/* Therapist Directory — Frontend Styles */

#td-signup-root,
#td-search-root,
#td-profile-root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Reset some common WordPress theme overrides */
#td-signup-root *,
#td-search-root *,
#td-profile-root * {
  box-sizing: border-box;
}

#td-signup-root input[type="text"],
#td-signup-root input[type="email"],
#td-signup-root input[type="tel"],
#td-signup-root input[type="url"],
#td-signup-root select,
#td-signup-root textarea,
#td-search-root select,
#td-profile-root textarea {
  font-family: inherit;
  font-size: 15px;
}

#td-signup-root input[type="checkbox"] {
  width: auto;
  height: auto;
  cursor: pointer;
}

/* Enquire modal overlay — needs to escape WordPress content width constraints */
[style*="position: fixed"] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Make cards look good inside narrow WordPress content areas */
@media (max-width: 600px) {
  #td-signup-root .td-card,
  #td-search-root .td-card,
  #td-profile-root .td-card {
    padding: 16px;
    border-radius: 8px;
  }
}

/* Force all plugin buttons to be visible regardless of theme CSS */
#td-signup-root button,
#td-search-root button,
#td-profile-root button {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1;
  cursor: pointer;
}

#td-signup-root button[disabled] {
  opacity: 0.7 !important;
  cursor: not-allowed;
}

@media (max-width: 600px) {
    .td-card-inner {
        flex-direction: column !important;
    }
    .td-card-photo {
        width: 100% !important;
        padding: 16px 16px 0 16px !important;
    }
    .td-card-photo > div:first-child {
        max-width: 100% !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }
    .td-card-photo > div:first-child img {
        border-radius: 8px !important;
    }
}


/* Hide page title on enquiry form page */
.page-id-826 .entry-title,
.page-id-826 h1.page-title,
.page-id-826 .page-title {
    display: none;
}

/* Extra bottom padding on enquiry form page */
.page-id-826 {
    padding-bottom: 60px;
}

.page-id-826 #td-enquire-root {
    margin-bottom: 60px;
}

/* Prevent horizontal scroll on all plugin roots */
#td-signup-root,
#td-search-root,
#td-profile-root,
#td-enquire-root,
#td-newsletter-root,
#td-join-root {
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

#td-signup-root *,
#td-search-root *,
#td-profile-root *,
#td-enquire-root *,
#td-join-root * {
    max-width: 100%;
    box-sizing: border-box;
}

/* Stack Specialisms grid on mobile */
@media (max-width: 640px) {
    #td-signup-root [style*="grid-template-columns: repeat(3"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    #td-signup-root [style*="grid-template-columns: repeat(auto-fill"] {
        grid-template-columns: 1fr !important;
    }
    #td-signup-root [style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
}

/* Fix mobile padding on signup and enquiry forms */
@media (max-width: 640px) {
    #td-signup-root > div,
    #td-enquire-root > div {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* Fix centering on mobile */
@media (max-width: 640px) {
    #td-signup-root,
    #td-enquire-root {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    #td-signup-root > div,
    #td-enquire-root > div {
        padding: 0 12px !important;
        margin: 0 auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}