/* Native HTML controls replacing the former component library. */
[hidden] { display: none !important; }
.mobile-toggle .menu-close-icon { display: none; }
.mobile-toggle.menu-is-open .menu-open-icon { display: none; }
.mobile-toggle.menu-is-open .menu-close-icon { display: block; }

.patient-accordion > [data-slot='accordion-item'] > h3 { display: flex; }
.patient-accordion [data-slot='accordion-trigger'] {
  display: flex;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  background: transparent;
  text-align: left;
  border-radius: 8px;
}
.patient-accordion [data-slot='accordion-trigger'] svg { transition: transform .15s; }
.patient-accordion .faq-is-open [data-slot='accordion-trigger'] svg { transform: rotate(180deg); }
.patient-accordion [data-slot='accordion-content'] p + p { margin-top: 16px; }
.patient-accordion [data-slot='accordion-content'] a { text-decoration: underline; text-underline-offset: 3px; }

dialog.static-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  border: 1px solid var(--border);
  background: var(--background);
  color: var(--foreground);
  font: inherit;
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  overscroll-behavior: contain;
  box-shadow: 0 20px 80px #2b202933;
}
dialog.static-dialog:not([open]) { display: none !important; }
dialog.static-dialog[open] { display: flex; flex-direction: column; gap: 20px; }
dialog.static-dialog::backdrop { background: #2b202940; backdrop-filter: blur(5px); }
dialog.static-dialog.profile-dialog { width: calc(100% - 32px); max-width: 580px; padding: 32px; border-radius: 30px; }
dialog.static-dialog .dialog-x { flex: none; }
dialog.static-dialog .btn { flex-shrink: 0; }
.service-search-index { display: none; }

@media (max-width: 600px) {
  dialog.static-dialog.profile-dialog { padding: 24px; }
  dialog.static-dialog { max-height: calc(100dvh - 32px); }
}
@media print {
  .site-header { position: static; }
  .mobile-bottom, .scrolling-controls, .mobile-toggle, dialog { display: none !important; }
  .scrolling-track { display: grid; overflow: visible; grid-template-columns: repeat(3, 1fr); }
  .patient-accordion [data-slot='accordion-content'][hidden] { display: block !important; }
}
