/* ============================== */
/* VARIABLES GLOBAL ROOT */
/* ============================== */
:root {
  --gesdom-default: #3874ff;

  /* Couleurs Gesdom */
  --gesdom-orange: #F4553B;
  --gesdom-orange-hover: #e04432;
  --gesdom-orange-active: #d63c2b;
  --gesdom-orange-focus: rgba(244, 85, 59, 0.35);

  --gesdom-jaune: #FEB40E;
  --gesdom-jaune-hover: #e6a30c;
  --gesdom-jaune-active: #d9980b;
  --gesdom-jaune-focus: rgba(254, 180, 14, 0.35);

  --gesdom-rouge: #E30045;
  --gesdom-rouge-hover: #c2003d;
  --gesdom-rouge-active: #b00037;
  --gesdom-rouge-focus: rgba(227, 0, 69, 0.35);

  /* Couleur bordure neutre */
  --gesdom-border-gris: #DDD7D3;
  --gesdom-border-jaune: #FEB40E;
  --gesdom-border-orange: #F4553B;
  --gesdom-border-rouge: #E30045;

  /* Background custom */
  --gesdom-bg: #F9F6F3;
  --gesdom-bg-orange: #F4553B;
  --gesdom-bg-jaune: #FEB40E;
  --gesdom-bg-rouge: #E30045;

  /* Badges */
  --gesdom-success: #B0F2B6;
  --gesdom-info:    #FFEE8C;
  --gesdom-warning: #FFC067;
  --gesdom-danger:  #FF746C;

  /* text */
  --gesdom-text: #333333;
  --gesdom-text-orange: #F4553B;
  --gesdom-text-jaune: #FEB40E;
  --gesdom-text-rouge: #E30045;

  --gesdom-bg-gris: #EDEDED;
  --gesdom-text-gris: #EDEDED;
}

.active {
    color: var(--gesdom-orange) !important;
}

.navbar-vertical .nav-link .nav-link-text {
  color: inherit !important;
}

.navbar-vertical .nav-link .nav-link-icon {
  color: inherit !important;
}


.nav-item-wrapper:has(.nav-link.active) .nav-link.dropdown-indicator[aria-expanded="false"],
.nav-item-wrapper:has(.nav-link.active) .nav-link.dropdown-indicator.collapsed {
    color: var(--gesdom-orange) !important;
}


/* Button */

/* Base generator */
.btn-gesdom-orange {
  color: #fff;
  background-color: var(--gesdom-orange);
  border-color: var(--gesdom-orange);
}

.btn-gesdom-orange:hover {
  color: #fff;
  background-color: var(--gesdom-orange-hover);
  border-color: var(--gesdom-orange-hover);
}

.btn-gesdom-orange:focus {
  box-shadow: 0 0 0 0.25rem var(--gesdom-orange-focus);
}

.btn-gesdom-orange:active {
  background-color: var(--gesdom-orange-active);
}

.btn-gesdom-orange:disabled {
  background-color: var(--gesdom-orange) !important;
  border-color: var(--gesdom-orange) !important;
  color: #fff !important;
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* Outline */
.btn-outline-gesdom-orange {
  color: var(--gesdom-orange);
  border-color: var(--gesdom-orange);
}
.btn-outline-gesdom-orange:hover {
  color: #fff;
  background-color: var(--gesdom-orange);
}
.btn-outline-gesdom-orange:focus {
  box-shadow: 0 0 0 0.25rem var(--gesdom-orange-focus);
}


/* --------------- JAUNE --------------- */
.btn-gesdom-jaune {
  color: #fff;
  background-color: var(--gesdom-jaune);
  border-color: var(--gesdom-jaune);
}
.btn-gesdom-jaune:hover {
  color: #fff;
  background-color: var(--gesdom-jaune-hover);
  border-color: var(--gesdom-jaune-hover);
}
.btn-gesdom-jaune:focus {
  box-shadow: 0 0 0 0.25rem var(--gesdom-jaune-focus);
}
.btn-gesdom-jaune:active {
  background-color: var(--gesdom-jaune-active);
}

.btn-gesdom-jaune:disabled {
  background-color: var(--gesdom-jaune) !important;
  border-color: var(--gesdom-jaune) !important;
  color: #fff !important;
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* Outline */
.btn-outline-gesdom-jaune {
  color: var(--gesdom-jaune);
  border-color: var(--gesdom-jaune);
}
.btn-outline-gesdom-jaune:hover {
  color: #fff;
  background-color: var(--gesdom-jaune);
}
.btn-outline-gesdom-jaune:focus {
  box-shadow: 0 0 0 0.25rem var(--gesdom-jaune-focus);
}


/* --------------- ROUGE --------------- */
.btn-gesdom-rouge {
  color: #fff;
  background-color: var(--gesdom-rouge);
  border-color: var(--gesdom-rouge);
}
.btn-gesdom-rouge:hover {
  color: #fff;
  background-color: var(--gesdom-rouge-hover);
  border-color: var(--gesdom-rouge-hover);
}
.btn-gesdom-rouge:focus {
  box-shadow: 0 0 0 0.25rem var(--gesdom-rouge-focus);
}
.btn-gesdom-rouge:active {
  background-color: var(--gesdom-rouge-active);
}

/* Outline */
.btn-outline-gesdom-rouge {
  color: var(--gesdom-rouge);
  border-color: var(--gesdom-rouge);
}
.btn-outline-gesdom-rouge:hover {
  color: #fff;
  background-color: var(--gesdom-rouge);
}
.btn-outline-gesdom-rouge:focus {
  box-shadow: 0 0 0 0.25rem var(--gesdom-rouge-focus);
}


/* Badge */

.badge-gesdom-success { background-color: var(--gesdom-success); color: #000; }
.badge-gesdom-info    { background-color: var(--gesdom-info);    color: #000; }
.badge-gesdom-warning { background-color: var(--gesdom-warning); color: #000; }
.badge-gesdom-danger  { background-color: var(--gesdom-danger);  color: #000; }


/* Background */

.bg-gesdom { background-color: var(--gesdom-bg) !important; }
.bg-gesdom-orange { background-color: var(--gesdom-bg-orange) !important; color: #ffffff !important; }
.bg-gesdom-jaune { background-color: var(--gesdom-bg-jaune) !important;}
.bg-gesdom-rouge { background-color: var(--gesdom-bg-rouge) !important; color: #ffffff !important;}


/* bordure */

.border-gesdom-gris-1 { border: 1px solid var(--gesdom-border-gris) !important; }
.border-gesdom-gris-2 { border: 2px solid var(--gesdom-border-gris) !important; }
.border-gesdom-gris-3 { border: 3px solid var(--gesdom-border-gris) !important; }
.border-gesdom-gris-4 { border: 4px solid var(--gesdom-border-gris) !important; }
.border-gesdom-gris-5 { border: 5px solid var(--gesdom-border-gris) !important; }

.border-gesdom-orange-1 { border: 1px solid var(--gesdom-border-orange) !important; }
.border-gesdom-orange-2 { border: 2px solid var(--gesdom-border-orange) !important; }
.border-gesdom-orange-3 { border: 3px solid var(--gesdom-border-orange) !important; }
.border-gesdom-orange-4 { border: 4px solid var(--gesdom-border-orange) !important; }
.border-gesdom-orange-5 { border: 5px solid var(--gesdom-border-orange) !important; }

.border-gesdom-jaune-1 { border: 1px solid var(--gesdom-border-jaune) !important; }
.border-gesdom-jaune-2 { border: 2px solid var(--gesdom-border-jaune) !important; }
.border-gesdom-jaune-3 { border: 3px solid var(--gesdom-border-jaune) !important; }
.border-gesdom-jaune-4 { border: 4px solid var(--gesdom-border-jaune) !important; }
.border-gesdom-jaune-5 { border: 5px solid var(--gesdom-border-jaune) !important; }

.border-gesdom-rouge-1 { border: 1px solid var(--gesdom-border-rouge) !important; }
.border-gesdom-rouge-2 { border: 2px solid var(--gesdom-border-rouge) !important; }
.border-gesdom-rouge-3 { border: 3px solid var(--gesdom-border-rouge) !important; }
.border-gesdom-rouge-4 { border: 4px solid var(--gesdom-border-rouge) !important; }
.border-gesdom-rouge-5 { border: 5px solid var(--gesdom-border-rouge) !important; }


/* input et textarea */
.was-validated .form-control.is-invalid,
.form-control.is-invalid {
    border-color: var(--gesdom-rouge) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23E30045'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E30045' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: right calc(0.3725em + 0.25rem) center;
    background-size: calc(0.745em + 0.5rem) calc(0.745em + 0.5rem);
}

.was-validated .form-control.is-invalid,
.form-control.is-invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(227,0,69,0.35) !important;
}

.form-control-gesdom-orange:focus {
  border: 1px solid var(--gesdom-orange) !important;
  box-shadow: 0 0 0 .25rem var(--gesdom-orange-focus) !important;
}

.form-control-gesdom-jaune:focus {
  border: 1px solid var(--gesdom-jaune) !important;
  box-shadow: 0 0 0 .25rem var(--gesdom-jaune-focus) !important;
}

.form-control-gesdom-rouge:focus {
  border: 1px solid var(--gesdom-rouge) !important;
  box-shadow: 0 0 0 .25rem var(--gesdom-rouge-focus) !important;
}

/* Style pour les champs en lecture seule ou désactivés */
.form-control[readonly],
.form-control:disabled,
textarea[readonly],
textarea:disabled,
select:disabled {
    background-color: #e9ecef !important; /* gris clair comme Bootstrap */
    color: #6c757d; /* texte légèrement grisé */
    opacity: 1 !important; /* empêche le fade automatique de Bootstrap */
    cursor: not-allowed !important;
}

/* Supprime les effets de focus sur les champs readonly/disabled */
.form-control[readonly]:focus,
.form-control:disabled:focus,
textarea[readonly]:focus,
textarea:disabled:focus,
select:disabled:focus {
    box-shadow: none !important;
    border-color: #dee2e6 !important; /* garde une bordure neutre */
}

/* Empêche les ombres/focus bleus */
.select2-container--disabled .select2-selection--single:focus,
.select2-container--disabled .select2-selection--multiple:focus {
    box-shadow: none !important;
}

.form-control.datepicker-gesdom-orange[readonly] {
    background-color: #fff !important;
    color: inherit !important;
    cursor: pointer !important;
}

.form-control.datepicker-gesdom-jaune[readonly] {
    background-color: #fff !important;
    color: inherit !important;
    cursor: pointer !important;
}

.form-control.datepicker-gesdom-rouge[readonly] {
    background-color: #fff !important;
    color: inherit !important;
    cursor: pointer !important;
}

.form-control.datepicker-gesdom-default[readonly] {
    background-color: #fff !important;
    color: inherit !important;
    cursor: pointer !important;
}


/* select */
.was-validated .form-control.is-invalid,
.form-select.is-invalid {
    border-color: var(--gesdom-rouge) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23E30045'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E30045' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: right calc(0.3725em + 0.25rem) center;
    background-size: calc(0.745em + 0.5rem) calc(0.745em + 0.5rem);
}

.was-validated .form-control.is-invalid,
.form-select.is-invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(227,0,69,0.35) !important;
}

.form-select-gesdom-orange:focus {
  box-shadow: 0 0 0 .25rem var(--gesdom-orange-focus) !important;
  border: var(--gesdom-orange) !important;
}
.form-select-gesdom-jaune:focus {
  box-shadow: 0 0 0 .25rem var(--gesdom-jaune-focus) !important;
  border: var(--gesdom-jaune) !important;
}
.form-select-gesdom-rouge:focus {
  box-shadow: 0 0 0 .25rem var(--gesdom-rouge-focus) !important;
  border: var(--gesdom-rouge) !important;
}

/* form range */

.form-range:disabled {
    pointer-events: auto;
    cursor: not-allowed;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--phoenix-quaternary-bg);
  border: none !important;
  box-shadow: none !important;
  color: var(--phoenix-quaternary-bg) !important;
  transform: none !important;
  cursor: not-allowed !important;
}

.form-range:disabled::-moz-range-thumb {
  background-color: var(--phoenix-quaternary-bg);
  border: none !important;
  box-shadow: none !important;
  color: var(--phoenix-quaternary-bg) !important;
  transform: none !important;
  cursor: not-allowed !important;
}


/* ---- Barre de progression (avant le curseur) ---- */
.form-range-orange::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--gesdom-orange) 0%, var(--gesdom-orange) var(--percent, 0%), #dee2e6 var(--percent, 0%), #dee2e6 100%) !important;
  color: var(--gesdom-bg-orange) !important;
}
.form-range-jaune::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--gesdom-jaune) 0%, var(--gesdom-jaune) var(--percent, 0%), #dee2e6 var(--percent, 0%), #dee2e6 100%) !important;
  color: var(--gesdom-bg-orange) !important;
}
.form-range-rouge::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--gesdom-rouge) 0%, var(--gesdom-rouge) var(--percent, 0%), #dee2e6 var(--percent, 0%), #dee2e6 100%) !important;
  color: var(--gesdom-bg-orange) !important;
}

/* ---- Curseur (thumb) ---- */
.form-range-orange::-webkit-slider-thumb {
  background-color: var(--gesdom-orange);
  border: none !important;
  box-shadow: none !important;
  color: var(--gesdom-bg-orange) !important;
  transform: none !important;
}

.form-range-jaune::-webkit-slider-thumb {
  background-color: var(--gesdom-jaune);
  border: none !important;
  box-shadow: none !important;
  color: var(--gesdom-bg-orange) !important;
  transform: none !important;
}
.form-range-rouge::-webkit-slider-thumb {
  background-color: var(--gesdom-rouge);
  border: none !important;
  box-shadow: none !important;
  color: var(--gesdom-bg-orange) !important;
  transform: none !important;
}

/* ---- Firefox support ---- */
.form-range-orange::-moz-range-thumb {
  background-color: var(--gesdom-orange);
  border: none !important;
  box-shadow: none !important;
  color: var(--gesdom-bg-orange) !important;
  transform: none !important;
}
.form-range-jaune::-moz-range-thumb {
  background-color: var(--gesdom-jaune);
  border: none !important;
  box-shadow: none !important;
  color: var(--gesdom-bg-orange) !important;
  transform: none !important;
}
.form-range-rouge::-moz-range-thumb {
  background-color: var(--gesdom-rouge);
  border: none !important;
  box-shadow: none !important;
  color: var(--gesdom-bg-orange) !important;
  transform: none !important;
}

/* Empêcher le curseur de changer de couleur au focus */
.form-range-orange:focus::-webkit-slider-thumb {
  background-color: var(--gesdom-orange) !important;
}

.form-range-jaune:focus::-webkit-slider-thumb {
  background-color: var(--gesdom-jaune) !important;
}

.form-range-rouge:focus::-webkit-slider-thumb {
  background-color: var(--gesdom-rouge) !important;
}

/* Pour Firefox */
.form-range-orange:focus::-moz-range-thumb {
  background-color: var(--gesdom-orange) !important;
}

.form-range-jaune:focus::-moz-range-thumb {
  background-color: var(--gesdom-jaune) !important;
}

.form-range-rouge:focus::-moz-range-thumb {
  background-color: var(--gesdom-rouge) !important;
}

/* select avec choice.js */

.choices.select-gesdom-orange .choices__inner {
  border: 1px solid var(--gesdom-orange) !important;
}
.choices.select-gesdom-orange.is-focused .choices__inner,
.choices.select-gesdom-orange.is-open .choices__inner {
  box-shadow: 0 0 0 .25rem var(--gesdom-orange-focus) !important;
}

/* jaune */
.choices.select-gesdom-jaune .choices__inner {
  border: 1px solid var(--gesdom-jaune) !important;
}
.choices.select-gesdom-jaune.is-focused .choices__inner,
.choices.select-gesdom-jaune.is-open .choices__inner {
  box-shadow: 0 0 0 .25rem var(--gesdom-jaune-focus) !important;
}

/* rouge */
.choices.select-gesdom-rouge .choices__inner {
  border: 1px solid var(--gesdom-rouge) !important;
}
.choices.select-gesdom-rouge.is-focused .choices__inner,
.choices.select-gesdom-rouge.is-open .choices__inner {
  box-shadow: 0 0 0 .25rem var(--gesdom-rouge-focus) !important;
}


/* checkbox et radio */

.form-check-input-gesdom-orange:checked {
  background-color: var(--gesdom-orange) !important;
  border : var(--gesdom-orange) !important;
}
.form-check-input-gesdom-orange:focus {
  box-shadow: 0 0 0 .25rem var(--gesdom-orange-focus) !important;
  border : var(--gesdom-orange) !important;
}

.form-check-input-gesdom-jaune:checked {
  background-color: var(--gesdom-jaune) !important;
  border: var(--gesdom-jaune) !important;
}
.form-check-input-gesdom-jaune:focus {
  box-shadow: 0 0 0 .25rem var(--gesdom-jaune-focus) !important;
  border: var(--gesdom-jaune) !important;
}

.form-check-input-gesdom-rouge:checked {
  background-color: var(--gesdom-rouge) !important;
  border: var(--gesdom-rouge) !important;
}
.form-check-input-gesdom-rouge:focus {
  box-shadow: 0 0 0 .25rem var(--gesdom-rouge-focus) !important;
  border: var(--gesdom-rouge) !important;
}


/* text */

.text-danger {
    color: var(--gesdom-rouge) !important;
}

.text-gesdom-orange {
    color: var(--gesdom-bg-orange) !important;
}


.text-default-gesdom {
    color: #333333;
}

/* .label-gesdom {
    color: var(--gesdom-text);
    font-weight: bold;
    font-size: 0.83em !important;
} */

.value-info-default-gesdom {
    color: var(--gesdom-text);
    font-weight: bold;
    font-size: 0.83em !important;
}

/* Texte pour les informations / sous-labels */
.label-info-default-gesdom {
    color: var(--gesdom-text);
    font-weight: normal;
    font-size: 0.78em !important;
}

.value-info-default-gesdom-orange {
    color: var(--gesdom-text-orange);
    font-weight: bold;
}

/* Texte pour les informations / sous-labels */
.label-info-default-gesdom-orange {
    color: var(--gesdom-text-orange);
    font-weight: normal;
}

.value-info-default-gesdom-jaune {
    color: var(--gesdom-text-jaune);
    font-weight: bold;
}

/* Texte pour les informations / sous-labels */
.label-info-default-gesdom-jaune {
    color: var(--gesdom-text-jaune);
    font-weight: normal;
}

.value-info-default-gesdom-rouge {
    color: var(--gesdom-text-rouge);
    font-weight: bold;
}

.text-orange-gesdom {
    color: var(--gesdom-text-orange)!important;
}

.text-jaune-gesdom {
    color: var(--gesdom-text-jaune)!important;
}

.text-rouge-gesdom {
    color: var(--gesdom-text-rouge)!important;
}

/* Texte pour les informations / sous-labels */
.label-info-default-gesdom-rouge {
    color: var(--gesdom-text-rouge);
    font-weight: normal;
}

/* toast */

.toast-success {
    background-color: #28a745;
}

.toast-error {
    background-color: var(--gesdom-rouge);
}

/* invalid-feedback */
.invalid-feedback
{
    color: var(--gesdom-rouge) !important;
}

.choices-invalid-feedback
{
    color: var(--gesdom-rouge) !important;
}


/* select2 */
/* Erreur Select2 - Bordure rouge */
.select2-container.select2-error2 .select2-selection {
    border: 1px solid var(--gesdom-rouge) !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.select2-container.select2-error2 .select2-selection:focus {
    border-color: var(--gesdom-rouge) !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* default */

.select2-container-gesdom-default .select2-selection--multiple,
.select2-container-gesdom-default .select2-selection--single {
    background-color: #FFFFFF !important;
    border: 1px solid var(--gesdom-border-gris) !important;
    border-radius: 0.375rem !important;
    height: 41px !important;
}

.select2-container-gesdom-default .select2-selection--single .select2-selection__rendered {
    margin-top: 4.5px !important;
}

.select2-container-gesdom-default .select2-dropdown {
    background-color: #FFFFFF !important;
    border: 1px solid var(--gesdom-border-gris) !important;
    border-top: none !important;
    border-radius: 0 0 0.375rem 0.375rem !important;
}

.select2-container-gesdom-default .select2-results__option--highlighted {
    background-color: var(--gesdom-default) !important;
    color: white !important;
    font-weight: bold !important;
}

.select2-container-gesdom-default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--gesdom-default) !important;
    border: 1px solid var(--gesdom-default) !important;
    color: white !important;
    border-radius: 0.25rem !important;
    padding: 0 8px !important;
    margin: 2px !important;
}

.select2-container-gesdom-default .select2-selection__choice__remove {
    color: white !important;
    margin-right: 5px !important;
}

.select2-container-gesdom-default .select2-selection__choice__remove:hover {
    color: #ddd !important;
}

.select2-container-gesdom-default .select2-selection__choice {
    background-color: var(--gesdom-default) !important;
    color: #ffffff !important;
    border-color: var(--gesdom-default) !important;
}


/* orange */

.select2-container-gesdom-orange .select2-selection--multiple,
.select2-container-gesdom-orange .select2-selection--single {
    background-color: #FFFFFF !important;
    border: 1px solid var(--gesdom-border-gris) !important;
    border-radius: 0.375rem !important;
    height: 41px !important;
}

.select2-container-gesdom-orange .select2-selection--single .select2-selection__rendered {
    margin-top: 4.5px !important;
}

.select2-container-gesdom-orange .select2-dropdown {
    background-color: #FFFFFF !important;
    border: 1px solid var(--gesdom-border-gris) !important;
    border-top: none !important;
    border-radius: 0 0 0.375rem 0.375rem !important;
}

.select2-container-gesdom-orange .select2-results__option--highlighted {
    background-color: var(--gesdom-orange) !important;
    color: white !important;
    font-weight: bold !important;
}

.select2-container-gesdom-orange .select2-results__option[aria-selected="false"]:not(.select2-results__option--highlighted) {
    color: #6c757d !important;
}

.select2-container-gesdom-orange .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
    color: var(--gesdom-text) !important;
}

.select2-container-gesdom-orange .select2-selection--multiple .select2-selection__choice {
    background-color: var(--gesdom-orange) !important;
    border: 1px solid var(--gesdom-orange) !important;
    color: white !important;
    border-radius: 0.25rem !important;
    padding: 0 8px !important;
    margin: 2px !important;
}

.select2-container-gesdom-orange .select2-selection__choice__remove {
    color: white !important;
    margin-right: 5px !important;
}

.select2-container-gesdom-orange .select2-selection__choice__remove:hover {
    color: #ddd !important;
}

.select2-container-gesdom-orange .select2-selection__choice {
    background-color: var(--gesdom-orange) !important;
    color: #ffffff !important;
    border-color: var(--gesdom-orange) !important;
}

/* jaune */

.select2-container-gesdom-jaune .select2-selection--multiple,
.select2-container-gesdom-jaune .select2-selection--single {
    background-color: #FFFFFF !important;
    border: 1px solid var(--gesdom-border-gris) !important;
    border-radius: 0.375rem !important;
    height: 41px !important;
}

.select2-container-gesdom-jaune .select2-selection--single .select2-selection__rendered {
    margin-top: 4.5px !important;
}

.select2-container-gesdom-jaune .select2-dropdown {
    background-color: #FFFFFF !important;
    border: 1px solid var(--gesdom-border-gris) !important;
    border-top: none !important;
    border-radius: 0 0 0.375rem 0.375rem !important;
}

.select2-container-gesdom-jaune .select2-results__option--highlighted {
    background-color: var(--gesdom-jaune) !important;
    color: white !important;
    font-weight: bold !important;
}

.select2-container-gesdom-jaune .select2-results__option[aria-selected="false"]:not(.select2-results__option--highlighted) {
    color: #6c757d !important;
}

.select2-container-gesdom-jaune .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
    color: var(--gesdom-text) !important;
}

.select2-container-gesdom-jaune .select2-selection--multiple .select2-selection__choice {
    background-color: var(--gesdom-jaune) !important;
    border: 1px solid var(--gesdom-jaune) !important;
    color: white !important;
    border-radius: 0.25rem !important;
    padding: 0 8px !important;
    margin: 2px !important;
}

.select2-container-gesdom-jaune .select2-selection__choice__remove {
    color: white !important;
    margin-right: 5px !important;
}

.select2-container-gesdom-jaune .select2-selection__choice__remove:hover {
    color: #ddd !important;
}

.select2-container-gesdom-jaune .select2-selection__choice {
    background-color: var(--gesdom-jaune) !important;
    color: #ffffff !important;
    border-color: var(--gesdom-jaune) !important;
}

/* rouge */

.select2-container-gesdom-rouge .select2-selection--multiple,
.select2-container-gesdom-rouge .select2-selection--single {
    background-color: #FFFFFF !important;
    border: 1px solid var(--gesdom-border-gris) !important;
    border-radius: 0.375rem !important;
    height: 41px !important;
}

.select2-container-gesdom-rouge .select2-selection--single .select2-selection__rendered {
    margin-top: 4.5px !important;
}

.select2-container-gesdom-rouge .select2-dropdown {
    background-color: #FFFFFF !important;
    border: 1px solid var(--gesdom-border-gris) !important;
    border-top: none !important;
    border-radius: 0 0 0.375rem 0.375rem !important;
}

.select2-container-gesdom-rouge .select2-results__option--highlighted {
    background-color: var(--gesdom-rouge) !important;
    color: white !important;
    font-weight: bold !important;
}

.select2-container-gesdom-rouge .select2-results__option[aria-selected="false"]:not(.select2-results__option--highlighted) {
    color: #6c757d !important;
}

.select2-container-gesdom-rouge .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
    color: var(--gesdom-text) !important;
}

.select2-container-gesdom-rouge .select2-selection--multiple .select2-selection__choice {
    background-color: var(--gesdom-rouge) !important;
    border: 1px solid var(--gesdom-rouge) !important;
    color: white !important;
    border-radius: 0.25rem !important;
    padding: 0 8px !important;
    margin: 2px !important;
}

.select2-container-gesdom-rouge .select2-selection__choice__remove {
    color: white !important;
    margin-right: 5px !important;
}

.select2-container-gesdom-rouge .select2-selection__choice__remove:hover {
    color: #ddd !important;
}

.select2-container-gesdom-rouge .select2-selection__choice {
    background-color: var(--gesdom-rouge) !important;
    color: #ffffff !important;
    border-color: var(--gesdom-rouge) !important;
}

/* retirer la couleur du bordure  */
.select2-container--focus .select2-selection {
    border-color: var(--gesdom-border-gris) !important;
}

/* centraliser et augmenter le height pour les select2 simple */
.select2-container .select2-selection--single {
    height: 41px !important;
    line-height: 41px !important;
    display: flex !important;
    align-items : center !important;
}

.select2-container .select2-selection--single .select2-selection__arrow
{
    height: 26px !important;
    position: absolute !important;
    right: 1px !important;
    width: 20px !important;
    top: 8px !important;
}

.select2-dropdown,
.select2-container--open .select2-dropdown {
    z-index: 1056 !important; /* Au-dessus du modal (1055) */
}

/* Optionnel : si tu utilises des modals empilés */
.modal.show .select2-dropdown {
    z-index: 1060 !important;
}

.select2-container--open .select2-dropdown {
    z-index: 1060 !important; /* Au-dessus du modal (1055) */
}

.modal .select2-container {
    z-index: 1060 !important;
}

/* Permet le scroll dans le dropdown si trop d'options */
.select2-results {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--open .select2-dropdown {
    z-index: 1060 !important;
}


/* datepicker orange */

.flatpickr-calendar, .flatpickr-months .flatpickr-month .flatpickr-current-month{
    background-color: var(--gesdom-bg) !important;
}

span.flatpickr-weekday, .flatpickr-weekdaycontainer, .flatpickr-months .flatpickr-month{
    background-color: var(--gesdom-bg) !important;
}

.flatpickr-day.today{
    background-color: unset !important;
    color: var(--gesdom-orange) !important;
    border-color: var(--gesdom-orange) !important;
}

.flatpickr-day{
    display: inline-flex !important;
}

.flatpickr-day.today:hover{
    background-color: unset !important;
    color: var(--gesdom-orange) !important;
    border-color: var(--gesdom-orange) !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background-color: var(--gesdom-orange) !important;
    border-color: var(--gesdom-orange) !important;
}

.flatpickr-calendar.datepicker-gesdom-orange-theme{
    border: none !important;
}

.numInputWrapper span{
    opacity:1 !important;
}


.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
    height: calc(1.49em + 1rem + 2px) !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    line-height: 1.49 !important;
    color: var(--phoenix-body-color) !important;
    background-color: var(--phoenix-emphasis-bg) !important;
    border: var(--phoenix-border-width) solid var(--phoenix-border-color) !important;
    border-radius: var(--phoenix-border-radius) !important;
    box-shadow: inset 0 1px 2px transparent !important;
    display: flex !important;
    align-items: center !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

/* === FOCUS === */
/* .select2-container--focus .select2-selection,
.select2-container .select2-selection:focus {
    border-color: #86b7fe !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
} */

/* === TEXTE RENDU === */
.select2-selection__rendered {
    color: var(--phoenix-body-color) !important;
    padding-left: 0 !important;
    line-height: inherit !important;
    margin: 0 !important;
}

/* === FLÈCHE === */
.select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
    right: 0.75rem !important;
}

/* === PLACEHOLDER === */
.select2-selection__placeholder {
    color: #6c757d !important;
    font-weight: 400 !important;
}

/* ============================================= */
/* MULTIPLE : CORRECTION DÉBORDEMENT             */
/* ============================================= */

.select2-container .select2-selection--multiple {
    min-height: calc(1.49em + 1rem + 2px) !important;
    max-height: calc(1.49em + 1rem + 2px) !important;
    padding: 0.25rem 0.5rem !important;
    overflow: hidden !important;
}

/* Conteneur des tags → scroll horizontal */
.select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    scrollbar-width: thin !important;
}

/* Scrollbar discrète (Webkit) */
.select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
    height: 4px !important;
}
.select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2) !important;
    border-radius: 2px !important;
}

/* Tags */
.select2-selection--multiple .select2-selection__choice {
    margin: 0.125rem 0.25rem 0.125rem 0 !important;
    padding: 0 0.35rem !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    color: white !important;
    border: none !important;
    border-radius: 0.25rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

/* Bouton × */
.select2-selection__choice__remove {
    color: white !important;
    margin-left: 0.35rem !important;
    font-weight: bold !important;
    cursor: pointer !important;
}
.select2-selection__choice__remove:hover {
    color: #ffcccc !important;
}

/* Champ de recherche dans multiple */
.select2-selection--multiple .select2-search__field {
    margin: 0.125rem 0 !important;
    padding: 0 0.5rem !important;
    font-size: 0.8rem !important;
    height: 26px !important;
    min-width: 50px !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none !important;
    box-shadow: none !important;
}

.select2-selection--multiple .select2-search__field:focus{
    outline: none !important;
    box-shadow: none !important;
}

.datepicker-gesdom-orange,
.datepicker-gesdom-rouge,
.datepicker-gesdom-jaune {
    font-size: 14px !important;
}

.gesdom-onglet
{
    font-size: 14px !important;
}

.pagination-gesdom{
    color: var(--gesdom-bg-orange) !important;
}

.page{
    background-color: var(--gesdom-bg-orange) !important;
}

.datetimepicker[readonly] {
    background-color: white !important;
}


/* Style pour les Select2 désactivés */
.select2-container--disabled .select2-selection--single,
.select2-container--disabled .select2-selection--multiple {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    cursor: not-allowed !important;
    pointer-events: none !important; /* empêche toute interaction */
    border-color: #dee2e6 !important;
}

.btn-link-gesdom-orange {
    --phoenix-btn-font-weight: bold;
    --phoenix-btn-color: var(--gesdom-text-orange) !important;
    --phoenix-btn-bg: transparent;
    --phoenix-btn-border-color: transparent;
    --phoenix-btn-hover-color: var(--gesdom-text-orange) !important;
    --phoenix-btn-hover-border-color: transparent;
    --phoenix-btn-active-color: var(--gesdom-text-orange) !important;
    --phoenix-btn-active-border-color: transparent;
    --phoenix-btn-disabled-color: #9fa6bc;
    --phoenix-btn-disabled-border-color: transparent;
    --phoenix-btn-box-shadow: 0 0 0 #000;
    --phoenix-btn-focus-shadow-rgb: 86, 137, 255;
    text-decoration: none;
}

.btn-link-gesdom-orange:hover {
    text-decoration: underline !important;
}

/* Modal */

.max-height-95vh{
    max-height: 95vh !important;
}

.max-height-90vh{
    max-height: 90vh !important;
}

.overflow-y-auto{
    overflow-y: auto !important;
}

.fw-100{
    font-weight: 100 !important;
}

.flatpickr-input[readonly] {
    cursor: pointer !important;
}

/* dropzone */

.drop-zone {
  border-radius: 12px;
  background-color: white;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 2.5rem;
  text-align: center;
}

.drop-zone.dragover {
  background-color: white;
  border-color: var(--gesdom-orange);
  box-shadow: 0 0 15px rgba(13, 110, 253, 0.25);
}

.file-info {
  margin-top: 1rem;
  font-size: 0.9rem;
}

.border-gesdom-rouge-dropzone{
    border: 1px solid var(--gesdom-rouge) !important;
}

.border-gesdom-default-dropzone{
    border: 1px solid var(--phoenix-border-color) !important;
}

.btn-gesdom-orange:disabled,
.btn-gesdom-jaune:disabled,
.btn-gesdom-rouge:disabled,
.btn-outline-gesdom-orange:disabled,
.btn-outline-gesdom-jaune:disabled,
.btn-outline-gesdom-rouge:disabled,
.btn-link-gesdom-orange:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    pointer-events: none !important;
}


.flatpickr-wrapper{
    width: 100% !important;
}

.flatpickr-current-month {
    display: flex !important;
    align-items: center !important;
}

.gesdom-show-tel {
    background-color: transparent;
    box-shadow: none;
    border: none;
}

.gesdom-show-tel:hover {
    color: var(--gesdom-text-orange)!important;
}

.gesdom-show-tel:read-only {
    background-color: transparent ; /* pas de fond gris */
    opacity: 1; /* enlève l'effet grisé */
    -webkit-text-fill-color: inherit; /* pour Chrome/Safari */
    cursor: pointer!important;
    font-size: 15px;
    color: var(--gesdom-text);
}

/* Version ultra-courte et 100 % fiable */
/* Style général de l’input */
.iti input.gesdom-show-tel,
.iti input[readonly] {
    padding: 0 6px 0 37px !important; /* espace pour le drapeau */
    background: transparent !important;
}


/* Désactiver les interactions sur le drapeau
   mais seulement si l’input appartient à la catégorie affichage */
.iti:has(input.gesdom-show-tel) .iti__flag-container,
.iti:has(input[readonly]) .iti__flag-container {
    pointer-events: none !important;
    cursor: default !important;
}


/* Désactiver hover + fond gris */
.iti:has(input.gesdom-show-tel) .iti__selected-flag,
.iti:has(input[readonly]) .iti__selected-flag {
    background: transparent !important;
    cursor: default !important;
}


/* Désactiver le hover explicitement */
.iti:has(input.gesdom-show-tel) .iti__selected-flag:hover,
.iti:has(input[readonly]) .iti__selected-flag:hover {
    background: transparent !important;
    cursor: default !important;
}


/* Retirer la petite flèche ▼ */
.iti:has(input.gesdom-show-tel) .iti__arrow,
.iti:has(input[readonly]) .iti__arrow {
    display: none !important;
}


.gesdom-mailto {
    text-decoration: none !important;
    color: var(--gesdom-text);
}

.gesdom-mailto:hover{
    color: var(--gesdom-bg-orange)
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px);
    border: 1px solid lightgray !important;
    border-radius: 7px;
}