/* The optional texting box and the form status line added to the client's Elementor forms. */
.elementor-form .pw-sms .elementor-field-option { display: flex; gap: 8px; align-items: flex-start; }
.elementor-form .pw-sms input[type=checkbox] { flex: 0 0 auto; width: 16px; height: 16px; margin: 2px 0 0; }
.elementor-form .pw-sms label { font-size: 11px; line-height: 1.4; color: inherit; opacity: .9; }
.elementor-form .pw-sms label a { color: inherit; text-decoration: underline; }
.elementor-form .pw-lead-status:empty { display: none; }
.elementor-form .pw-lead-status { width: 100%; margin-top: 10px; font-size: 14px; }

/* The Google reviews strip. The Trustindex script that sized its columns, moved its arrows and opened "Read more"
   is gone (no third-party scripts on a health site), so this file and pw.js do those jobs: the cards scroll sideways
   with snap, one card at a time on a phone, two on a tablet, three on a desktop. The widget's own stylesheet loads later in the page, so these
   selectors carry one class more than its rules. */
.ti-widget.ti-goog .ti-reviews-container-wrapper { overflow-x: auto !important; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.ti-widget.ti-goog .ti-reviews-container-wrapper::-webkit-scrollbar { display: none; }
.ti-widget.ti-goog .ti-review-item { scroll-snap-align: start; }
@media (max-width: 767px) { .ti-widget.ti-goog .ti-widget-container.ti-col-3 .ti-review-item { flex: 0 0 88%; max-width: 88%; } }
@media (min-width: 768px) and (max-width: 1024px) { .ti-widget.ti-goog .ti-widget-container.ti-col-3 .ti-review-item { flex: 0 0 50%; max-width: 50%; } }
@media (min-width: 768px) { .ti-widget.ti-goog .ti-reviews-container .ti-controls { display: block; } }
.ti-widget.ti-goog .ti-review-item .ti-review-content.pw-open { height: auto !important; display: block; -webkit-line-clamp: unset; }
.ti-widget.ti-goog .ti-review-item .ti-read-more.pw-no-more { display: none; }

/* "Skip to content" lands on #content (the page's main region, tabindex -1 so focus moves there); no outline box around the whole region. */
#content[tabindex="-1"]:focus { outline: 0; }
