/* ================= static fixes for Čisté zoubky ================= */

/* 1) Header logo is white-on-transparent -> invisible on white header.
      Make it a dark silhouette and keep the header compact. */
#masthead .elementor-widget-image img { filter: brightness(0) invert(1) !important; max-height: 58px; width: auto !important; }
#masthead .elementor-section { min-height: 0 !important; }
@media (max-width: 921px){
  #masthead .elementor-column { padding-top: 6px !important; padding-bottom: 6px !important; }
}

/* 2) No horizontal overflow on mobile */
html, body { overflow-x: hidden !important; }
img, iframe, svg, video, figure { max-width: 100%; height: auto; }

/* 3) Google reviews (Trustindex) laid its cards in an 868px row -> overflow.
      Turn it into a clean responsive grid, drop the JS carousel controls. */
.ti-reviews-container, .ti-widget, .ti-widget-container { max-width: 100% !important; overflow: hidden !important; }
.ti-reviews-container-wrapper{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  transform: none !important;
  margin: 0 !important;
}
.ti-review-item{ max-width: 100% !important; flex: none !important; padding: 0 !important; }
.ti-controls, .ti-controls-dots{ display: none !important; }
@media (max-width: 1024px){ .ti-reviews-container-wrapper{ grid-template-columns: repeat(2,1fr) !important; } }
@media (max-width: 680px){ .ti-reviews-container-wrapper{ grid-template-columns: 1fr !important; } }