.rtcl-users-listings {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 20px #f0f0f0;
  padding: 30px;
}

.rtcl-users-title {
  line-height: 1;
  padding: 8px 30px 1px 30px;
  background-color: #F4FFF3;
  border-radius: 8px; 
}

/* поле цены рядом с кнопкой */
.respond-btn-wrapper{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.ctr-respond-price{
  width: 115px;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 15px;
  text-align: center;
}

.ctr-respond-price:disabled{
  background: #f3f3f3;
  color: #888;
  font-weight: 500;
}

/* на мобилке поле + кнопка в колонку */
@media (max-width: 768px){
  .respond-btn-wrapper{
    flex-direction: column;
    width: 100%;
  }

  .ctr-respond-price{
    width: 125px; /* как кнопка */
  }
}

/* вывод цены в списке */
.responded-user-offer{
margin-top: 6px;
  font-size: 14px;
  color: #23478e;
  font-weight: 500;
}

.last-offer-price {
width: fit-content;
  margin-bottom: 20px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #3c3c3c;
  margin-top: 10px;
}


 .last-offer-price strong {
display: inline-block;
  background-color: #ffd54a;
  color: #1b1f2a;
  font-weight: bold;
  font-size: 14px;
  padding: 0px 17px;
  border-radius: 12px;
  margin-left: 6px;
  vertical-align: middle;
}







/* Блок последней цены отдельно */
.ctr-last-offer-box{
color: #0d1010;
  background-color: #eef4ff;
  padding: 7px 20px 7px 20px;
  border-radius: 6px;
  border: 1px solid #c7d8ff;
}


/* Сама цена */
.ctr-last-offer-amount{
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}

/* Подпись */
.ctr-last-offer-label{
  font-size: 11px;
  margin-top: 0px;
  font-weight: 400;
  width: max-content;
}












.ctr-responds-no-responds-group {
    margin-top: 6px;
}

.ctr-no-responds-label {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
	font-size: 15px;
	margin-bottom: 0px; 
}

/* подпись под чекбоксом */
.ctr-no-responds-sub {
  display: block;
  margin-left: 22px;
  margin-top: 0px;
  font-size: 14px;
  color: #9aa0a6;
  line-height: 0.2;
}

.ctr-responds-upto-label {
  font-size: 15px;
  cursor: pointer;
  align-items: center;
  display: inline-flex;
  gap: 6px;
}



.profile-reviews {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1;

}

/* Всего отзывов */
.profile-reviews .reviews-total {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #999999; /* нейтральный серо-синий */
}

.profile-reviews .reviews-total i {
    color: #999999 !important; /* фирменный фиолетовый */

}

.rtin-right .profile-reviews .no-reviews  {
    gap: 6px;
}

.profile-reviews .no-reviews  {
    gap: 6px;
}


.profile-reviews.no-reviews i {
  color: #999999;
}

/* Общие стили иконок */
.profile-reviews .review-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

/* Положительные отзывы */
.profile-reviews .reviews-positive {
    color: #2e7d32; /* мягкий зелёный */

}

/* Отрицательные отзывы */
.profile-reviews .reviews-negative {
    color: #c62828; /* мягкий красный */
}

/* SVG фильтры для цвета */
.profile-reviews .review-icon.like {
    filter: brightness(0) saturate(100%)
        invert(34%) sepia(89%) saturate(394%) hue-rotate(83deg)
        brightness(92%) contrast(88%);
}

.profile-reviews .review-icon.dislike {
    filter: brightness(0) saturate(100%)
        invert(26%) sepia(79%) saturate(3035%) hue-rotate(347deg)
        brightness(90%) contrast(96%);
}


.rtin-right .profile-reviews{
  margin-right: 22px;
  margin-top: 15px;
}


/* Мобильная версия */
@media (max-width: 576px) {
    .profile-reviews {
        flex-wrap: wrap;
         gap: 7px;

}

  .rtin-right .profile-reviews {
  margin-top: 10px;
}

    }
	






 
/* Контейнер контактов */
.rtin-response-counter #response-count {
padding: 3px 12px 3px;
  background-color: #F4FFF3;
  width: max-content;
  border-radius: 15px;
  margin-top: 15px;
  font-size: 12px;
  color: #2d3726;
  letter-spacing: .2px;
  font-weight: 450;

}

.user-age {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    font-size: 12px;
    font-weight: 500;
    color: #425E44;
    background-color: #E8F5E9;
    border-radius: 10px;
    vertical-align: middle;

}




/* Профи анкета есть */
.user-profile-status.has-profile a.user-profile-link {
    text-decoration: none;
    border-bottom: 1px solid #7f4ee8;
    color: #7f4ee8;
    font-size: 15px;
    transition: color 0.3s;
}

.user-profile-status.has-profile a.user-profile-link:hover {
    color: #5c36b3; /* немного темнее при наведении */
}


/* Профиля нет — мягкий красный на светлом фоне */
.user-profile-status.no-profile {
    text-decoration: none;       /* убрать стандартное подчеркивание */
    color: #D32F2F;              /* мягкий красный */
    text-decoration: none;       /* убрать стандартное подчеркивание */
    border-bottom: 1px solid #D32F2F; /* нижняя линия, как у профи */
	margin-top: 5px; /* Отступ сверху */
    width: max-content;
    font-size: 15px;
}



/* Слово PROFI вне ссылки */
.user-profile-status .profi {
    font-weight: bold;
    background-color: #eae5ff; /* светлый фон, чтобы выделялось */
    color: #7f4ee8;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 5px;
    font-size: 15px;
}


.user-name-autor .profi-badge {
    display: inline-block;
    background-color: #eae5ff;
    color: #7f4ee8;
    font-weight: bold;
    font-size: 13px;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 8px;
    vertical-align: middle;
}

.user-phone {
    font-weight: bold;
}

p.user-phone {
    margin-top: 12px;
}

p.user-phone a {
    color: #444;
}

.user-phone .rtcl-icon-whatsapp::before {
    content: "\f232";
    font-size: 18px;
	color: #25d366;
}


.user-phone {
    margin-top: 8px;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px; /* Расстояние между контактами */
}

/* Ссылки на телефон и WhatsApp */
.user-phone a {
    color: #333;               /* Цвет текста */
    text-decoration: none;
    transition: color 0.3s;
}

.user-phone a:hover {
    color: #0a84ff;            /* Синий при наведении */
}

/* Иконки контактов */
.user-phone .rtcl-icon {
    font-size: 16px;
    margin-right: 4px;
    vertical-align: middle;
}

/* Специально для WhatsApp */
.user-phone .rtcl-icon-whatsapp::before {
    content: "\f232";          /* Иконка WhatsApp */
    font-size: 18px;
    color: #25d366;            /* Зеленый WhatsApp */
}


/* Контейнер для кнопок */
.responded-user .user-buttons {
    margin-top: 14px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
	margin-left: 8px;
}

.go-to-profile-btn {
background-color: #23478e;
  color: #ffffff;
  padding: 2px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.go-to-profile-btn:hover {
    background-color: #183275;
    color: #fff;
}


/* Кнопка "Добавить отзыв" */
.add-review-btn {
    background-color: #7fcf6b;     /* спокойный зелёный */
    color: #ffffff;
    padding: 2px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.add-review-btn:hover {
    background-color: #6bbc5a; /* Темнее при наведении */
}




/* Ссылка на профи анкету */
.profile-status.has-profile a.user-profile-link {
text-decoration: none;
  border-bottom: 1px solid #23478e;
  color: #23478e !important;
  margin-top: 5px;
  transition: color 0.3s;
  font-size: 12px;

}

.profile-status.has-profile a.user-profile-link:hover {
    color: #5c36b3;               /* чуть темнее при наведении */
}



/* Профиля нет — мягкий красный на светлом фоне */
.profile-status.no-profile a.user-profile-link {
    text-decoration: none;       /* убрать стандартное подчеркивание */
    color: #D32F2F !important;             /* мягкий красный */
    text-decoration: none;       /* убрать стандартное подчеркивание */
    border-bottom: 1px solid #D32F2F; /* нижняя линия, как у профи */
	    margin-top: 5px; /* Отступ сверху */
    transition: color 0.3s;
   font-size: 12px;
}

.profile-status.no-profile a.user-profile-link:hover {
    color: #B71C1C; /* чуть темнее при наведении */
}
 


/* Стили для кнопки отклика */
#respond-btn {
  padding: 7px 16px;
     background:#fff33a;
  color: #3b4151;
  border: none;
  cursor: pointer;
  margin: 0 auto;
  border-radius: 8px;
  width: 165px;
  font-size: 15px;
  font-weight: bold;
      border:solid 1px;
}

#respond-btn:hover {
   background:#f4dc12; /* чуть темнее */
}

#respond-btn {
    position: relative;
    overflow: hidden;
}

#respond-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    z-index: 2;
    transform: skewX(25deg);
    transition: all .3s linear;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.3) 100%
    );
}

#respond-btn:hover::after {
    left: 60%;
    transition: all 1050ms cubic-bezier(0.19, 1, 0.22, 1);
}





#respond-btn:disabled {
    background-color: #D3D3D3;
	  color: white;
}


.respond-btn-icon {
  width: 17px;
}

/* Стили для отображения откликнувшихся пользователей */
.responded-user {
    margin-bottom: 0px;
	margin-top: 0px;
    padding: 15px 25px 15px 25px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #c7d8ff;
}


.worker-listing-details {
  margin-top: 15px;
  padding-bottom: 20px;
}
 
 .worker-listing-details h3 {
  margin-bottom: 0px;
}

.worker-listing-counter {
  margin-top: 25px;
}
 
 .worker-listing-counter h3 {
  margin-bottom: 0px;
}

/* Основной контейнер */
.respond-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

/* Текстовый блок */
.respond-text {
  flex: 1;
  font-size: 15px;

}

/* Блок кнопки */
.respond-btn-wrapper {
    flex-shrink: 0;
}


/* Стили для имени и фамилии пользователя */
.user-info {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.user-details {
    display: block;
}

.responded-user-name {
    font-size: 1em; /* Увеличиваем размер шрифта */
    font-weight: bold; /* Жирный шрифт */
    margin: 0; /* Убираем отступы */
    color: #333; /* Темный цвет текста */
    font-family: Roboto, sans-serif;
}

p.responded-user-name {
    margin-bottom: 0px;
}

.profile-status {
    margin: 5px 0 0;
    color: #666;
}


.user-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
}


.response-a-link {
  color: #507BD0;
  font-weight: 500;
  font-size: 13px; 
}



.modal-body .worker-listing-counter {
  padding-top: 0px;
  margin-top: 2px;
}

.modal-body .worker-listing-counter  .responded-user {
  padding: 15px 25px 15px 25px;
  margin: 15px 0px 15px 0px;
  border-radius: 6px;
  border: solid #23478e 1px;
}


.modal-body  .worker-listing-counter p.user-phone {
  font-size: 14px; 
}

.modal-body  .worker-listing-counter .responded-user-name {
  font-size: 14px;
} 

.modal-body  .worker-listing-counter .profile-status.no-profile, .profile-status.has-profile {
  font-size: 12px;
}

.modal-body .worker-listing-counter #response-count {
color: #1b1f2a;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 12px 5px;
  background-color: #e5e7eb;
  text-align: center;
  border-radius: 6px;
  letter-spacing: .2px;
  border: 1px solid #d1d5db;
}

.rtcl-MyAccount-wrap .rtcl-MyAccount-content .rtcl-my-listing-table .responded-user-name a {
    color: #0a84ff;
}

.rtcl-MyAccount-wrap .rtcl-MyAccount-content .rtcl-my-listing-table .responded-user-name a:hover {
    color:#3399FF;
}

.rtcl .rtcl-related-listing .rtcl-related-title {
  line-height: 1;
  padding: 8px 15px 1px 15px;
    background-color: rgb(226, 255, 212);
	border-radius: 8px;
}

.rtcl-related-title h3 {
  font-weight: 500;
  font-size: 22px;
}


.rtcl .rtcl-related-listing {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 20px #f0f0f0;
  padding: 25px;
}

/* .rtcl .rtcl-related-listing .rtcl-related-listings {
  padding: 0 15px 15px;
} */


.respond-text.owner-warning {
  color: #B75858;
  font-weight: 500;
  margin-top: 10px;
}


.respond-text.sold-warning{
  color: #D32F2F;
  font-weight: 500;
  margin-top: 10px;
}

/* .user-details p {
  margin-bottom: 7px;
}
 */


/* Мобильная версия */
@media (max-width: 768px) {
    .respond-wrapper {
        flex-direction: column;
    }
    .respond-btn-wrapper {
        margin-top: 4px;
    }
	
	.respond-text {
text-align: center;
}



    .responded-user .user-buttons {
        justify-content: center; /* Центрируем кнопки */
        gap: 6px;               /* Расстояние между кнопками */
    }
	
	
	    .user-phone {
        justify-content: center; /* Центрируем контакты */
        margin-bottom: 15px;     /* Дополнительный отступ снизу */
		    gap: 6px; /* Расстояние между контактами */
    }
	
	
	     .autor-profile-status .user-profile-status {
        text-align: center;
    }

    .autor-profile-status .go-to-profile-btn {
        display: block;
        margin: 10px auto 0; /* центр + отступ сверху */
    }


.rtcl .rtcl-related-listing {
  padding: 18px;
}


.rtcl-users-listings {
  padding: 20px 10px;
}



}
 
 

.verified-seller-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;

    margin-top:4px;
    margin-bottom:8px;

    font-size:13px;

    color:#48c636;
}

.verified-seller-icon{
    width:18px;
    height:18px;

    flex-shrink:0;
}

.responded-user-offer strong {
padding: 7px 10px;
  color: #0d1010;
  border-radius: 6px;
  margin-left: 5px;
  
  background-color: #eef4ff;
  border: 1px solid #c7d8ff;

}