/* Riquadro Trustpilot dentro la conferma di ets_reviews */
.ritp-box { margin: 22px auto 0; padding: 26px 18px 8px; max-width: 480px; border-top: 1px solid #e6e8ea; text-align: center; clear: both; }
.ritp-stars { display: inline-flex; gap: 4px; margin-bottom: 14px; }
.ritp-stars span { display: inline-block; width: 26px; height: 26px; line-height: 26px; font-size: 18px; color: #fff; background: #00b67a; }
.ritp-title { margin: 0 0 8px; font-size: 18px; line-height: 1.3; font-weight: 700; color: #232323; text-wrap: balance; }
.ritp-text { margin: 0 auto 20px; max-width: 420px; font-size: 15px; line-height: 1.55; color: #555; text-wrap: pretty; }
.ritp-btn, .ritp-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; }
.ritp-btn:hover, .ritp-btn:focus { filter: brightness(.93); color: #fff !important; }
.ritp-btn:focus-visible { outline: 2px solid #00b67a; outline-offset: 2px; }
.ritp-done { margin: 12px 0 0; font-size: 14px; color: #00a06b; font-weight: 600; }
.ritp-done[hidden] { display: none; }
.ritp-step { margin: 12px auto 0; max-width: 420px; font-size: 13px; line-height: 1.45; color: #666; }
.ritp-review { margin: 0 auto 18px; max-width: 440px; text-align: left; }
.ritp-review-head { display: flex; align-items: center; justify-content: space-between; margin: 0 0 6px; }
.ritp-review-label { font-size: 12px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #888; }
.ritp-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; }
.ritp-copy:hover { border-color: #00b67a; }
.ritp-copy.is-done { border-color: #00b67a; color: #00a06b; }
.ritp-review-text strong { font-weight: 700; color: #232323; }
.ritp-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: su Roadsitalia CookieYes ha z-index 99999999
   (su MS 9999999). La prova con le immagini del reCAPTCHA (z-index 2000000000) resta comunque sopra */
.ets-rv-modal-backdrop.in { z-index: 100000000 !important; }
.ets-rv-modal.in { z-index: 100000001 !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) {
  .ritp-box { margin-top: 18px; padding: 20px 2px 4px; }
  .ritp-title { font-size: 17px; }
  .ritp-text { font-size: 14px; margin-bottom: 16px; text-wrap: balance; }
  .ritp-btn { display: block; width: 100%; min-width: 0; padding: 14px 12px; }
  .ritp-review-text { max-height: 72px; font-size: 13px; }
  .ritp-box { margin-top: 12px; padding-top: 16px; }
  .ritp-stars { margin-bottom: 10px; }
  .ritp-stars span { width: 22px; height: 22px; line-height: 22px; font-size: 15px; }
  .ritp-text { margin-bottom: 12px; }
  .ritp-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) {
  .ritp-stars, .ritp-text { display: none; }
  .ritp-title { margin-bottom: 10px; }
}
/* pagina "condividi su Trustpilot" raggiunta dalle mail */
.rirv-share { display: flex; justify-content: center; padding: 30px 0 50px; }
.rirv-share-card { width: 100%; max-width: 560px; padding: 34px 30px 30px; border: 1px solid #e6e8ea; border-radius: 10px; background: #fff; text-align: center; }
.rirv-share-h1 { margin: 0 0 10px; font-size: 26px; line-height: 1.25; font-weight: 700; color: #232323; text-transform: none; }
.rirv-share-intro { margin: 0 auto 22px; max-width: 460px; font-size: 15px; line-height: 1.6; color: #555; text-wrap: pretty; }
.rirv-share .ritp-review { max-width: 100%; }
.rirv-share .ritp-review-text { max-height: 220px; }
.rirv-share-step { margin: 14px auto 0; max-width: 440px; font-size: 14px; line-height: 1.5; color: #333; }
.rirv-share-step-title { margin-top: 8px; color: #555; }
.rirv-share-hint { margin: 14px 0 0; font-size: 12px; color: #888; }
@media (max-width: 575px) {
  .rirv-share { padding: 14px 0 30px; }
  .rirv-share-card { padding: 24px 16px 22px; border: 0; }
  .rirv-share-h1 { font-size: 22px; }
  .rirv-share .ritp-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; }
/* iPhone: un campo con carattere sotto i 16px fa ingrandire la pagina quando lo si tocca, e Safari resta ingrandito:
   dopo l'invio la conferma usciva dallo schermo a destra. I campi di ets erano a 13px */
@media (max-width: 767px) {
  .ets-rv-modal input:not([type="file"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  .ets-rv-modal textarea, .ets-rv-modal select { font-size: 16px !important; }
}
/* modulo recensione: foto e video spenti (anche nelle pagine gia in cache), pulsante di invio verde come nelle mail */
.ets-rv-modal .ets_rv_upload_images { display: none !important; }
.ets-rv-modal .ets-rv-btn-comment.ets-rv-btn-comment-big,
.ets-rv-modal .ets-rv-btn-comment.ets-rv-btn-comment-big:focus { background: #5cb85c !important; border-color: #5cb85c !important; color: #fff !important; }
.ets-rv-modal .ets-rv-btn-comment.ets-rv-btn-comment-big:hover { background: #4cae4c !important; border-color: #4cae4c !important; }
@media (max-width: 767px) {
  /* con la tastiera aperta il corpo a altezza fissa restava schiacciato: scorre tutta la finestra */
  .ets-rv-modal.ets-rv-product-comment-modal .ets-rv-modal-body { max-height: none !important; overflow: visible !important; }
  /* nome prodotto piu piccolo e senza descrizione: il modulo sta in una schermata */
  .ets-rv-modal .modal_body_infor .modal_product_info h4 { font-size: 19px !important; line-height: 1.2 !important; margin: 0 0 4px !important; }
  .ets-rv-modal .modal_body_infor .modal_product_info p { display: none !important; }
}
/* voto: c'e un solo criterio ("Quality", in inglese in tutte le lingue): il nome sparisce, bastano "Valuta questo prodotto" e stelle grandi.
   Se un giorno si aggiungono altri criteri, togliere la prima regola */
.ets-rv-modal #criterions_list tr.criterion-item > td:first-child { display: none !important; }
.ets-rv-modal #criterions_list .ets-rv-grade-stars .star { width: 36px !important; height: 36px !important; margin-right: 4px !important; }
.ets-rv-modal #criterions_list .ets-rv-grade-stars .star svg { width: 34px !important; height: 34px !important; }
/* niente icone (spunta verde, "+") davanti ai titoli delle finestre: disallineavano il titolo */
.ets-rv-modal .ets-rv-modal-header > .h2 > i, .ets-rv-modal .ets-rv-modal-header > .h2 > svg, .ets-rv-modal .ets-rv-modal-header > .h3 > svg { display: none !important; }
@media (max-width: 767px) {
  .ets-rv-modal .ets-rv-modal-header > .h2, .ets-rv-modal .ets-rv-modal-header > .h3 { font-size: 30px !important; line-height: 1.1 !important; padding-right: 28px; }
}
/* richiesta Trustpilot piu calda: cuore al posto delle stelle, testo su tre righe */
.ritp-box .ritp-stars { display: none; }
.ritp-heart { margin: 0 0 6px; font-size: 26px; line-height: 1; }
.ritp-text { white-space: pre-line; }
/* invito all'azione subito sopra il pulsante verde */
.ritp-cta { margin: 4px 0 10px; font-size: 15px; line-height: 1.4; font-weight: 700; color: #232323; }
.ritp-cta:empty { display: none; }
/* nella conferma titolo e testo della recensione non si mostrano: ricompaiono solo se la copia automatica non riesce */
.ritp-box .ritp-review[hidden], .ritp-box .ritp-step[hidden] { display: none !important; }
/* conferma: tutto centrato come il riquadro Trustpilot (il messaggio di ets era allineato a sinistra) */
#ets-rv-product-comment-posted-modal .ets-rv-modal-header, #ets-rv-product-comment-posted-modal .ets-rv-modal-header > .h2,
#ets-rv-product-comment-posted-modal .ets-rv-modal-body { text-align: center !important; }
@media (max-width: 767px) { #ets-rv-product-comment-posted-modal .ets-rv-modal-header > .h2 { padding-left: 28px; } }
/* Roadsitalia: pulsanti "Scrivi la tua recensione" / "Fai una domanda" gialli Roads (ETS_RV_DESIGN_COLOR2 #ffc700,
   hover COLOR3 #e6b300) con testo nero come "Aggiungi al carrello". Il tema forza il bianco con !important su 3 classi: qui 4 */
.ets-rv-product-comments-additional-info .ets-rv-btn-comment.ets-rv-btn-comment-big.background2,
.ets-rv-product-comments-additional-info .ets-rv-btn-comment.ets-rv-btn-comment-big.background2:hover,
.ets-rv-product-comments-additional-info .ets-rv-btn-comment.ets-rv-btn-comment-big.background2:focus { color: #000 !important; fill: #000 !important; }
.ets-rv-product-comments-additional-info .ets-rv-btn-comment.ets-rv-btn-comment-big.background2 svg,
.ets-rv-product-comments-additional-info .ets-rv-btn-comment.ets-rv-btn-comment-big.background2 svg path { fill: #000 !important; }
/* reCAPTCHA v2 Invisible: marchio Google dentro il modulo, sotto i pulsanti */
.rirv-rc { margin: 12px 0 0; display: flex; justify-content: center; }