.elementor-638 .elementor-element.elementor-element-1437967{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-638 .elementor-element.elementor-element-c09eb00{--display:flex;--border-radius:12px 12px 12px 12px;box-shadow:1px 1px 15px 0px rgba(0, 0, 0, 0.15);}.elementor-638 .elementor-element.elementor-element-c09eb00:not(.elementor-motion-effects-element-type-background), .elementor-638 .elementor-element.elementor-element-c09eb00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8827bf6 );}.elementor-638 .elementor-element.elementor-element-c011b62{padding:50px 50px 50px 50px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-638 .elementor-element.elementor-element-1437967{--padding-top:65px;--padding-bottom:65px;--padding-left:10px;--padding-right:10px;}.elementor-638 .elementor-element.elementor-element-c09eb00{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-638 .elementor-element.elementor-element-c011b62{padding:15px 15px 15px 15px;}}@media(min-width:768px){.elementor-638 .elementor-element.elementor-element-1437967{--content-width:1280px;}}/* Start custom CSS for html, class: .elementor-element-c011b62 *//* ===== WELLNESSLIVING APPOINTMENTS WIDGET RESPONSIVENESS ===== */

/* General container styling */
wl-appointments-widget {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px; /* Adds breathing room on smaller screens */
  box-sizing: border-box;
}

/* Desktop default (safe) */
@media (min-width: 1025px) {
  wl-appointments-widget {
    max-width: 960px;
    padding: 0;
  }
}

/* Tablet view */
@media (min-width: 768px) and (max-width: 1024px) {
  wl-appointments-widget {
    max-width: 95%;
    padding: 0 20px;
  }
}

/* Mobile view */
@media (max-width: 767px) {
  wl-appointments-widget {
    max-width: 100%;
    padding: 0 10px;
  }

  /* Optional: Adjust child iframe or shadow-root content if accessible */
  wl-appointments-widget iframe,
  wl-appointments-widget > * {
    width: 100% !important;
    height: auto !important;
    min-height: 650px; /* ensures full visibility of the booking UI */
  }
}

/* Center alignment for entire widget section */
.elementor-widget-container {
  text-align: center;
}/* End custom CSS */