/* =====================================================================
   PRICE_CUSTOM.CSS — Dropdown custom pour price.html
   Valeur sélectionnée : centrée
   Options dans la liste : alignées à droite
   ===================================================================== */

.custom-select-wrapper{
  position:relative;
  width:100%;
  max-width:180px;
  user-select:none;
}

.custom-select-trigger{
  display:flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 28px 0 10px;
  border-radius:8px;
  border:1px solid var(--gold);
  background:var(--gen-white);
  color:var(--gen-black);
  font-size:.95rem;
  cursor:pointer;
  position:relative;
  text-align:center;
  transition:border-color .15s, box-shadow .15s;
}

.custom-select-trigger::after{
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid var(--gen-dark);
  transition:transform .2s;
}

.custom-select-wrapper.open .custom-select-trigger{
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(201,168,76,.18);
}

.custom-select-wrapper.open .custom-select-trigger::after{
  transform:translateY(-50%) rotate(180deg);
}

.custom-select-options{
  display:none;
  position:absolute;
  top:calc(100% + 4px);
  left:0;
  right:0;
  background:var(--gen-white);
  border:1px solid var(--gold);
  border-radius:8px;
  box-shadow:0 4px 16px rgba(0,0,0,.12);
  z-index:999;
  max-height:220px;
  overflow-y:auto;
}

.custom-select-wrapper.open .custom-select-options{
  display:block;
}

.custom-option{
  padding:8px 24px 8px 14px;
  font-size:.9rem;
  color:var(--gen-black);
  text-align:right;
  cursor:pointer;
  transition:background .1s;
}

.custom-option:hover{
  background:var(--gen-blue);
}

.custom-option.selected{
  font-weight:700;
  color:var(--gen-title);
  background:var(--gen-blue);
}

.custom-select-options::-webkit-scrollbar{ width:4px; }
.custom-select-options::-webkit-scrollbar-thumb{ background:var(--gen-mid); border-radius:2px; }

/* Quantité fichier : simple texte centré sans interaction */
.selector-qty-display{
  width:100%;
  max-width:180px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.95rem;
  font-weight:600;
  color:var(--gen-dark);
  border:1px solid var(--gold);
  border-radius:8px;
  background:var(--gen-white);
}