@layer primevue {

  .p-inputswitch.p-highlight .p-inputswitch-slider {
    background: #8c1c40;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
    background: #b13159;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
    box-shadow: 0 0 0 0.2rem #faa6c9;
  }
  .p-inputswitch.p-invalid > .p-inputswitch-slider {
    border-color: #f44336;
  }
  .p-inputwrapper2 {
    /*width:100%;*/
  }

  /* PrimeVue 4 : ToggleSwitch (ex-InputSwitch). Couleur FMOQ appliquee globalement. */
  .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
    background: #8c1c40;
    border-color: #8c1c40;
  }
  .p-toggleswitch.p-toggleswitch-checked:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider {
    background: #b13159;
    border-color: #b13159;
  }
  .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-slider {
    box-shadow: 0 0 0 0.2rem #faa6c9;
  }
  .p-toggleswitch.p-invalid > .p-toggleswitch-slider {
    border-color: #f44336;
  }
}

/* PrimeVue 4 Aura theme : override des design tokens via CSS custom properties. */
/* Ces variables priment sur les styles injectes par le theme Aura. */
.p-toggleswitch {
  --p-toggleswitch-checked-background: #8c1c40;
  --p-toggleswitch-checked-hover-background: #b13159;
  --p-toggleswitch-checked-border-color: #8c1c40;
  --p-toggleswitch-checked-hover-border-color: #b13159;
  --p-toggleswitch-handle-checked-color: #8c1c40;
  --p-toggleswitch-handle-checked-hover-color: #b13159;
  --p-toggleswitch-focus-ring-color: #faa6c9;
}