/* CIL Configurator scoped base (avoid interfering with theme/Elementor) */
.cilcfg-shell{
  position: relative;
  width: 100%;
}

#cil-configurator-root{
  width: 100%;
  min-height: 300px;
}

/* Font + baseline */
.cilcfg-shell, #cil-configurator-root{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'sans-serif';
}

/* Prevent theme styles from breaking buttons/inputs */
#cil-configurator-root button,
#cil-configurator-root input,
#cil-configurator-root textarea,
#cil-configurator-root select{
  font: inherit;
}

/* Blueprint-like page background + texture (scoped) */
.cilcfg-shell{
  background: #050505;
  color: #e4e4e7;
  overflow: hidden;
}
.cilcfg-shell::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('https://grainy-gradients.vercel.app/noise.svg');
  opacity: 0.05;
  pointer-events: none;
  z-index: 1;
  filter: contrast(150%) brightness(100%);
}
#cil-configurator-root{
  position: relative;
  z-index: 2;
}

/* Selection scoped */
.cilcfg-shell ::selection{
  background: #ff4d00;
  color: #000;
}