/* ==========================================================================
   KASS VIETNAM - OFFICIAL TRUSTINDEX GOOGLE REVIEWS DARK MODE STYLES
   ========================================================================== */

.trustindex-widget-wrapper {
  width: 100%;
  position: relative;
}

.ti-widget.ti-goog {
  width: 100% !important;
  display: block !important;
  font-family: inherit !important;
  color: #F8FAFC !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

/* Tooltip Suppression - Strictly hide Trustindex default text tooltips */
.ti-widget.ti-goog .ti-tooltip,
.ti-widget.ti-goog .ti-verified-tooltip,
.ti-widget.ti-goog .ti-header .ti-tooltip,
.ti-widget.ti-goog .ti-header .ti-verified-tooltip,
.ti-widget.ti-goog .ti-review-item .ti-tooltip,
.ti-widget.ti-goog .ti-review-item .ti-verified-tooltip,
.ti-tooltip,
.ti-verified-tooltip {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

/* Header bar */
.ti-widget.ti-goog .ti-header.ti-header-grid {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  margin-bottom: 32px !important;
  padding: 14px 28px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 100px !important;
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.ti-widget.ti-goog .ti-header .ti-fade-container {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  opacity: 1 !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

.ti-widget.ti-goog .ti-header .ti-rating.ti-rating-large {
  color: #D4AF37 !important;
  font-weight: 800 !important;
  font-size: 1.125rem !important;
  letter-spacing: 0.05em !important;
}

.ti-widget.ti-goog .ti-header .ti-stars {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.ti-widget.ti-goog .ti-header .ti-stars img.ti-star {
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
}

.ti-widget.ti-goog .ti-header .ti-rating-text {
  color: #94A3B8 !important;
  font-size: 0.9375rem !important;
}

.ti-widget.ti-goog .ti-header .ti-rating-text strong {
  color: #FFFFFF !important;
}

.ti-widget.ti-goog .ti-header .ti-large-logo img {
  height: 24px !important;
  width: auto !important;
  display: block !important;
  filter: brightness(1.1) !important;
}

/* Slider viewport & tracks */
.ti-widget.ti-goog .ti-reviews-container {
  position: relative !important;
  overflow: hidden !important;
  padding: 12px 52px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.ti-widget.ti-goog .ti-reviews-container-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  width: 100% !important;
  will-change: transform !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Review Item & Cards */
.ti-widget.ti-goog .ti-review-item {
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
  box-sizing: border-box !important;
  padding: 0 10px !important;
  display: flex !important;
  transform: none !important;
}

@media (max-width: 1023px) {
  .ti-widget.ti-goog .ti-review-item {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 639px) {
  .ti-widget.ti-goog .ti-reviews-container {
    padding: 12px 36px !important;
  }
  .ti-widget.ti-goog .ti-review-item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

.ti-widget.ti-goog .ti-review-item > .ti-inner,
.ti-widget.ti-goog .ti-review-item .ti-inner {
  background: #11141C !important;
  background-color: #11141C !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 250px !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}

.ti-widget.ti-goog .ti-review-item:hover > .ti-inner,
.ti-widget.ti-goog .ti-review-item:hover .ti-inner {
  border-color: rgba(212, 175, 55, 0.4) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.6), 0 0 20px rgba(212, 175, 55, 0.1) !important;
}

/* Review Header (Avatar, Name, Date, Google Logo) */
.ti-widget.ti-goog .ti-review-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative !important;
  margin-bottom: 12px !important;
  padding-right: 32px !important;
}

.ti-widget.ti-goog .ti-profile-img {
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.ti-widget.ti-goog .ti-profile-img img {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  border: 1.5px solid rgba(212, 175, 55, 0.3) !important;
}

.ti-widget.ti-goog .ti-avatar-initials {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #1E232F, #2A3142) !important;
  border: 1.5px solid rgba(212, 175, 55, 0.4) !important;
  color: #D4AF37 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 1.125rem !important;
}

.ti-widget.ti-goog .ti-profile-details {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.ti-widget.ti-goog .ti-name {
  color: #FFFFFF !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.ti-widget.ti-goog .ti-date {
  color: #94A3B8 !important;
  font-size: 0.8125rem !important;
}

.ti-widget.ti-goog .ti-platform-icon {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 22px !important;
  height: 22px !important;
}

.ti-widget.ti-goog .ti-platform-icon img {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
}

/* Stars Rating */
.ti-widget.ti-goog .ti-stars {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  margin: 0 0 10px 0 !important;
}

.ti-widget.ti-goog .ti-stars img.ti-star {
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
}

.ti-widget.ti-goog .ti-verified-review {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: 6px !important;
  background: url("https://cdn.trustindex.io/assets/icon/ti-verified.svg") no-repeat center !important;
  background-size: contain !important;
  vertical-align: middle !important;
}

/* Review Text Content */
.ti-widget.ti-goog .ti-review-content {
  color: #CBD5E1 !important;
  font-size: 0.9375rem !important;
  line-height: 1.6 !important;
  height: 87px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  word-break: break-word !important;
  flex-grow: 1 !important;
}

.ti-widget.ti-goog .ti-review-content.ti-expanded {
  height: auto !important;
  max-height: none !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
}

/* Read More */
.ti-widget.ti-goog .ti-read-more {
  display: block !important;
  margin-top: 12px !important;
  text-align: left !important;
  cursor: pointer !important;
}

.ti-widget.ti-goog .ti-read-more span {
  color: #D4AF37 !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}

.ti-widget.ti-goog .ti-read-more span:hover {
  color: #F3E5AB !important;
  text-decoration: underline !important;
}

/* Controls / Nav Arrows */
.ti-widget.ti-goog .ti-controls {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 100% !important;
  height: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

.ti-widget.ti-goog .ti-controls .ti-next,
.ti-widget.ti-goog .ti-controls .ti-prev {
  position: absolute !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #181C26 !important;
  border: 1.5px solid rgba(212, 175, 55, 0.45) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.6) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: all 0.25s ease !important;
  color: #D4AF37 !important;
  user-select: none !important;
}

.ti-widget.ti-goog .ti-controls .ti-prev {
  left: 2px !important;
}

.ti-widget.ti-goog .ti-controls .ti-next {
  right: 2px !important;
}

.ti-widget.ti-goog .ti-controls .ti-next:hover,
.ti-widget.ti-goog .ti-controls .ti-prev:hover {
  background: #D4AF37 !important;
  color: #07080A !important;
  border-color: #D4AF37 !important;
  transform: scale(1.1) !important;
}

.ti-widget.ti-goog .ti-controls .ti-prev::before {
  content: "❮" !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  display: block !important;
  margin-right: 2px !important;
}

.ti-widget.ti-goog .ti-controls .ti-next::before {
  content: "❯" !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  display: block !important;
  margin-left: 2px !important;
}

/* Verified Badge Footer */
.ti-widget.ti-goog .ti-verified-by-row {
  display: flex !important;
  justify-content: center !important;
  margin-top: 24px !important;
}

.ti-widget.ti-goog .ti-verified-by-row .ti-inner {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #94A3B8 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 100px !important;
  padding: 6px 18px !important;
  font-size: 0.8125rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* The default Trustindex verification disclaimer is English-only and is not
   part of the Vietnamese landing-page experience. Reviews remain visible. */
.trustindex-widget-wrapper .ti-widget.ti-goog .ti-verified-by-row {
  display: none !important;
}