/* ==========================================================================
   SIDE DRAWER UX CONFIGURATOR DEDICATED STYLES (drawer.css)
   ========================================================================== */

#side-drawer, #side-drawer * {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

/* --- SECTION PADDING & GAP SPACING --- */
body section:not(#side-drawer *) {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

/* --- 1200px MAX-WIDTH CONTAINER CONSTRAINT --- */
section:not(#side-drawer *) > div,
.max-w-container-max,
.max-w-7xl,
.max-w-6xl {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* --- DRAWER INTERACTION & POINTER EVENTS FIX --- */
#side-drawer {
  pointer-events: auto !important;
  z-index: 99999 !important;
}

#side-drawer * {
  pointer-events: auto !important;
  box-sizing: border-box !important;
}

#side-drawer button,
#side-drawer a,
#side-drawer select,
#side-drawer input {
  cursor: pointer !important;
  user-select: auto !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Prevent unwanted theme CSS overrides inside side-drawer */
#side-drawer h1, #side-drawer h2, #side-drawer h3, #side-drawer h4,
#side-drawer p, #side-drawer label, #side-drawer span, #side-drawer button, #side-drawer select {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}