/* Rende visibile il testo del dropdown SurveyJS anche quando è chiuso (anche se disabilitato) */
.sd-input.sd-dropdown .sd-dropdown__value,
.sd-input.sd-dropdown .sd-dropdown__value .sv-string-viewer,
.sv-dropdown_select-wrapper .sv-string-viewer {
  color: #263057 !important;
}

.sd-input.sd-dropdown[aria-disabled="true"] .sd-dropdown__value,
.sd-input.sd-dropdown[aria-disabled="true"] .sd-dropdown__value .sv-string-viewer,
.sv-dropdown_select-wrapper[aria-disabled="true"] .sv-string-viewer {
  color: #263057 !important;
}

/* Rimuove il rettangolo bianco interno e rende trasparente il background del valore selezionato */
.sd-input.sd-dropdown .sd-dropdown__value {
  background-color: transparent !important;
}

/* Colore e background del campo di filtro interno al dropdown */
.sd-input.sd-dropdown .sd-dropdown__filter-string-input {
  color: #263057 !important;
  background-color: transparent !important;
}

/* Voce selezionata nella lista aperta: testo bianco su sfondo blu */
.sv-dropdown-popup .sv-list__item--selected .sv-string-viewer,
.sv-dropdown-popup .sd-list__item--selected .sv-string-viewer {
  color: #fff !important;
}
/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

trix-editor {
  min-height: 20rem;
  height: auto;
}

.button_to {
  line-height: 1;
}

/* Override colori questionari SurveyJS */
:root {
  /* Variabili per il viewer/questionario */
  --sjs-primary-backcolor: rgba(38, 48, 87, 1); /* #263057 */
  --sjs-primary-backcolor-light: rgba(38, 48, 87, 0.1);
  --sjs-primary-backcolor-dark: rgba(18, 24, 43, 1);
  --sjs-primary-forecolor: rgba(255, 255, 255, 1);
  --sjs-primary-forecolor-light: rgba(255, 255, 255, 0.25);
  
  /* Variabili per il creator/builder */
  --sjs-primary-background-500: rgba(38, 48, 87, 1); /* #263057 */
  --sjs-primary-background-10: rgba(38, 48, 87, 0.1);
  --sjs-secondary-background-500: rgba(38, 48, 87, 1); /* #263057 */
}

/* Root reale per override variabili SurveyJS (general forecolor usato dai dropdown) */
:root {
  --sjs-general-forecolor: rgba(38, 48, 87, 1);
  --sjs-general-forecolor-light: rgba(38, 48, 87, 0.7);
}