/* ================================================================
 * ProVsup Design System — pv-select.css
 * Override Bootstrap 3 .form-control en dark mode.
 *
 * Bootstrap 3 hardcode background-color:#fff sur .form-control.
 * Quand angular-ui-select (multiple) reçoit class="form-control",
 * il applique ces classes sur l'élément racine — le sélecteur
 * descendant (.ui-select-bootstrap .form-control) ne matche donc pas.
 * Ce fichier cible .form-control directement dans le scope pv-theme.
 * ================================================================ */


/* ── Hauteur standard : 34px ─────────────────────────────────── */
/* Définie ici une seule fois. Tous les contextes (table, modale,
   formulaire) héritent de cette valeur sans override local. */

/* Single — bouton de sélection */
.pv-theme .ui-select-bootstrap .btn.ui-select-match {
  height: 34px !important;
  min-height: 0 !important;
  line-height: 32px !important;
}

/* Single — champ de recherche */
.pv-theme .ui-select-bootstrap > input.ui-select-search {
  height: 34px !important;
}

/* Multiple — fermé : 34px comme un input texte */
.pv-theme .ui-select-bootstrap.ui-select-multiple {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  overflow: hidden !important;
}

/* Multiple — ouvert : expand pour afficher les options */
.pv-theme .ui-select-bootstrap.ui-select-multiple.open,
.pv-theme .ui-select-bootstrap.ui-select-multiple:focus-within {
  height: auto !important;
  min-height: 34px !important;
  max-height: 300px !important;
  overflow: visible !important;
}


/* ── Styles de base — .form-control (light + dark) ──────────── */
/* Bootstrap 3 force border-radius:4px et box-shadow sur .form-control.
   Le sélecteur descendant dans pv-uiselect.css ne matche pas cet élément
   (toutes les classes sont sur le même div), on corrige ici. */

.pv-theme .ui-select-bootstrap.form-control {
  border-radius: var(--r-sm) !important;
  box-shadow: none !important;
  border: 1.5px solid var(--field-border) !important;
}

.pv-theme .ui-select-bootstrap.form-control:focus,
.pv-theme .ui-select-bootstrap.form-control.open {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px var(--accent-ring) !important;
  outline: none !important;
}


/* ── Dark mode — .form-control ───────────────────────────────── */

:root[data-theme="dark"] .pv-theme .form-control {
  background:       var(--field-bg) !important;
  background-color: var(--field-bg) !important;
  border-color:     var(--field-border) !important;
  color:            var(--text) !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .pv-theme .form-control:focus,
:root[data-theme="dark"] .pv-theme .form-control.open {
  background:       var(--field-bg) !important;
  background-color: var(--field-bg) !important;
  border-color:     var(--accent) !important;
  box-shadow: 0 0 0 3px var(--accent-ring) !important;
  color: var(--text) !important;
  outline: none !important;
}

:root[data-theme="dark"] .pv-theme .form-control::placeholder {
  color: var(--faint) !important;
}