/* Fenetre de depot d'avis : laisser respirer le produit en haut du panneau. */
html body#product #post-product-comment-modal #post-product-comment-form > .row {
  box-sizing: border-box !important;
  padding-top: 15px !important;
  padding-bottom: 12px !important;
}

html body#product #post-product-comment-modal #post-product-comment-form > .row .h3 {
  margin-top: 2px !important;
}

/* Appel a laisser un avis : bloc compact et bouton plus accueillant. */
html body#product #empty-product-comment.product-comment-list-item {
  min-height: 0 !important;
  margin-bottom: 20px !important;
  padding: 14px 12px !important;
  background: linear-gradient(90deg, #f8dfbf 0%, #fff3d5 50%, #f8dfbf 100%) !important;
  border: 1px solid #d9a35b !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(13, 70, 104, .10) !important;
}

html body#product button.btn.btn-comment.post-product-comment {
  color: #fff !important;
  background: linear-gradient(135deg, #0b4468 0%, #087e9c 100%) !important;
  border: 2px solid #e0ad5c !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(8, 63, 92, .24) !important;
  font-weight: 700 !important;
  letter-spacing: .1px !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

html body#product button.btn.btn-comment.post-product-comment .material-icons {
  color: #ffd889 !important;
}

html body#product button.btn.btn-comment.post-product-comment:hover,
html body#product button.btn.btn-comment.post-product-comment:focus {
  color: #fff !important;
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 7px 16px rgba(8, 63, 92, .30) !important;
}

/* Page Contact : remplacer les grandes surfaces blanches par les tons du site. */
html body.page-contact #main .page-content.card.card-block {
  background: #f3cda9 !important;
}

html body.page-contact #main .contact-form {
  background: linear-gradient(145deg, #f8dfbf 0%, #fff0cf 100%) !important;
  border: 1px solid #dfa65d !important;
  border-radius: 12px !important;
  box-shadow: 0 5px 14px rgba(13, 70, 104, .10) !important;
}

html body.page-contact #main .contact-form input,
html body.page-contact #main .contact-form select,
html body.page-contact #main .contact-form textarea,
html body.page-contact #main .contact-form .form-control {
  background-color: #fff8e7 !important;
}

/* Mentions legales : retirer le fond blanc colle dans le texte du mediateur. */
html body.cms-id-2 #content span[style*="background-color:#ffffff"],
html body.cms-id-2 #content span[style*="background-color: #ffffff"],
html body.cms-id-2 #content span[style*="background-color:white"],
html body.cms-id-2 #content span[style*="background-color: white"],
html body.cms-id-2 #content span[style*="background-color:rgb(255"] {
  background-color: transparent !important;
}

/* Plan du site : aligner les liens enfants avec les autres liens de leur colonne. */
html body.page-sitemap .sitemap ul.nested,
html body.page-sitemap .sitemap ul.nested > li {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

html body.page-sitemap .sitemap ul.nested > li > a {
  display: block !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

@media (max-width: 767.98px) {
  html body#product #post-product-comment-modal #post-product-comment-form > .row {
    padding-top: 12px !important;
  }

  html body#product #empty-product-comment.product-comment-list-item {
    padding: 12px 8px !important;
  }
}