/* Mobile Testimonials Page Styles */
.site-main.mobile-testimonials-page {
  background: #F4F4F4;
  padding: 32px 0 48px 0;
  font-family: Roboto, sans-serif;
}

.mobile-testimonials-container {
  padding: 0 16px; 
}

.mobile-testimonials-title {
  color: #000;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 16px 0;
}

.mobile-testimonials-desc {
  color: #353535;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0 0 24px 0;
}

.mobile-testimonials-btn {
  display: flex;
  width: 100%;
  padding: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #FF6000;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
  margin-bottom: 24px;
}

.mobile-testimonials-btn:hover {
    color: #FFF;
    text-decoration: none;
    background: #e55600;
}

.mobile-testimonials-image {
  margin-bottom: 24px;
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
}

.mobile-testimonials-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
}

.mobile-testimonials-reviews-platforms {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mobile-testimonials-reviews-title {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 8px;
}

.mobile-testimonials-reviews-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
}

.mobile-testimonials-reviews-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-testimonials-reviews-logo img {
  max-width: 120px;
  object-fit: contain;
}

/* Testimonials Items */
.mobile-testimonials-items-section {
  padding-top: 32px;
}

.mobile-testimonials-items-container {
  padding: 0 16px;
}

.mobile-testimonials-item {
  border-radius: 24px;
  background: #FFF;
  padding: 32px;
  margin-bottom: 24px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.02);
}

.mobile-testimonials-item-logo {
  margin-bottom: 24px;
}

.mobile-testimonials-item-logo img {
  object-fit: contain;
}

.mobile-testimonials-item-content {
  color: #353535;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 24px;
}

.mobile-testimonials-item-content p {
  margin-bottom: 16px;
}

.mobile-testimonials-item-content p:last-child {
  margin-bottom: 0;
}

.mobile-testimonials-item-author-box {
  display: flex;
  align-items: stretch;
  gap: 16px;
}

.mobile-testimonials-item-author-line {
  width: 3px;
  background: #FF6000;
  border-radius: 2px;
}

.mobile-testimonials-item-author-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

.mobile-testimonials-item-author-name {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin: 0;
}

.mobile-testimonials-item-author-pos {
  color: #353535;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.mobile-testimonials-load-more {
  display: flex;
  width: 100%;
  padding: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #FF6000;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  border: none;
  cursor: pointer;
  margin-bottom: 24px;
}

/* Comments Section */
.mobile-testimonials-comments-section {
  margin-top: 16px;
  padding-bottom: 0;
}

.mobile-testimonials-page .comments-area {
  margin: 0;
}

.mobile-testimonials-page .comments-title {
  background: #FFF;
  border-radius: 24px 24px 0 0;
  padding: 24px 20px 0 20px;
  margin: 0;
  color: #000;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.mobile-testimonials-page .avg-rating__block {
  background: #FFF;
  border-radius: 0 0 24px 24px;
  padding: 24px 20px 24px 20px;
  margin-bottom: 16px;
  align-items: unset;
}

.mobile-testimonials-page .mobile-avg-rating-value {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  display: block;
  margin-bottom: 8px;
}

.mobile-testimonials-page .mobile-avg-rating-stars {
  display: flex;
  margin-bottom: 8px;
  gap: 2px;
}

.mobile-testimonials-page p.mobile-avg-rating-text {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 24px;
}

/* Star SVG Overrides */
.mobile-testimonials-page .mobile-star-svg.filled,
.mobile-testimonials-page .dashicons-star-filled,
.mobile-testimonials-page .commentratingbox input[type="radio"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath d='M6.03035 5.28164L0.713682 6.05247L0.619515 6.07164C0.476965 6.10948 0.347011 6.18448 0.242925 6.28898C0.13884 6.39347 0.0643514 6.52372 0.027067 6.66641C-0.0102174 6.80911 -0.00896206 6.95915 0.0307049 7.1012C0.0703718 7.24326 0.147029 7.37224 0.252849 7.47497L4.10452 11.2241L3.19618 16.52L3.18535 16.6116C3.17662 16.7591 3.20724 16.9062 3.27406 17.0379C3.34088 17.1696 3.4415 17.2812 3.56563 17.3612C3.68975 17.4413 3.83292 17.4869 3.98047 17.4934C4.12802 17.4999 4.27465 17.4671 4.40535 17.3983L9.16035 14.8983L13.9045 17.3983L13.9878 17.4366C14.1254 17.4908 14.2749 17.5074 14.421 17.4848C14.5671 17.4621 14.7045 17.401 14.8192 17.3077C14.9339 17.2144 15.0216 17.0923 15.0735 16.9538C15.1254 16.8154 15.1396 16.6657 15.1145 16.52L14.2053 11.2241L18.0587 7.47414L18.1237 7.40331C18.2165 7.28895 18.2774 7.15202 18.3001 7.00647C18.3228 6.86092 18.3065 6.71196 18.2529 6.57475C18.1993 6.43754 18.1103 6.317 17.9949 6.2254C17.8796 6.1338 17.742 6.07442 17.5962 6.05331L12.2795 5.28164L9.90285 0.464975C9.83408 0.32542 9.72761 0.207904 9.59551 0.125728C9.4634 0.0435528 9.31093 0 9.15535 0C8.99977 0 8.8473 0.0435528 8.71519 0.125728C8.58308 0.207904 8.47662 0.32542 8.40785 0.464975L6.03035 5.28164Z' fill='%23FCB900'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  
}
.avg-rating__block .mobile-star-svg.filled {
  margin-right: 6px;
  width: 18px;
  height: 18px;
}
.mobile-testimonials-page .mobile-star-svg.empty,
.mobile-testimonials-page .dashicons-star-empty {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21' fill='none'%3E%3Cpath d='M10.9863 0.5C11.0797 0.5 11.1717 0.52589 11.251 0.575195C11.3301 0.624495 11.3933 0.695644 11.4346 0.779297L14.2871 6.55957L14.4033 6.79492L14.6641 6.83301L21.0439 7.75879C21.1313 7.77148 21.214 7.80738 21.2832 7.8623C21.3522 7.91714 21.4054 7.98924 21.4375 8.07129C21.4697 8.15361 21.4794 8.24373 21.4658 8.33105C21.4525 8.41599 21.4165 8.49508 21.3633 8.5625L21.3145 8.61621L16.6973 13.1104L16.5088 13.2939L16.5537 13.5537L17.6445 19.9082V19.9092C17.6595 19.9964 17.6512 20.0861 17.6201 20.1689C17.589 20.252 17.5366 20.3259 17.4678 20.3818C17.399 20.4378 17.3161 20.4737 17.2285 20.4873C17.1428 20.5006 17.0556 20.4907 16.9746 20.46L16.9111 20.4316L11.2256 17.4355L10.9932 17.3125L10.7598 17.4355L5.05371 20.4355C4.97535 20.4768 4.8873 20.4961 4.79883 20.4922C4.7103 20.4883 4.62428 20.4611 4.5498 20.4131C4.47548 20.3652 4.41509 20.2985 4.375 20.2197C4.33644 20.1437 4.31798 20.0587 4.32129 19.9736L4.33203 19.8828L5.41797 13.5537L5.46289 13.2939L5.27441 13.1104L0.652344 8.61133H0.651367C0.587941 8.54971 0.542339 8.47189 0.518555 8.38672C0.494808 8.30154 0.494248 8.21153 0.516602 8.12598C0.538988 8.04044 0.583112 7.96206 0.645508 7.89941C0.70635 7.83833 0.782295 7.79472 0.865234 7.77148L0.943359 7.75488L7.30859 6.83301L7.56836 6.79492L7.68457 6.55957L10.5381 0.779297C10.5793 0.695565 10.6434 0.624501 10.7227 0.575195C10.8018 0.526046 10.8931 0.500017 10.9863 0.5Z' stroke='%23868686'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.mobile-testimonials-page .dashicons-star-filled:before,
.mobile-testimonials-page .dashicons-star-empty:before,
.mobile-testimonials-page .commentratingbox input[type="radio"]:before {
  content: "" !important;
}

.mobile-testimonials-page .comment-content .stars {
	display: flex;
	gap: 2px;
	margin-bottom: 8px;
}

.mobile-testimonials-page .leave-comment__btn {
  margin: 0;
}

.mobile-testimonials-page .leave-comment__btn a {
  margin-top: 0px;
  color: #FFF;
  text-align: center;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  border-radius: 8px;
  background: #FF6000;
  height: 48px;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  text-transform: none;
  text-decoration: none;
}

/* Comment List */
.mobile-testimonials-page .comment-list {
  border-radius: 24px;
  padding: 0 16px 0 16px;
  margin: 0 0 24px 0;
  list-style: none;
}

.mobile-testimonials-page .comment-list li.comment {
  padding-top: 0px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #DFDFDF;
  border-top: none !important;
}

.mobile-testimonials-page .comment-list li.comment:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Move stars to the top above name */
.mobile-testimonials-page article.comment-body {
  display: flex;
  flex-direction: column;
}

.mobile-testimonials-page .comment-meta {
  order: 2;
  margin-bottom: 0;
}

.mobile-testimonials-page .comment-content {
  order: 3;
  display: contents; /* Allows children to be direct children of the flex container (comment-body) */
}

.mobile-testimonials-page .comment-content div[itemprop="reviewRating"] {
  order: 1; /* Moves stars above comment-meta */
  margin-bottom: 8px;
}

.mobile-testimonials-page .comment-content p {
  order: 4; /* Stays below comment-meta */
}

.mobile-testimonials-page .comment-author .fn {
  margin: 0 0 4px 0;
  display: block;
  color: #353535;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  font-family: "Instrument Sans";
}

.mobile-testimonials-page .comment-metadata {
  margin-bottom: 16px;
}

.mobile-testimonials-page .comment-metadata time {
  color: #353535;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.mobile-testimonials-page .comment-content {
  color: #353535;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.mobile-testimonials-page .comment-content p {
  margin-bottom: 0px;
}

.mobile-testimonials-page .comment-content p:last-child {
  margin-bottom: 0;
}

/* See All Button */
.mobile-comments-see-all {
  border-radius: 8px;
  border: 1px solid #C1C1C1;
  background: #FFF;
  margin-bottom: 64px;
  color: #353535;
  text-align: center;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  display: flex;
  width: 100%;
  padding: 12px;
  justify-content: center;
  align-items: center;
}

/* Respond Form */
.mobile-testimonials-page #respond {
  background: unset;
  border-radius: 0;
  padding: 0;
}

.mobile-testimonials-page .comment-reply-title {
  color: #000;
  font-family: "Instrument Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 16px 0;
}

.mobile-testimonials-page .comment-notes {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #353535;
  margin-bottom: 32px !important;
}

.mobile-testimonials-page #respond form p {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}

.mobile-testimonials-page #respond form p label {
  margin-bottom: 8px;
  width: auto;
  max-width: 100%;
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.mobile-testimonials-page #respond form input[type="text"],
.mobile-testimonials-page #respond form input[type="email"],
.mobile-testimonials-page #respond form textarea {
  width: 100%;
  padding: 12px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  border-radius: 8px;
  border: 1px solid #DFDFDF;
  background: #FFF;
  color: #353535;
}
.comment-form-rating>label {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 100%;
  margin-right: 0px;
  margin-bottom: -5px;
}
#commentform .form-submit {
  margin-bottom: 0px !important;
}
.mobile-testimonials-page #respond form input[type="text"]::placeholder,
.mobile-testimonials-page #respond form input[type="email"]::placeholder,
.mobile-testimonials-page #respond form textarea::placeholder {
  color: #868686;
}

/* Comment Rating section styling */
.mobile-testimonials-page .comment-form-rating {
    margin-bottom: 24px;
}
.mobile-testimonials-page .comment-form-rating label {
    display: block;
    margin-right: 8px;
}
.comment-form {
  margin-bottom: 0;
}
.mobile-testimonials-page .comment-form-rating .rating-container {
    display: inline-flex;
    justify-content: flex-end;
    gap: 0px;
    align-items: center;
}
.mobile-testimonials-page .rating-container > input + label {
    width: 20px !important;
    height: 20px !important;
    text-indent: 0 !important;
    font-size: 0 !important; /* Hide text */
    overflow: hidden;
    /* Use the empty SVG by default */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21' fill='none'%3E%3Cpath d='M10.9863 0.5C11.0797 0.5 11.1717 0.52589 11.251 0.575195C11.3301 0.624495 11.3933 0.695644 11.4346 0.779297L14.2871 6.55957L14.4033 6.79492L14.6641 6.83301L21.0439 7.75879C21.1313 7.77148 21.214 7.80738 21.2832 7.8623C21.3522 7.91714 21.4054 7.98924 21.4375 8.07129C21.4697 8.15361 21.4794 8.24373 21.4658 8.33105C21.4525 8.41599 21.4165 8.49508 21.3633 8.5625L21.3145 8.61621L16.6973 13.1104L16.5088 13.2939L16.5537 13.5537L17.6445 19.9082V19.9092C17.6595 19.9964 17.6512 20.0861 17.6201 20.1689C17.589 20.252 17.5366 20.3259 17.4678 20.3818C17.399 20.4378 17.3161 20.4737 17.2285 20.4873C17.1428 20.5006 17.0556 20.4907 16.9746 20.46L16.9111 20.4316L11.2256 17.4355L10.9932 17.3125L10.7598 17.4355L5.05371 20.4355C4.97535 20.4768 4.8873 20.4961 4.79883 20.4922C4.7103 20.4883 4.62428 20.4611 4.5498 20.4131C4.47548 20.3652 4.41509 20.2985 4.375 20.2197C4.33644 20.1437 4.31798 20.0587 4.32129 19.9736L4.33203 19.8828L5.41797 13.5537L5.46289 13.2939L5.27441 13.1104L0.652344 8.61133H0.651367C0.587941 8.54971 0.542339 8.47189 0.518555 8.38672C0.494808 8.30154 0.494248 8.21153 0.516602 8.12598C0.538988 8.04044 0.583112 7.96206 0.645508 7.89941C0.70635 7.83833 0.782295 7.79472 0.865234 7.77148L0.943359 7.75488L7.30859 6.83301L7.56836 6.79492L7.68457 6.55957L10.5381 0.779297C10.5793 0.695565 10.6434 0.624501 10.7227 0.575195C10.8018 0.526046 10.8931 0.500017 10.9863 0.5Z' stroke='%23868686'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Hide the 6th clear star */
.mobile-testimonials-page .rating-container > .star-cb-clear + label {
    display: none !important;
}

.mobile-testimonials-page .rating-container > input:checked ~ label,
.mobile-testimonials-page .rating-container > input + label:hover ~ label,
.mobile-testimonials-page .rating-container > input + label:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath d='M6.03035 5.28164L0.713682 6.05247L0.619515 6.07164C0.476965 6.10948 0.347011 6.18448 0.242925 6.28898C0.13884 6.39347 0.0643514 6.52372 0.027067 6.66641C-0.0102174 6.80911 -0.00896206 6.95915 0.0307049 7.1012C0.0703718 7.24326 0.147029 7.37224 0.252849 7.47497L4.10452 11.2241L3.19618 16.52L3.18535 16.6116C3.17662 16.7591 3.20724 16.9062 3.27406 17.0379C3.34088 17.1696 3.4415 17.2812 3.56563 17.3612C3.68975 17.4413 3.83292 17.4869 3.98047 17.4934C4.12802 17.4999 4.27465 17.4671 4.40535 17.3983L9.16035 14.8983L13.9045 17.3983L13.9878 17.4366C14.1254 17.4908 14.2749 17.5074 14.421 17.4848C14.5671 17.4621 14.7045 17.401 14.8192 17.3077C14.9339 17.2144 15.0216 17.0923 15.0735 16.9538C15.1254 16.8154 15.1396 16.6657 15.1145 16.52L14.2053 11.2241L18.0587 7.47414L18.1237 7.40331C18.2165 7.28895 18.2774 7.15202 18.3001 7.00647C18.3228 6.86092 18.3065 6.71196 18.2529 6.57475C18.1993 6.43754 18.1103 6.317 17.9949 6.2254C17.8796 6.1338 17.742 6.07442 17.5962 6.05331L12.2795 5.28164L9.90285 0.464975C9.83408 0.32542 9.72761 0.207904 9.59551 0.125728C9.4634 0.0435528 9.31093 0 9.15535 0C8.99977 0 8.8473 0.0435528 8.71519 0.125728C8.58308 0.207904 8.47662 0.32542 8.40785 0.464975L6.03035 5.28164Z' fill='%23FCB900'/%3E%3C/svg%3E");
}

/* Hide before pseudo element entirely from our template */
.mobile-testimonials-page .rating-container > input + label:before {
    display: none !important;
}

.mobile-testimonials-page #respond .comment-submit {
  color: #FFF;
  text-align: center;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-top: 0px;
  border: none;
  cursor: pointer;
  display: flex;
  width: 100%;
  padding: 0;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #FF6000;
  text-transform: unset;
  height: 48px;
}

/* Required star */
.mobile-testimonials-page span.required {
  color: #FE2D2D;
  font-weight: 400;
}