/* Riquadro Trustpilot dentro la conferma di ets_reviews */
.m4tp-box { margin: 22px auto 0; padding: 26px 18px 8px; max-width: 480px; border-top: 1px solid #e6e8ea; text-align: center; clear: both; }
.m4tp-stars { display: inline-flex; gap: 4px; margin-bottom: 14px; }
.m4tp-stars span { display: inline-block; width: 26px; height: 26px; line-height: 26px; font-size: 18px; color: #fff; background: #00b67a; }
.m4tp-title { margin: 0 0 8px; font-size: 18px; line-height: 1.3; font-weight: 700; color: #232323; text-wrap: balance; }
.m4tp-text { margin: 0 auto 20px; max-width: 420px; font-size: 15px; line-height: 1.55; color: #555; text-wrap: pretty; }
.m4tp-btn, .m4tp-btn:visited { display: inline-block; min-width: 240px; padding: 13px 28px; border-radius: 6px; background: #00b67a; color: #fff !important; font-size: 16px; font-weight: 700; line-height: 1.3; text-decoration: none !important; transition: filter .15s; }
.m4tp-btn:hover, .m4tp-btn:focus { filter: brightness(.93); color: #fff !important; }
.m4tp-btn:focus-visible { outline: 2px solid #00b67a; outline-offset: 2px; }
.m4tp-done { margin: 12px 0 0; font-size: 14px; color: #00a06b; font-weight: 600; }
.m4tp-done[hidden] { display: none; }
.m4tp-step { margin: 12px auto 0; max-width: 420px; font-size: 13px; line-height: 1.45; color: #666; }
.m4tp-review { margin: 0 auto 18px; max-width: 440px; text-align: left; }
.m4tp-review-head { display: flex; align-items: center; justify-content: space-between; margin: 0 0 6px; }
.m4tp-review-label { font-size: 12px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #888; }
.m4tp-copy { min-height: 36px; padding: 8px 14px; border: 1px solid #cfd4d8; border-radius: 4px; background: #fff; color: #333; font-size: 12px; font-weight: 600; line-height: 1.4; cursor: pointer; }
.m4tp-copy:hover { border-color: #00b67a; }
.m4tp-copy.is-done { border-color: #00b67a; color: #00a06b; }
.m4tp-review-text strong { font-weight: 700; color: #232323; }
.m4tp-review-text { max-height: 118px; overflow: auto; padding: 11px 14px; border: 1px solid #e3e6e8; border-radius: 6px; background: #f6f7f8; color: #333; font-size: 14px; line-height: 1.5; white-space: pre-wrap; -webkit-user-select: text; user-select: text; }
/* le finestre di ets_reviews devono stare sopra il banner cookie (CookieYes z-index 9999999) */
.ets-rv-modal-backdrop.in { z-index: 10000000 !important; }
.ets-rv-modal.in { z-index: 10000001 !important; }
/* ets blocca lo scroll della pagina ma la sua finestra non scorre: su telefono il pulsante Pubblica restava fuori schermo */
.ets-rv-modal.in { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
@media (max-width: 767px) { .ets-rv-modal.in .ets-rv-modal-dialog { padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)); } }
/* ets dimensiona le finestre su 100vh: su iPhone e piu alto dello spazio visibile (barre di Safari) e i pulsanti finiscono sotto.
   dvh = altezza realmente visibile; i browser che non la conoscono tengono il valore vh */
.ets-rv-modal.ets-rv-product-comment-modal { height: 100dvh; }
.ets-rv-modal.ets-rv-product-comment-modal .ets-rv-modal-body { max-height: calc(100dvh - 190px); }
@media (max-width: 767px) {
  /* su telefono la finestra non deve toccare i bordi: corpo piu corto, pulsanti lontani dalla barra home dell iPhone */
  .ets-rv-modal.ets-rv-product-comment-modal .ets-rv-modal-body { max-height: calc(100vh - 330px); max-height: calc(100dvh - 330px); }
  .ets-rv-modal.ets-rv-product-comment-modal .ets-rv-modal-footer,
  .ets-rv-modal.ets-rv-product-comment-modal .ets-rv-post_content_footer_modal { padding-top: 12px; padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
  .ets-rv-modal.ets-rv-product-comment-modal .ets-rv-modal-footer .btn,
  .ets-rv-modal.ets-rv-product-comment-modal .ets-rv-post_content_footer_modal .btn { min-height: 48px; padding-top: 13px; padding-bottom: 13px; }
}
/* il pulsante tondo di CookieYes copriva "Annulla": nascosto solo mentre una finestra ets e aperta */
body.ets-rv-modal-open .cky-btn-revisit-wrapper { display: none !important; }
@media (max-width: 575px) {
  .m4tp-box { margin-top: 18px; padding: 20px 2px 4px; }
  .m4tp-title { font-size: 17px; }
  .m4tp-text { font-size: 14px; margin-bottom: 16px; text-wrap: balance; }
  .m4tp-btn { display: block; width: 100%; min-width: 0; padding: 14px 12px; }
  .m4tp-review-text { max-height: 72px; font-size: 13px; }
  .m4tp-box { margin-top: 12px; padding-top: 16px; }
  .m4tp-stars { margin-bottom: 10px; }
  .m4tp-stars span { width: 22px; height: 22px; line-height: 22px; font-size: 15px; }
  .m4tp-text { margin-bottom: 12px; }
  .m4tp-review { margin-bottom: 14px; }
  /* la conferma deve restare dentro lo schermo anche con le barre di Safari: il corpo scorre */
  #ets-rv-product-comment-posted-modal .ets-rv-modal-body { max-height: calc(100vh - 260px); max-height: calc(100dvh - 260px); overflow-y: auto; -webkit-overflow-scrolling: touch; }
}
/* telefoni bassi (iPhone SE e simili): via decorazioni e spiegazione, il pulsante verde resta visibile */
@media (max-width: 575px) and (max-height: 720px) {
  .m4tp-stars, .m4tp-text { display: none; }
  .m4tp-title { margin-bottom: 10px; }
}
/* pagina "condividi su Trustpilot" raggiunta dalle mail */
.m4rp-share { display: flex; justify-content: center; padding: 30px 0 50px; }
.m4rp-share-card { width: 100%; max-width: 560px; padding: 34px 30px 30px; border: 1px solid #e6e8ea; border-radius: 10px; background: #fff; text-align: center; }
.m4rp-share-h1 { margin: 0 0 10px; font-size: 26px; line-height: 1.25; font-weight: 700; color: #232323; text-transform: none; }
.m4rp-share-intro { margin: 0 auto 22px; max-width: 460px; font-size: 15px; line-height: 1.6; color: #555; text-wrap: pretty; }
.m4rp-share .m4tp-review { max-width: 100%; }
.m4rp-share .m4tp-review-text { max-height: 220px; }
.m4rp-share-step { margin: 14px auto 0; max-width: 440px; font-size: 14px; line-height: 1.5; color: #333; }
.m4rp-share-step-title { margin-top: 8px; color: #555; }
.m4rp-share-hint { margin: 14px 0 0; font-size: 12px; color: #888; }
@media (max-width: 575px) {
  .m4rp-share { padding: 14px 0 30px; }
  .m4rp-share-card { padding: 24px 16px 22px; border: 0; }
  .m4rp-share-h1 { font-size: 22px; }
  .m4rp-share .m4tp-btn { display: block; width: 100%; }
}
/* scheda prodotto: sugli schermi larghi le stelle finivano a destra, disallineate, sulla riga di Riferimento/Marca.
   Sempre su una riga propria sotto, come gia accade sugli schermi piu stretti */
.product_after_title > .reviews_star { flex: 0 0 100%; margin-top: 4px; }
