/* =========================================================
   Amin-style testimonials — TJ brand colors
   ========================================================= */

.tj-testimonial-section {
  /* Bottom padding clears next .bg-section (margin-top: -90px) so the CTA isn't covered */
  padding: 70px 0 170px;
  background: var(--bg-color, #fbf7f0);
  position: relative;
  z-index: 0;
  overflow: visible;
}

.tj-testimonial-section .sis-section-title .sisf-m-title,
.tj-testimonial-section .sis-section-title h2 {
  color: var(--primary-color, #140d0c);
  font-family: var(--heading-font, "Bricolage Grotesque", sans-serif);
}

.tj-testimonial-section .sisf-m-text p {
  color: var(--text-color, #524a46);
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.tj-testimonial-section .sisf-m-subtitle {
  background: rgba(236, 28, 36, 0.12) !important;
  color: var(--accent-color, #ec1c24) !important;
}

/* Dark brand cards */
.testimonial-right.page .tj-testimonial-card.sisf-e-inner,
.testimonial-right.page .sisf-e-inner.tj-testimonial-card {
  background-color: #140d0c !important;
  background-image: none !important;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.testimonial-right.page .tj-testimonial-card .star,
.testimonial-right.page .tj-testimonial-card .sisf-e-colored {
  color: #f2c851 !important;
}

.testimonial-right.page .tj-testimonial-card .quote-left-icon span,
.testimonial-right.page .tj-testimonial-card .quote-left-icon i {
  color: rgba(255, 255, 255, 0.28) !important;
  font-size: 28px;
}

.testimonial-right.page .tj-testimonial-card .sisf-e-discription h5,
.testimonial-right.page .tj-testimonial-card .sisf-e-author-name,
.testimonial-right.page .tj-testimonial-card .sisf-e-author-job {
  color: #ffffff !important;
}

/* CTA row — sit above next .bg-section pull-up; use theme .btn-default (Amin pill clips) */
.tj-testimonial-section .tj-testimonial-cta-wrap {
  position: relative;
  z-index: 2;
  margin-top: 28px;
  margin-bottom: 0;
  overflow: visible;
}

.tj-testimonial-section .tj-testimonial-cta-wrap .btn-default {
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
  overflow: visible;
}

/* Beat Amin mobile rule that zeros testimonial bottom padding */
.sis-testimonial-section.tj-testimonial-section {
  padding-bottom: 170px !important;
  overflow: visible !important;
}

/* Form panel */
.tj-testimonial-form {
  background: #fff;
  border-radius: 12px;
  padding: 28px;
  border: 1px solid rgba(20, 13, 12, 0.08);
}

.tj-testimonial-form .form-control {
  border-radius: 10px;
  border: 1.5px solid rgba(20, 13, 12, 0.1);
  padding: 12px 16px;
  min-height: 48px;
  background: #f8f5f0;
  color: #140d0c;
}

.tj-testimonial-form textarea.form-control {
  min-height: 120px;
}

/* Bottom CTA band */
.tj-testimonial-cta {
  background: #140d0c !important;
  background-image: linear-gradient(
      rgba(20, 13, 12, 0.9),
      rgba(20, 13, 12, 0.92)
    ),
    url("../images/menu_items/FOOTER.webp") !important;
  background-size: cover !important;
  background-position: center !important;
  padding: 70px 0;
  overflow: hidden;
}

.tj-testimonial-cta .sisf-m-title,
.tj-testimonial-cta .sis-comman-title {
  color: #ffffff !important;
}

.tj-testimonial-cta .sisf-e-colored {
  color: #f6e7b8 !important;
}

.tj-testimonial-cta-item {
  padding: 20px 12px;
}

.tj-testimonial-cta-item .sisf-m-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(236, 28, 36, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f6e7b8;
  font-size: 24px;
  margin-left: auto;
  margin-right: auto;
}

.tj-testimonial-cta-item .sis-comman-title {
  font-size: 22px !important;
  margin-bottom: 8px;
}

/* Homepage: don't use old Seabud our-testimonials spacing */
.tj-home .sis-testimonial-section,
.tj-home .tj-testimonial-section {
  padding-top: 70px !important;
  padding-bottom: 120px !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
}

@media only screen and (max-width: 1024px) {
  .tj-testimonial-section,
  .sis-testimonial-section.tj-testimonial-section,
  .tj-home .tj-testimonial-section {
    padding-top: 40px !important;
    padding-bottom: 140px !important;
  }

  .tj-testimonial-cta {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .tj-testimonial-section,
  .sis-testimonial-section.tj-testimonial-section,
  .tj-home .tj-testimonial-section {
    padding-bottom: 130px !important;
  }
}