/* Auth-aware visibility utilities.
 * Requires body.patient-logged-in / body.patient-logged-out classes
 * set by the shared auth observer in o4m-patient-state.php.
 * Previously "Toggle visibility of logged-in/logged-out class elements" code snippet.
 */

/* Default: show logged-out content, hide logged-in content */
.logged-in-only,
.logged-in-only-flex {
  display: none;
}
.logged-out-only {
  display: block;
}
.logged-out-only-flex {
  display: flex;
}

/* When patient is logged in, flip the visibility */
.patient-logged-in .logged-in-only {
  display: block;
}
.patient-logged-in .logged-in-only-flex {
  display: flex;
}
.patient-logged-in .logged-out-only,
.patient-logged-in .logged-out-only-flex {
  display: none;
}

/* Responsive overrides — match Elementor's breakpoints */
@media (max-width: 767px) {
  .elementor-hidden-mobile.logged-in-only,
  .elementor-hidden-mobile.logged-out-only,
  .elementor-hidden-mobile.logged-in-only-flex,
  .elementor-hidden-mobile.logged-out-only-flex {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-hidden-tablet.logged-in-only,
  .elementor-hidden-tablet.logged-out-only,
  .elementor-hidden-tablet.logged-in-only-flex,
  .elementor-hidden-tablet.logged-out-only-flex {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .elementor-hidden-desktop.logged-in-only,
  .elementor-hidden-desktop.logged-out-only,
  .elementor-hidden-desktop.logged-in-only-flex,
  .elementor-hidden-desktop.logged-out-only-flex {
    display: none !important;
  }
}