:root,
[data-bs-theme=light] {
    --rnv-white-1:#FFFFFF;
    --rnv-black-1:#161618;
    --rnv-black-2:#1c1c1e;
    --rnv-black-3:#232325;
    --rnv-grey-1:#3B4049;
    --rnv-grey-2:#2B2E36;
    --rnv-grey-3:#1B1F2A;
    --rnv-green-1:#C7FD7D;
    --rnv-green-2:#46AF40;
    --rnv-green-3:#11764B;
    --rnv-green-4:#40913c;
    --rnv-orange-1:#FFA340;
    /* --rnv-orange-1:#6e1ce1; */
    --rnv-orange-1-transparent:rgba(125, 125, 125, 0.212);
    --rnv-red-1:#FD2C32;
    --rnv-blue-1:#37EBFD;
    --rnv-blue-2:#0E6EDB;
    --rnv-blue-3:#030303;
    --rnv-purple:#4a49f6;


    --amt-purple:#4a49f6;
    --amt-orange:#FFA340;
    --amt-white:#f4f4f4;



    --tblr-success: var(--rnv-green-4);
    --tblr-orange: var(--amt-orange);
    --tblr-purple: var(--amt-purple);

    --tblr-bg-surface: var(--amt-white)!important;
    --tblr-bg-surface-secondary: #eaeced !important;
    --tblr-white:#FEFEFE !important;
    --tblr-gray-900: var(--rnv-black-2) !important;

}



:root {
  --shadow-color: 0deg 0% 62%;
  --shadow-elevation-low:
    0.1px 0.1px 0.1px hsl(var(--shadow-color) / 0.39),
    0.2px 0.2px 0.3px -1.6px hsl(var(--shadow-color) / 0.33),
    0.5px 0.6px 0.8px -3.2px hsl(var(--shadow-color) / 0.28);
  --shadow-elevation-medium:
    0.1px 0.1px 0.1px hsl(var(--shadow-color) / 0.41),
    0.3px 0.4px 0.5px -1.1px hsl(var(--shadow-color) / 0.36),
    0.9px 1.1px 1.4px -2.1px hsl(var(--shadow-color) / 0.32),
    2.3px 2.8px 3.7px -3.2px hsl(var(--shadow-color) / 0.28);
  --shadow-elevation-high:
    0.1px 0.1px 0.1px hsl(var(--shadow-color) / 0.38),
    0.5px 0.6px 0.8px -0.5px hsl(var(--shadow-color) / 0.36),
    1px 1.2px 1.6px -0.9px hsl(var(--shadow-color) / 0.34),
    1.7px 2px 2.7px -1.4px hsl(var(--shadow-color) / 0.32),
    2.9px 3.4px 4.6px -1.8px hsl(var(--shadow-color) / 0.3),
    4.7px 5.6px 7.5px -2.3px hsl(var(--shadow-color) / 0.28),
    7.3px 8.7px 11.6px -2.7px hsl(var(--shadow-color) / 0.26),
    10.9px 13.1px 17.4px -3.2px hsl(var(--shadow-color) / 0.23);
}

[data-bs-theme=dark], body[data-bs-theme=dark] [data-bs-theme=light] {



    color-scheme: dark;
    --tblr-body-bg: var(--rnv-black-2);
    --tblr-bg-surface: var(--rnv-black-1) ;
    --tblr-border-color: var(--rnv-black-3);
    --tblr-link-color:var(--amt-purple);

    --tblr-box-shadow-card : rgba(0, 0, 0, 0.53) 0px 2px 4px 0px;
    --tblr-border-color-translucent: var(--rnv-black-3);
    --tblr-bg-surface-tertiary:var(--rnv-black-3);
    --tblr-white: var(--amt-white);
    --tblr-card-bg : var(--amt-white)!important;

}


/* 1) Pas de retour à la ligne dans le contrôle */
.ts-wrapper.single .ts-control{
  display: flex;          /* déjà le cas, mais on fixe */
  flex-wrap: nowrap;      /* <- clé pour éviter le saut à la ligne */
  align-items: center;
  overflow: hidden;       /* on coupe si trop long */
  min-height: 2rem;       /* ajuste selon ta taille */
  padding: 0 10px 0 10px!important;
}

/* 3) Neutraliser l’input interne : zéro largeur, aucune influence en flex */


.ts-dropdown .active {
  background-color: var(--tblr-body-bg)!important;
  color: var(--tblr-card-color)!important;
}

.ts-dropdown {
  background-color: var(--tblr-body-bg)!important;
    color: var(--tblr-card-color)!important;
  border-color: var(--tblr-body-bg);
}

.form-control{
    background-color: var(--tblr-body-bg)!important;
}
.ts-control{
      color: var(--tblr-card-color)!important;
}

.card{
      box-shadow: var(--shadow-elevation-medium);
    
}
.btn-mobile {
  background-color:var(--rnv-black-1)!important;
  border:0px solid var(--tblr-bg-surface-secondary)!important;
}

.card-title{
  font-size: var(--tblr-font-size-h3);
}

.page-title{
  font-size :var(--tblr-font-size-h2);
}


.container-xxl{

    max-width: 1450px;
}


#menu{
  width: 100%;
}

#mobile_menu{
  background-color: var(--rnv-black-1)!important;
  height: 5rem;
}


.bg-black{

  background-color: var(--rnv-black-1)!important;
  
}
@media (min-width: 992px) { 



 }


/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  #menu{
    width:4rem;
  }
  #page-wrapper{
    margin-left: 4rem!important;
  }
 }


@media (min-width: 1200px) { 
  #menu{
    width:13rem;
  }
  #page-wrapper{
    margin-left: 13rem!important;
  }
 }

 .dropdown-menu-sidebar {
  position: absolute !important;
  top:-250px!important;
  z-index: 1050 !important; /* comme les modals */
  /* inset: auto !important; empêche Bootstrap de coller le menu */
}


.icn-20{
  font-size: 20px;
}


/* ===== Container ===== */
.dual-range {
  position: relative;
  height: 48px; /* espace pour les bulles au-dessus */
}

/* on superpose proprement les deux inputs */
.dual-range .form-range {
  position: absolute;
  inset: 0 0 0 0;
  margin: 0;
  appearance: none;
  background: transparent;
  pointer-events: none; /* on ne capte que les thumbs */
  z-index: 3; /* thumbs au-dessus des décorations */
}

/* ===== Piste & sélection ===== */
.dual-range .range-track,
.dual-range .range-fill {
  position: absolute;
  left: 0; right: 0;
  height: .5rem;
  top: 28px; /* aligne avec les thumbs Tabler */
  transform: translateY(-50%);
  border-radius: 999px;
}

.dual-range .range-track {
  background: var(--tblr-border-color, #dee2e6);
  z-index: 1;
}

.dual-range .range-fill {
  background: var(--tblr-primary, #206bc4);
  z-index: 2;
}

/* ===== Thumbs (style inspiré Tabler) ===== */
.dual-range .form-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: var(--tblr-bg-surface, #fff);
  border: 2px solid var(--tblr-primary, #206bc4);
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
  cursor: pointer;
  pointer-events: auto; /* clic possible */
  transition: transform .12s ease, box-shadow .12s ease;
  position: relative;
}
.dual-range .form-range::-webkit-slider-thumb:hover {
  transform: scale(1.06);
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
}
.dual-range .form-range:focus::-webkit-slider-thumb {
  outline: none;
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--tblr-primary, #206bc4) 20%, transparent);
}

/* Firefox */
.dual-range .form-range::-moz-range-thumb {
  width: 18px; height: 18px;
  border-radius: 50%;
  background: var(--tblr-bg-surface, #fff);
  border: 2px solid var(--tblr-primary, #206bc4);
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
  cursor: pointer;
  pointer-events: auto;
  transition: transform .12s ease, box-shadow .12s ease;
}
.dual-range .form-range::-moz-range-thumb:hover {
  transform: scale(1.06);
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
}

/* on masque les tracks natives pour garder notre design */
.dual-range .form-range::-webkit-slider-runnable-track { background: transparent; }
.dual-range .form-range::-moz-range-track { background: transparent; }

/* ===== Bulles de valeur ===== */
.dual-range .range-bubble {
  position: absolute;
  top: 0; /* au-dessus de la piste */
  translate: -50% 0;
  padding: .15rem .35rem;
  border-radius: .375rem;
  font-size: .75rem;
  color: var(--tblr-body-color, #232e3c);
  background: var(--tblr-bg-surface, #fff);
  border: 1px solid var(--tblr-border-color, #dee2e6);
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
  white-space: nowrap;
  z-index: 4;
}
.dual-range .range-bubble::after {
  content: "";
  position: absolute;
  left: 50%; bottom: -4px;
  translate: -50% 0;
  border: 6px solid transparent;
  border-top-color: var(--tblr-border-color, #dee2e6);
}
.dual-range .range-bubble::before {
  content: "";
  position: absolute;
  left: 50%; bottom: -5px;
  translate: -50% 0;
  border: 6px solid transparent;
  border-top-color: var(--tblr-bg-surface, #fff);
}

/* priorité d’interaction : la poignée max passe au-dessus quand on la saisit */
.dual-range .thumb-max:active { z-index: 5; }

.ts-dropdown {

  z-index: 2000!important;
}
.ts-wrapper{
  min-height: 40px;
}