/* Mantech - stable Shoptet rating overlay v6 */

/* Pôvodný Shoptet rating blok ostáva úplne nedotknutý v layoute. */
body.in-hodnotenie-obchodu #ratingWrapper > .rate-wrap {
  position: relative !important;
}

/* Prekry iba staré číslo 4,9 / 164 a grafy. */
body.in-hodnotenie-obchodu #ratingWrapper > .rate-wrap::after {
  content: "Vaša skúsenosť je pre nás dôležitá";
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding: 24px !important;
  background: #ffffff !important;
  color: #24242c !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  pointer-events: none !important;
}

/* Natívne Shoptet tlačidlo musí byť NAD prekrytím. */
body.in-hodnotenie-obchodu #ratingWrapper > .add-comment.rate-form-trigger {
  position: relative !important;
  z-index: 10 !important;
}

/* Samotného tlačidla sa nedotýkame, iba mu zabezpečíme vrstvu nad overlayom. */
body.in-hodnotenie-obchodu #ratingWrapper > .add-comment.rate-form-trigger [data-testid="buttonAddRating"] {
  position: relative !important;
  z-index: 11 !important;
}

/* Staré jednotlivé Shoptet recenzie a stránkovanie ostávajú skryté. */
body.in-hodnotenie-obchodu .vote-wrap,
body.in-hodnotenie-obchodu .pagination-wrapper,
body.in-hodnotenie-obchodu .pagination {
  display: none !important;
}

@media (max-width: 768px) {
  body.in-hodnotenie-obchodu #ratingWrapper > .rate-wrap::after {
    font-size: 18px !important;
    padding: 18px !important;
  }
}