/* SwimfulKids Trustindex color companion - safe version */

.ti-widget.sfk-colored-reviews {
  --sfk-navy: #071735;
  --sfk-teal: #12AEBB;
  --sfk-orange: #FF6418;
  --sfk-pink: #F45B93;
}

.ti-widget.sfk-colored-reviews,
.ti-widget.sfk-colored-reviews .ti-widget-container,
.ti-widget.sfk-colored-reviews .ti-reviews-container,
.ti-widget.sfk-colored-reviews .ti-reviews-container-wrapper {
  background: transparent !important;
}

/* Google summary card */
.ti-widget.sfk-colored-reviews .ti-footer.source-Google {
  background: #ffffff !important;
  border: 1px solid rgba(7, 23, 53, 0.08) !important;
  border-radius: 26px !important;
  padding: 24px !important;
  box-shadow: 0 18px 44px rgba(8, 20, 47, 0.08) !important;
}

.ti-widget.sfk-colored-reviews .ti-footer .ti-name,
.ti-widget.sfk-colored-reviews .ti-footer .ti-rating-text,
.ti-widget.sfk-colored-reviews .ti-footer .ti-rating-text strong {
  color: var(--sfk-navy) !important;
  font-family: "Nunito", sans-serif !important;
  font-weight: 900 !important;
}

.ti-widget.sfk-colored-reviews .ti-header-write-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--sfk-orange) !important;
  color: #ffffff !important;
  font-family: "Baloo 2", sans-serif !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 26px rgba(255, 100, 24, 0.24) !important;
}

/* Only style cards after JS successfully paints them */
.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted {
  padding: 0 10px !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-inner {
  position: relative !important;
  min-height: 285px !important;
  height: 100% !important;
  padding: 24px 22px 26px !important;
  border: 0 !important;
  border-radius: 28px !important;
  background: var(--sfk-card-bg) !important;
  background-color: var(--sfk-card-bg) !important;
  box-shadow: 0 18px 40px rgba(8, 20, 47, 0.12) !important;
  overflow: hidden !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-inner:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 50px rgba(8, 20, 47, 0.18) !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-inner::before {
  content: "" !important;
  position: absolute !important;
  right: -36px !important;
  bottom: -36px !important;
  width: 118px !important;
  height: 118px !important;
  border-radius: 55% 45% 62% 38% !important;
  background: rgba(255, 255, 255, 0.18) !important;
  pointer-events: none !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-inner::after {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  bottom: 18px !important;
  width: 66px !important;
  height: 9px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='66' height='9' viewBox='0 0 66 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5C7 1.5 13 7.5 19 4.5C25 1.5 31 7.5 37 4.5C43 1.5 49 7.5 55 4.5C60 2 64 6.5 65 4.5' stroke='white' stroke-width='2' stroke-linecap='round' opacity='.78'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  pointer-events: none !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-header,
.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-stars,
.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-text-container,
.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-read-more {
  position: relative !important;
  z-index: 2 !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-header {
  margin-bottom: 14px !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-header .ti-profile-img img {
  width: 46px !important;
  height: 46px !important;
  border: 3px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 50% !important;
  box-shadow: 0 8px 18px rgba(8, 20, 47, 0.16) !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-header .ti-name,
.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-header .ti-date,
.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-header .ti-date span,
.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-text-container,
.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-content {
  color: #ffffff !important;
  font-family: "Nunito", sans-serif !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-header .ti-name {
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-header .ti-date,
.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-header .ti-date span {
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  opacity: 0.86 !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-platform-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(8, 20, 47, 0.14) !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-stars {
  display: flex !important;
  gap: 3px !important;
  margin-bottom: 14px !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-stars .ti-star {
  filter: drop-shadow(0 2px 2px rgba(8, 20, 47, 0.18)) !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-text-container,
.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-review-content {
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-read-more {
  display: block !important;
  margin-top: 12px !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-read-more-active {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: var(--sfk-navy) !important;
  font-family: "Baloo 2", sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-verified-review {
  filter: brightness(0) invert(1) !important;
  opacity: 0.9 !important;
}

.ti-widget.sfk-colored-reviews .ti-controls .ti-next,
.ti-widget.sfk-colored-reviews .ti-controls .ti-prev {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  box-shadow: 0 14px 32px rgba(8, 20, 47, 0.16) !important;
}

.ti-widget.sfk-colored-reviews .ti-controls-line {
  margin-top: 24px !important;
}

.ti-widget.sfk-colored-reviews .ti-controls-line .dot {
  background: var(--sfk-teal) !important;
}

.ti-widget.sfk-colored-reviews .ti-verified-by {
  margin-top: 18px !important;
  color: rgba(7, 23, 53, 0.65) !important;
  font-family: "Nunito", sans-serif !important;
  font-weight: 800 !important;
}

@media (max-width: 767px) {
  .ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted {
    padding: 0 6px !important;
  }

  .ti-widget.sfk-colored-reviews .ti-review-item.sfk-ti-card-painted .ti-inner {
    min-height: 255px !important;
    padding: 22px 20px 24px !important;
    border-radius: 24px !important;
  }

  .ti-widget.sfk-colored-reviews .ti-footer.source-Google {
    margin-top: 24px !important;
    border-radius: 22px !important;
  }
}