/* NxRoms v217 — filtres harmonisés avec le thème clair/lavande */
:root{
  --nx217-filter-bg: rgba(255,255,255,.88);
  --nx217-filter-bg-hover: rgba(246,242,255,.98);
  --nx217-filter-border: rgba(139,92,246,.22);
  --nx217-filter-border-hover: rgba(124,58,237,.45);
  --nx217-filter-text: #35354a;
  --nx217-filter-muted: #6b6f82;
  --nx217-filter-purple: #7c3aed;
  --nx217-filter-purple-2: #9b7af2;
}

/* Conteneur des filtres : léger effet verre, sans gros bloc sombre */
.nx207-controls{
  gap:10px !important;
  align-items:center !important;
}

/* Menus déroulants */
.nx207-select{
  height:42px !important;
  min-width:142px !important;
  padding:0 38px 0 14px !important;
  border:1px solid var(--nx217-filter-border) !important;
  border-radius:12px !important;
  background-color:var(--nx217-filter-bg) !important;
  color:var(--nx217-filter-text) !important;
  font:700 11px/1 Inter,Arial,sans-serif !important;
  box-shadow:
    0 7px 18px rgba(93,71,145,.08),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
  backdrop-filter:blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08) !important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease !important;
  cursor:pointer !important;
}

.nx207-select:hover{
  background-color:var(--nx217-filter-bg-hover) !important;
  border-color:var(--nx217-filter-border-hover) !important;
  box-shadow:0 9px 22px rgba(105,78,165,.12),inset 0 1px 0 #fff !important;
  transform:translateY(-1px);
}

.nx207-select:focus,
.nx207-select:focus-visible{
  outline:none !important;
  background-color:#fff !important;
  border-color:rgba(124,58,237,.58) !important;
  box-shadow:
    0 0 0 3px rgba(124,58,237,.11),
    0 9px 24px rgba(103,76,168,.13) !important;
}

.nx207-select option{
  background:#fff !important;
  color:#343447 !important;
  font-weight:600;
}

/* Grille / liste */
.nx207-view{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  padding:0 !important;
  border:1px solid var(--nx217-filter-border) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.9) !important;
  color:#64697a !important;
  box-shadow:0 7px 18px rgba(93,71,145,.08),inset 0 1px 0 rgba(255,255,255,.95) !important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease !important;
}

.nx207-view:hover{
  transform:translateY(-1px);
  border-color:rgba(124,58,237,.38) !important;
  background:#f4efff !important;
  color:#7042dc !important;
  box-shadow:0 9px 22px rgba(105,78,165,.13) !important;
}

.nx207-view.active{
  border-color:transparent !important;
  background:linear-gradient(135deg,#a987f5 0%,#7c4be6 55%,#6935d7 100%) !important;
  color:#fff !important;
  box-shadow:
    0 9px 22px rgba(103,59,216,.26),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}

.nx207-view.active:hover{
  background:linear-gradient(135deg,#b091f8 0%,#8453eb 55%,#713cdc 100%) !important;
}

/* Un peu plus d'air autour de la barre de filtres */
.nx207-toolbar{
  gap:14px !important;
}

/* Harmonisation du compteur */
.nx207-count{
  color:#737789 !important;
}
.nx207-count strong{
  color:#7c3aed !important;
}

@media(max-width:820px){
  .nx207-controls{
    padding-bottom:5px;
    scrollbar-width:thin;
  }
  .nx207-select{min-width:134px !important;}
}

@media(max-width:640px){
  .nx207-select{
    height:40px !important;
    min-width:128px !important;
    padding-left:12px !important;
  }
  .nx207-view{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
  }
}