/* Les Avisés V50.3 — fenêtre d'avis éditoriale intégrée à la fiche professionnelle. */

/* Le modal doit se lire comme une extension de la fiche, pas comme un formulaire technique posé par-dessus. */
.lav503-review-modal{
  z-index:12500!important;
  display:grid!important;
  place-items:center!important;
  padding:34px!important;
}
.lav503-review-modal[hidden]{display:none!important}
.lav503-review-modal .lav-modal-backdrop{
  background:rgba(4,31,27,.72)!important;
  backdrop-filter:blur(5px) saturate(.85);
}
.lav503-review-dialog{
  width:min(920px,calc(100vw - 68px))!important;
  max-height:min(88vh,820px)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(7,64,54,.18)!important;
  border-radius:2px!important;
  background:#f7f4ed!important;
  box-shadow:0 36px 100px rgba(3,29,25,.32)!important;
  color:#153f37!important;
}
.lav503-review-dialog .lav-modal-close{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  float:none!important;
  z-index:8!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font:300 24px/34px Arial,sans-serif!important;
  box-shadow:none!important;
  backdrop-filter:blur(4px);
}
.lav503-review-dialog .lav-modal-close:hover{background:rgba(255,255,255,.16)!important}
.lav503-review-layout{display:grid!important;grid-template-columns:310px minmax(0,1fr)!important;min-height:610px!important}
.lav503-review-aside{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  padding:58px 42px 38px!important;
  overflow:hidden!important;
  background:#073f36!important;
  color:#fff!important;
}
.lav503-review-aside:after{
  content:"";position:absolute;right:-82px;bottom:-95px;width:230px;height:230px;border:1px solid rgba(211,176,100,.32);border-radius:50%;
}
.lav503-review-brand{margin:0 0 86px!important;font:800 12px/1 Manrope,Arial,sans-serif!important;letter-spacing:.01em!important;color:#fff!important}
.lav503-review-aside .lav502-review-kicker{margin:0 0 14px!important;color:#d7b36a!important;font-size:10px!important;letter-spacing:.16em!important}
.lav503-review-aside h2{
  margin:0!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:48px!important;
  line-height:.88!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
  color:#fff!important;
}
.lav503-review-aside>p{margin:20px 0 0!important;max-width:205px!important;font:600 12px/1.5 Manrope,Arial,sans-serif!important;color:rgba(255,255,255,.78)!important}
.lav503-review-aside-note{
  margin-top:auto!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.22)!important;
  max-width:210px!important;
  font:500 11px/1.55 Manrope,Arial,sans-serif!important;
  color:rgba(255,255,255,.7)!important;
}
.lav503-review-body{
  max-height:min(88vh,820px)!important;
  overflow:auto!important;
  padding:50px 48px 36px!important;
  background:#fffdf8!important;
  scrollbar-width:thin;
  scrollbar-color:#b8c4bf transparent;
}
.lav503-review-formhead{margin:0 0 30px!important;padding:0 0 22px!important;border-bottom:1px solid #d9dfdb!important}
.lav503-review-formhead>span{display:block!important;margin-bottom:6px!important;font:800 10px/1.2 Manrope,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#a47c32!important}
.lav503-review-formhead>strong{display:block!important;font:600 31px/1.02 "Cormorant Garamond",Georgia,serif!important;color:#0b463c!important}
.lav503-review-formhead>p{margin:9px 0 0!important;max-width:520px!important;font:500 12px/1.55 Manrope,Arial,sans-serif!important;color:#6f807a!important}
.lav503-review-form{font-family:Manrope,Arial,sans-serif!important}
.lav503-review-form form{display:grid!important;gap:20px!important;margin:0!important}
.lav503-review-form fieldset{
  display:grid!important;
  gap:16px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.lav503-review-form legend{
  width:100%!important;
  margin:0 0 2px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid #e3e7e3!important;
  font:700 13px/1.35 "Cormorant Garamond",Georgia,serif!important;
  font-size:18px!important;
  color:#174a41!important;
}
.lav503-review-form p,.lav503-review-form form>div,.lav503-review-form fieldset>div{margin:0!important}
.lav503-review-form label{
  display:block!important;
  margin:0 0 7px!important;
  font:800 10px/1.25 Manrope,Arial,sans-serif!important;
  letter-spacing:.025em!important;
  color:#31584f!important;
}
.lav503-review-form label small,.lav503-review-form small{font-weight:500!important;color:#7b8c86!important}
.lav503-review-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]),
.lav503-review-form select,
.lav503-review-form textarea{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:11px 12px!important;
  border:1px solid #cbd6d1!important;
  border-radius:0!important;
  background:#fff!important;
  color:#153e37!important;
  font:500 13px/1.45 Manrope,Arial,sans-serif!important;
  box-shadow:none!important;
  outline:0!important;
}
.lav503-review-form textarea{min-height:112px!important;resize:vertical!important}
.lav503-review-form input:focus,.lav503-review-form select:focus,.lav503-review-form textarea:focus{border-color:#0c6556!important;box-shadow:inset 3px 0 0 #0c6556!important}
.lav503-review-form input[type="radio"],.lav503-review-form input[type="checkbox"]{accent-color:#0c6556!important}
.lav503-review-form button[type="submit"],.lav503-review-form input[type="submit"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:46px!important;
  margin:4px 0 0!important;
  padding:0 22px!important;
  border:1px solid #073f36!important;
  border-radius:0!important;
  background:#073f36!important;
  color:#fff!important;
  font:800 11px/1 Manrope,Arial,sans-serif!important;
  letter-spacing:.02em!important;
  cursor:pointer!important;
}
.lav503-review-form button[type="submit"]:hover,.lav503-review-form input[type="submit"]:hover{background:#0a574a!important;border-color:#0a574a!important}
.lav503-review-form [class*="star"],.lav503-review-form [data-rating],.lav503-review-form .rating{color:#c39235!important}
.lav503-review-body .lav502-review-note{margin:26px 0 0!important;padding:16px 0 0!important;border-top:1px solid #dfe4e0!important;font:500 10px/1.55 Manrope,Arial,sans-serif!important;color:#7b8984!important}

@media(max-width:760px){
  .lav503-review-modal{place-items:end stretch!important;padding:0!important}
  .lav503-review-dialog{width:100%!important;max-height:94dvh!important;border:0!important;border-radius:0!important}
  .lav503-review-layout{display:block!important;min-height:0!important}
  .lav503-review-aside{min-height:164px!important;padding:28px 58px 24px 22px!important}
  .lav503-review-brand{margin:0 0 28px!important;font-size:10px!important}
  .lav503-review-aside .lav502-review-kicker{margin-bottom:8px!important}
  .lav503-review-aside h2{font-size:36px!important;line-height:.9!important}
  .lav503-review-aside h2 br{display:none!important}
  .lav503-review-aside>p{margin-top:9px!important;max-width:285px!important;font-size:11px!important}
  .lav503-review-aside-note{display:none!important}
  .lav503-review-dialog .lav-modal-close{top:16px!important;right:14px!important}
  .lav503-review-body{max-height:calc(94dvh - 164px)!important;padding:26px 20px calc(26px + env(safe-area-inset-bottom))!important}
  .lav503-review-formhead{margin-bottom:22px!important;padding-bottom:18px!important}
  .lav503-review-formhead>strong{font-size:27px!important}
  .lav503-review-form form{gap:16px!important}
  .lav503-review-form fieldset{gap:14px!important}
  .lav503-review-form button[type="submit"],.lav503-review-form input[type="submit"]{width:100%!important}
}