/* Avis Expert Modal - style premium (comme Devis) */

#modalAvis .modal-dialog{
  max-width: 860px !important; /* même taille que devis */
}

#modalAvis .modal-content{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(6, 12, 22, .88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
  color: #eaf2ff;
}

#modalAvis .modal-header{
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding: 18px 22px;
}

#modalAvis .modal-title{
  font-weight: 800;
}

#modalAvis .btn-close{
  filter: invert(1);
  opacity: .85;
}
#modalAvis .btn-close:hover{ opacity: 1; }

#modalAvis .modal-body{
  padding: 18px 22px 22px;
}

#modalAvis label{
  color: rgba(255,255,255,.86);
  font-weight: 650;
  margin-bottom: 6px;
}

#modalAvis .form-control,
#modalAvis .form-select{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: #eaf2ff;
  border-radius: 12px;
  padding: 12px 14px;
}

#modalAvis .form-control::placeholder{
  color: rgba(255,255,255,.35);
}

#modalAvis .form-control:focus,
#modalAvis .form-select:focus{
  background: rgba(255,255,255,.08);
  border-color: rgba(0,198,255,.55);
  box-shadow: 0 0 0 .2rem rgba(0,198,255,.15);
  color: #fff;
}

#modalAvis textarea.form-control{
  min-height: 150px;
  resize: vertical;
}

#modalAvis .alert{
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
}

#modalAvis .ymk-actions{
  display:flex;
  justify-content:flex-end;
  gap: 12px;
  margin-top: 14px;
}

#modalAvis .btn{
  border-radius: 999px;
  padding: 12px 22px;
  font-weight: 750;
}

#modalAvis .btn-outline-secondary{
  border-color: rgba(255,255,255,.25);
  color: rgba(255,255,255,.9);
}
#modalAvis .btn-outline-secondary:hover{
  background: rgba(255,255,255,.10);
}

#modalAvis .btn-primary{
  background: linear-gradient(90deg,#00c6ff,#1f6fff);
  border: none;
  box-shadow: 0 16px 50px rgba(0,140,255,.25);
}
#modalAvis .btn-primary:hover{
  transform: translateY(-1px);
}

@media (max-width: 992px){
  #modalAvis .modal-dialog{ max-width: 94vw !important; }
}

/* Décaler la popup sous la navbar */

#modalAvis .modal-dialog{
  margin-top: 120px !important;  /* descend la popup */
  max-width: 900px !important;
}

#modalAvis .modal-content{
  max-height: calc(100vh - 140px);
}

#modalAvis .modal-body{
  max-height: calc(100vh - 260px);
  overflow-y: auto;
}