body::before {
    content: "";
    position: fixed;            /* reste en place même au scroll  */
    top: 0; left: 0;
    width: 100%; height: 100%;  /* couvre tout l’écran            */

    /* >>> votre logo <<< (chemin relatif, URL absolue, ou data URI) */
    background-image: url("/assets/img/logo-sm-new.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;       /* ajuste la taille du filigrane  */

    opacity: 0.02;              /* transparence — à adapter        */
    pointer-events: none;       /* n’empêche pas les clics          */
    z-index: -1;                /* reste sous le contenu            */
  }

.bd-mode-toggle {
  z-index: 1500;
}

#searchECUResults .list-group-item {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

#searchECUResults .list-group-item:hover {
    background-color: #1f2937; /* gris foncé (ou adapte à ton thème) */
    color: #0af; /* bleu clair au survol */
}


/* Mode clair - pas besoin de toucher, FilePond est déjà optimisé pour */
[data-bs-theme="light"] .filepond--root {
  /* Tu peux customiser si tu veux */
}

/* Mode sombre */
[data-bs-theme="dark"] .filepond--root {
  --filepond-background-color: #1e1e1e;
  --filepond-drop-label-color: #cccccc;
  --filepond-border-color: #444;
  --filepond-label-color: #eeeeee;
  --filepond-panel-border-radius: 0.5rem;
}

[data-bs-theme="dark"] .filepond--file {
  background-color: #2c2c2c;
}
[data-bs-theme="dark"] .filepond--file-info-main {
  color: #f0f0f0;
}

span.search-icon {
    position: absolute;
    z-index: 4;
    font-size: 20px;
    line-height: 48px;
    left: 25px;
    top: 0;
    z-index: 5;
    color: var(--ct-secondary);
}

.dropzone {
    background: transparent!important;
    border-radius: 5px;
    border: 2px dashed rgb(0, 135, 247);
    border-image: none;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.btn-primary {
    color: black;
    font-weight: 600;
}

.btn-primary:hover {
    color: black;
}

.btn-primary:disabled {
    color: black;
}

.side-nav {
    font-weight: 600;
    line-height: 0.8rem;
}

.side-nav .menuitem-active > a {
    font-weight: 600;
}
 
.column3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-column-rule: 1px solid rgba(28, 110, 164, 0.5);
    -moz-column-rule: 1px solid rgba(28, 110, 164, 0.5);
    column-rule: 1px solid rgba(28, 110, 164, 0.5);
}

.flaming {
    text-shadow: 0 -1px 4px #FFF, 0 -2px 10px #ff0, 0 -10px 20px #ff8000, 0 -18px 40px #F00;
    color: red;
    font-weight: bold;
}

#cookie-warning {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
/*    background-color: #f5f5f5;*/
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    display: none;
}

#cookie-accept {
    background-color: #008000;
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
}
  

.card-radio {
    background-color: var(--bs-custom-white);
    border: 2px solid var(--bs-border-color);
    border-radius: 0.25rem;
    padding: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.card-radio-input {
    display: none;
}

.card-radio-label {
    display: block;
}

.card-radio-input:checked+.card-radio {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
    border-width: thick;
}
.card-radio:hover {
    cursor: pointer;
}

.card-radio-input:checked+.card-radio:before {
    content: "\e9c3";
    font-family: unicons-line;
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 22px;
    color: #5b73e8;
}

.div_dtck, .div_dtck_result {
    width: 100%;
    height: 600px;
    resize: none;
    overflow-y: scroll;
    padding: 2px 3px;
    font-size: 12px;
}


/* .ks-cboxtags {
    list-style: none;
    padding: 20px;
} */

/* .ks-cboxtags > li{
  display: inline-flex;
  padding: 5px;
} */

.ks-cboxtags > label{
    display: inline-block;
    border: 4px solid rgba(139, 139, 139, .3);
    color: black;
    background-color: lightgrey;
    border-radius: 25px;
    white-space: nowrap;
    /* margin: 3px 0px; */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
    padding: 8px 12px;
    cursor: pointer;
    width: min-content;
}

.ks-cboxtags > label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'unicons';
    font-size: 12px;
    content: "\eb04";
    transition: transform .3s ease-in-out;
}

.ks-cboxtags > input[type="radio"]:checked + label::before,
.ks-cboxtags > input[type="checkbox"]:checked + label::before {
    content: "\e8ca";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

.ks-cboxtags > input[type="radio"]:checked + label,
.ks-cboxtags > input[type="checkbox"]:checked + label {
    border: 4px solid red;
    background-color: #ffc001;
    color: #fff;
    transition: all .2s;
}

.ks-cboxtags > input[type="radio"],
.ks-cboxtags > input[type="checkbox"] {
    display: block;
    position: absolute;
    opacity: 0;
}

.ks-cboxtags > input[type="radio"]:focus + label,
.ks-cboxtags > input[type="checkbox"]:focus + label {
  border: 4px solid red;
}

.bg-div {
    background-image: url('../img/bg.png'); /* Chemin vers votre image */
    background-size: cover;
}

.ribbon-box .ribbon {
    color: black;
}

#password-strength {
    height: 10px;
    border-radius: 5px;
    background-color: #ddd;
    transition: width 0.3s ease-in-out;
    margin-top: 5px;
}

.strength-weak {
    background-color: red!important;
    width: 25%;
}

.strength-medium {
    background-color: orange!important;
    width: 50%;
}

.strength-strong {
    background-color: yellowgreen!important;
    width: 75%;
}

.strength-very-strong {
    background-color: green!important;
    width: 100%;
}

.car_logo {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    border: 2px solid #0563A4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 4px 4px 4px grey;
    background-color: #fff;
    color: #000;
}