/* CVG-PATCH138 : reskin 2027 des dialogs jQuery UI et widgets de formulaire des pages legacy sous _Layout.
   Charge en DERNIER dans _Layout.cshtml : apres le bundle ~/bundles/css (themes/base/jquery-ui.css + site-1.0.css)
   et apres AP_art_customizations_FR/EN.css (generes par le back-office, non editables — on les surcharge ici).
   Porte le skin apUiFix de la fiche artiste 2027 (Artist/SelfPortrait.cshtml, CVG-PATCH30) :
   papier #faf8f3/#f5f3ee, filets #d2d0ca, encre #1a1a1c/#2c2c2e, accent #c43a3a, IBM Plex Mono.
   PERIMETRE STRICT : couleurs, polices, bordures. AUCUN changement de box-model (padding/width/position/margin)
   pour ne pas casser les dialogs deja regles au pixel (login/inscription, CVG-PATCH125-135).
   Les selecteurs-monstres ci-dessous reprennent VERBATIM ceux du CSS genere back-office pour les battre
   a specificite egale (ce fichier etant charge apres). Ne touche pas aux pages 2027 (Layout=null) qui ne le chargent pas. */

/* ---- typo par defaut de tous les widgets jQuery UI (le theme base pose Arial) ---- */
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'IBM Plex Mono', monospace !important;
}

/* ---- conteneur du dialog (site-1.0.css : bordure 2px #c6be97 ; CSS genere : fond #ffee72, bordure 6px #c5c4c4 desktop) ---- */
.ui-dialog {
  background: #faf8f3 !important;
  border: 1px solid #d2d0ca !important;
  border-radius: 0 !important;
  box-shadow: 0 6px 30px rgba(0, 0, 0, .18) !important;
  font-family: 'IBM Plex Mono', monospace !important;
}
body > div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
  background: #faf8f3 !important;
  border: 1px solid #d2d0ca !important;
}

/* ---- barre de titre (site-1.0.css : #948854 ; CSS genere : blanc sur body.default/artist/explanations, fond vert #53e599 desktop) ---- */
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-widget-header {
  background: #f5f3ee !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid #d2d0ca !important;
  border-radius: 0 !important;
  color: #c43a3a !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}
.ui-dialog .ui-dialog-title {
  color: #c43a3a !important;
  font-family: 'IBM Plex Mono', monospace !important;
}
body > div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable > div.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
  background: #f5f3ee !important;
  color: #c43a3a !important;
}
/* CVG-PATCH140 : les dialogs crees SANS draggable/resizable (#dialog, #ArtistDialog, #PurchaseDialog, #dialogAuth)
   echappaient au selecteur-monstre ci-dessus : le CSS genere back-office gagnait alors avec body.classe + !important
   (desktop : body.default rgb(54 54 51), body.artist black, body.explanations #292929, body.results #636363 ;
   mobile : #9b9b9b, #333, black) - c'est la barre sombre a petit titre rouge vue sur la page login.
   Selecteurs a specificite egale ou superieure aux regles generees, fichier charge apres : le papier gagne partout.
   Couleurs uniquement (perimetre PATCH138 : aucun box-model). */
body.default .ui-dialog-titlebar,
body.artist .ui-dialog-titlebar,
body.explanations .ui-dialog-titlebar,
body.results .ui-dialog-titlebar,
body.authentication .ui-dialog-titlebar,
body.artist .ui-dialog .ui-dialog-titlebar,
body.results .ui-dialog .ui-dialog-titlebar,
body.explanations .ui-dialog .ui-dialog-titlebar,
body.explanations .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
  background: #f5f3ee !important;
  color: #c43a3a !important;
}

/* ---- bouton fermer : la croix SVG legacy est kaki #948a54 — on la remplace par un x dessine (mecanique apUiFix) ---- */
.ui-dialog .ui-dialog-titlebar-close {
  background: none !important;
  border: none !important;
  cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  background-image: none !important;
  text-indent: 0 !important;
  overflow: hidden;
  position: relative;
  filter: none !important; /* le CSS genere pose brightness(2.5) sur la croix (body.default) */
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon::before {
  content: "\00d7";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5a5856;
  font-size: 13px;
  line-height: 1;
}
.ui-dialog .ui-dialog-titlebar-close .ui-button-icon-space {
  display: none;
}

/* ---- contenu (site-1.0.css : Arial !important + #958a52 ; CSS genere : 'roboto mono' !important + noir) ---- */
.ui-dialog .ui-dialog-content {
  background: #faf8f3 !important;
  color: #2c2c2e !important;
  font-family: 'IBM Plex Mono', monospace !important;
}

/* ---- liens dans les dialogs (site-1.0.css : or rgb(148,138,84), hover #c6c099) ---- */
.ui-dialog a,
.ui-widget-content a {
  color: #c43a3a !important;
  text-decoration: none;
}
.ui-dialog a:hover,
.ui-widget-content a:hover {
  color: #c43a3a !important;
  opacity: .8;
}

/* ---- pane de boutons + boutons jQuery UI (site-1.0.css : or #b0a779 / bordure #948a54 / hover #c6c099) ---- */
.ui-dialog .ui-dialog-buttonpane {
  background: #f5f3ee !important;
  border: 0 !important;
  border-top: 1px solid #d2d0ca !important;
}
.ui-dialog .ui-button:not(.ui-dialog-titlebar-close),
.ui-dialog-buttonpane .ui-button {
  background: #c43a3a !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  transition: opacity .15s;
}
.ui-dialog .ui-button:not(.ui-dialog-titlebar-close):hover,
.ui-dialog-buttonpane .ui-button:hover,
.ui-dialog-buttonpane .ui-button:focus {
  opacity: .85;
  background: #c43a3a !important;
  color: #fff !important;
  border: none !important;
}

/* ---- boutons de formulaire legacy .grey (site-1.0.css : #b0a779/#948a54 ; CSS genere : hover vert #75c757 !important) —
        aligne sur le bouton VALIDER 2027 du login (CVG-PATCH131) ---- */
body button.grey {
  background: #c43a3a !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  transition: opacity .15s;
}
body button.grey:hover,
body button.grey:focus {
  opacity: .85;
  background: #c43a3a !important;
  color: #fff !important;
  border: none !important;
}

/* ---- champs dans les dialogs (site-1.0.css : bordure #c6be97 ; CSS genere mobile : #606060 + radius 5px) —
        langage champs du login 2027 (CVG-PATCH125+) ---- */
.ui-dialog input,
.ui-dialog textarea,
.ui-dialog select {
  color: #1a1a1c !important;
  background: #fff !important;
  border: 1px solid #d2d0ca !important;
  border-bottom: 1px solid #8a8780 !important;
  border-radius: 0 !important;
  font-family: 'IBM Plex Mono', monospace !important;
  transition: border-color .15s;
}
.ui-dialog input:focus,
.ui-dialog textarea:focus,
.ui-dialog select:focus {
  outline: none !important;
  border-bottom-color: #c43a3a !important;
}
.ui-dialog input::placeholder,
.ui-dialog textarea::placeholder {
  color: #9c988f;
}

/* ---- autocompletes / menus (theme base : etat actif bleu vif #007fff sur bordure #003eff) ---- */
.ui-autocomplete,
.ui-menu {
  background: #fff !important;
  border: 1px solid #d2d0ca !important;
  border-radius: 0 !important;
  color: #2c2c2e !important;
  font-family: 'IBM Plex Mono', monospace !important;
}
.ui-menu .ui-menu-item-wrapper.ui-state-active,
.ui-menu .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-state-active {
  background: #f5f3ee !important;
  border: 1px solid #d2d0ca !important;
  color: #1a1a1c !important;
}

/* ---- voiles (site-1.0.css : texture PNG fancybox_overlay sur l'overlay modal et #blockui) ---- */
.ui-widget-overlay {
  background: rgba(26, 26, 28, .45) !important;
  opacity: 1 !important;
}
#blockui {
  background: rgba(26, 26, 28, .45) !important;
}

/* ---- CVG-PATCH140 : circuit compte - dialogs portant la classe .dialogAuth (posee par scripts-1.0.js sur
        "Identifiez-vous", "Creer un compte" et la re-connexion apres session expiree). Meme chrome que le dialog
        d'inscription (CVG-PATCH130 dans Enregistrement.cshtml, scope :has(#UserCreationEnregistrement)) : titre
        Bebas Neue 23px noir sur papier #faf8f3, croix encadree, pour que le passage login <-> inscription ne change
        pas de design. Le lien "mot de passe oublie" retrouve son gris 2027 (la regle generale des liens le passait
        en rouge). Les valeurs titlebar/croix reprennent VERBATIM celles du PATCH130 - les deux dialogs restent
        identiques au pixel. Le petit titre mono rouge 8px reste la norme des autres dialogs legacy. ---- */
body .ui-dialog.dialogAuth .ui-dialog-titlebar,
body .ui-dialog.dialogAuth .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
  position: relative;
  background: #faf8f3 !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid #d2d0ca !important;
  border-radius: 0 !important;
  padding: 18px 46px 13px 26px !important;
  color: #1a1a1c !important;
  font-family: 'Bebas Neue', Georgia, serif !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}
body .ui-dialog.dialogAuth .ui-dialog-title {
  float: none !important;
  margin: 0 !important;
  text-align: left !important;
  color: #1a1a1c !important;
  font-family: 'Bebas Neue', Georgia, serif !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  line-height: 1 !important;
}
body .ui-dialog.dialogAuth .ui-dialog-titlebar-close {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  width: 20px !important;
  height: 20px !important;
  margin: -10px 0 0 0 !important;
  padding: 0 !important;
  background: #fff !important;
  background-image: none !important;
  border: 1px solid #d2d0ca !important;
  border-radius: 0 !important;
  cursor: pointer;
  overflow: hidden;
  filter: none !important;
}
body .ui-dialog.dialogAuth .forgotPassword {
  color: #8a8884 !important;
  /*CVG-PATCH184 : meme verrou que la page login pleine (Authentication/Index) — le CSS
    genere back-office pose underline important + text-underline-offset 7px sous 897px,
    ce qui barre visuellement la 2e ligne du libelle quand il se replie.*/
  text-decoration: none !important;
}
body .ui-dialog.dialogAuth .forgotPassword:hover {
  color: #c43a3a !important;
}