.boxfiltre-avis .views-exposed-form {
    background: #F9F9F9;
    border-radius: 10px;
    padding: 20px;
    margin: 0 0 25px;
    gap: 1rem;
}

.boxfiltre-avis .views-exposed-form .js-form-item {
    width: 100%;
}

.boxfiltre-avis .views-exposed-form select {
  background: #fff;
  border: 2px solid #F3F3F3;
  border-radius: 5px;
  width: 100%;
  padding: .375rem .75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  appearance: none; /* masque la flèche native */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 0.75rem center/1rem auto;
  padding-right: 2rem; /* espace pour la flèche */
  border-radius: 6px;
}

.boxfiltre-avis .views-exposed-form input[type="text"] {
    background-color: #fff;
    border: 2px solid #F3F3F3;
    border-radius: 5px;
    width: 100%;
    padding: .375rem .75rem .375rem 2.5rem; /* espace pour l'icône à gauche */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    /* SVG en background avec opacity 50% */
    background-image: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.87446 0.5C5.8579 0.500087 4.85611 0.743273 3.95265 1.20927C3.04919 1.67527 2.27028 2.35056 1.68088 3.17882C1.09149 4.00707 0.708715 4.96426 0.564489 5.97053C0.420263 6.97681 0.51877 8.00298 0.851791 8.96344C1.18481 9.9239 1.74269 10.7908 2.47889 11.4918C3.21508 12.1928 4.10824 12.7076 5.08384 12.9932C6.05945 13.2788 7.08921 13.327 8.08722 13.1337C9.08523 12.9404 10.0225 12.5112 10.821 11.882L13.56 14.621C13.7014 14.7576 13.8909 14.8332 14.0875 14.8315C14.2842 14.8298 14.4723 14.7509 14.6113 14.6119C14.7504 14.4728 14.8293 14.2847 14.831 14.0881C14.8327 13.8914 14.7571 13.702 14.6205 13.5605L11.8815 10.8215C12.6225 9.88146 13.0838 8.7518 13.2128 7.56179C13.3417 6.37179 13.1331 5.16952 12.6106 4.09257C12.0882 3.01562 11.2731 2.10752 10.2587 1.47217C9.24425 0.83683 8.07143 0.49992 6.87446 0.5ZM1.99946 6.875C1.99946 5.58207 2.51307 4.34209 3.42731 3.42785C4.34155 2.51361 5.58153 2 6.87446 2C8.16739 2 9.40736 2.51361 10.3216 3.42785C11.2358 4.34209 11.7495 5.58207 11.7495 6.875C11.7495 8.16793 11.2358 9.40791 10.3216 10.3221C9.40736 11.2364 8.16739 11.75 6.87446 11.75C5.58153 11.75 4.34155 11.2364 3.42731 10.3221C2.51307 9.40791 1.99946 8.16793 1.99946 6.875Z" fill="%2309244B" fill-opacity="0.5"/></svg>');

    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 15px 15px;
}


.boxfiltre-avis .views-exposed-form label {
  color: var(--blue-medium);
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}
.boxfiltre-avis  label {
  color: var(--blue-medium);
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}
.exposed-filter {
    background: rgba(249, 249, 249, 1);
    /* border: 3px solid rgba(250, 250, 250, 1); */
    border-radius: 10px;
}
input#edit-submit-edition-statistique-physionomie,input#edit-submit-calendirier-assemblee-dividende,input#edit-submit-calendirier-assemblee-generale,input#edit-submit-evenement,input#edit-submit-actualites-esg, input#edit-submit-reporting-esg,input#edit-submit-reporting-esg-societe,input#edit-submit-actualites-esg,input#edit-submit-view-lettre-mensuelle,input#edit-submit-view-semaine-bourse,input#edit-submit-view-bulletin-officiel,input#edit-submit-publications-societes-filtre, input#edit-submit-avis-et-decisions,input#edit-submit-publications-bourse, input#edit-submit-liste-informations-des-societes-cotees, input#edit-submit-actualites-de-la-bourse {
    background-color: rgba(10, 9, 75, 1);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M10.4993 2C9.14387 2.00012 7.80814 2.32436 6.60353 2.94569C5.39893 3.56702 4.36037 4.46742 3.57451 5.57175C2.78866 6.67609 2.27829 7.95235 2.08599 9.29404C1.89368 10.6357 2.02503 12.004 2.46906 13.2846C2.91308 14.5652 3.65692 15.7211 4.63851 16.6557C5.6201 17.5904 6.81098 18.2768 8.11179 18.6576C9.4126 19.0384 10.7856 19.1026 12.1163 18.8449C13.447 18.5872 14.6967 18.015 15.7613 17.176L19.4133 20.828C19.6019 21.0102 19.8545 21.111 20.1167 21.1087C20.3789 21.1064 20.6297 21.0012 20.8151 20.8158C21.0005 20.6304 21.1057 20.3796 21.108 20.1174C21.1102 19.8552 21.0094 19.6026 20.8273 19.414L17.1753 15.762C18.1633 14.5086 18.7784 13.0024 18.9504 11.4157C19.1223 9.82905 18.8441 8.22602 18.1475 6.79009C17.4509 5.35417 16.3642 4.14336 15.0116 3.29623C13.659 2.44911 12.0952 1.99989 10.4993 2ZM3.99928 10.5C3.99928 8.77609 4.6841 7.12279 5.90308 5.90381C7.12207 4.68482 8.77537 4 10.4993 4C12.2232 4 13.8765 4.68482 15.0955 5.90381C16.3145 7.12279 16.9993 8.77609 16.9993 10.5C16.9993 12.2239 16.3145 13.8772 15.0955 15.0962C13.8765 16.3152 12.2232 17 10.4993 17C8.77537 17 7.12207 16.3152 5.90308 15.0962C4.6841 13.8772 3.99928 12.2239 3.99928 10.5Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    border: none;
    cursor: pointer;
    background-size: 1rem !important;
    width: 45px !important;
    height: 35px !important;
    border-radius: 5px !important;
    margin-top: 20px;
}

input#edit-reset--2,input#edit-reset-evenement,input#edit-reset-reporting-esg,input#edit-reset-reporting-esg-societe, input#edit-reset-view-bulletin-officiel,input#edit-reset-view-semaine-bourse,input#edit-reset-view-lettre-mensuelle,input#edit-reset-publications-societes-filtre,input#edit-reset,input#edit-reset-publications-bourse, input#edit-reset-liste-informations-des-societes-cotees, input#edit-reset-actualites-de-la-bourse {
border: 1px solid #0A094B;
    background: transparent;
    text-transform: uppercase;
    font-weight: 700;
    color: #0A094B;
    margin-left: 15px;
    border-radius: 5px;
    margin-top: 4px;
    font-family: Helvetica;
    font-size: 14px;
    padding: 6px 15px;
}

.custom-daterange {
      border: 2px solid rgb(222 226 230);
    border-radius: 5px;
}


  .input-with-icon {
    position: relative;
    width: 100%;
  }

  .input-with-icon input {
    padding-right: 40px; /* espace pour l'icône */
  }

  .input-with-icon svg {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* permet de cliquer dans l'input sans problème */
  }

.custom-exposed-form input {
    border: 2px solid #F3F3F3;
    border-radius: 5px;
    width: 100%;
    padding: .375rem .75rem .375rem .5rem !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}

.custom-exposed-form label {
  color : var(--Blue-text, rgba(9, 36, 75, 1));
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  vertical-align: middle;

}
.custom-exposed-form select {
  background: #fff;
  border: 2px solid rgba(243, 243, 243, 1);
  border-radius: 5px;
  width: 100%;
  padding: .375rem .75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--Blue-text, rgba(9, 36, 75, 1));
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 0.75rem center/1rem auto;
  padding-right: 2rem;
  border-radius: 6px;
}

/* Style pour le select au focus */
.custom-exposed-form select:focus {
  outline: none;
  border-color: rgba(243, 243, 243, 1);
}

/* Style pour le survol du select */
.custom-exposed-form select:hover {
  border-color: rgba(243, 243, 243, 1);
}

/* Styles pour les options - Solution 1: Forcer les couleurs */
.custom-exposed-form select option {
  color: var(--Blue-text, rgba(9, 36, 75, 1)) !important;
  background-color: white !important;
  /* Tenter de désactiver les styles par défaut */
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Options au survol - Solution renforcée */
.custom-exposed-form select option:hover {
  background-color: white !important;
  background: white !important;
  color: rgba(233, 80, 14, 1) !important;
  /* Désactiver les styles système */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

/* Options sélectionnées */
.custom-exposed-form select option:checked {
  color: rgba(233, 80, 14, 1) !important;
  background-color: white !important;
}

/* Solution alternative pour certains navigateurs */
.custom-exposed-form select option:focus {
  background-color: white !important;
  color: rgba(233, 80, 14, 1) !important;
}

/* Masquer l'option "All" */
select option[value="All"] {
  display: none;
}

/* Solution 2: CSS avancé pour forcer le style */
.custom-exposed-form select {
  /* Couleur du texte de l'option sélectionnée */
  color-scheme: light;
}

/* Solution 3: Utilisation de variables CSS pour plus de contrôle */
.custom-exposed-form select option {
  accent-color: rgba(233, 80, 14, 1);
}

/* Solution 4: Styles spécifiques par navigateur */
@supports (-webkit-appearance: none) {
  .custom-exposed-form select option:hover {
    background: linear-gradient(white, white) !important;
  }
}

@supports (-moz-appearance: none) {
  .custom-exposed-form select option:hover {
    background-color: white !important;
  }
}

/* Solution 5: Alternative avec focus-within */
.custom-exposed-form select:focus-within option:hover {
  background-color: white !important;
  color: rgba(233, 80, 14, 1) !important;
}
.empty_view {
    background: oldlace;
    padding: 20px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 500;
    color: #e9500e;
}

.custom-exposed-form {
  .shs-field-container {
    display: flex;
}
}