/* WizardUx Modal Content Area
 * Scrollable main content between header and footer
 * Desktop-first - DO NOT modify these base styles for mobile
 */

/* ==========================================================================
   CONTENT CONTAINER
   ========================================================================== */

.wizard-modal__content {
  flex: 1 1 auto;
  min-height: 0; /* Allow flex shrinking */
  overflow-y: auto;
  outline: none;

  /* Responsive X-axis padding - larger on desktop */
  padding-inline: clamp(var(--wizard-spacing-inline), 5vw, calc(var(--wizard-spacing-inline) * 3));
  padding-block: var(--wizard-spacing-block);
}

/* ==========================================================================
   HIDDEN SCROLLBAR
   Maintains scroll functionality but hides the scrollbar
   ========================================================================== */

.wizard-modal__content {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

.wizard-modal__content::-webkit-scrollbar {
  display: none; /* Chrome/Safari/Opera */
}

/* ==========================================================================
   FULL-BLEED CONTENT
   For steps that need edge-to-edge content (like chat)
   ========================================================================== */

.wizard-modal__content--full-bleed {
  padding: 0;
}

/* Alternative: use :has() for automatic full-bleed detection */
.wizard-modal__content:has(.wizard-chat) {
  padding: 0;
}

.wizard-modal__content:has(.wizard-signature) {
  padding-block: var(--wizard-spacing-block);
}