/* public/reviews/reviews.css
Единый CSS для виджета отзывов товаров, услуг и будущих сущностей.
Старые классы product-/service- оставлены как совместимые алиасы для уже сохранённых страниц. */

.entity-reviews, .product-reviews, .service-reviews {
max-width: 1182px;
margin: 18px auto;
padding: 20px;
border-radius: 10px;
background: hsl(222 9% 15% / 1);
box-sizing: border-box;
}

.entity-reviews__title, .product-reviews__title, .service-reviews__title {
margin: 0 0 12px;
font-size: 17px;
line-height: 1.2;
font-weight: 400;
color: hsl(222 21% 63% / 1);
}

.entity-reviews__count, .product-reviews__count, .service-reviews__count {
font-weight: 600;
color: #dae6ff;
}

.entity-reviews__auth-hint, .product-reviews__auth-hint, .service-reviews__auth-hint {
margin: 0 0 10px;
color: #667085;
}

.entity-reviews__form, .product-reviews__form, .service-reviews__form {
display: grid;
gap: 10px;
}

.entity-reviews__textarea, .product-reviews__textarea, .service-reviews__textarea {
width: 100%;
min-height: 110px;
box-sizing: border-box;
border: 0px solid #0000001f;
border-radius: 9px;
background: #ffffff14;
padding: 12px;
resize: vertical;
outline: 0;
font: inherit;
color: white;
}

.entity-reviews__textarea:focus, .product-reviews__textarea:focus, .service-reviews__textarea:focus {
border-color: #10182857;
}

.entity-reviews__attachments, .product-reviews__attachments, .service-reviews__attachments {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0px;
flex-wrap: wrap;
}

.entity-reviews__file-input, .product-reviews__file-input, .service-reviews__file-input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden;
}

.entity-reviews__file-label, .product-reviews__file-label, .service-reviews__file-label, .entity-reviews__btn, .product-reviews__btn, .service-reviews__btn {
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 999px;
padding: 11px 25px;
background: #ffffff1c;
color: #ffffff;
font-weight: 500;
cursor: pointer;
text-decoration: none;
box-sizing: border-box;
}

.entity-reviews__file-label, .product-reviews__file-label, .service-reviews__file-label {   
width: 46px;
padding: 10px;
background: none;
}

.entity-reviews__file-label img, .product-reviews__file-label img, .service-reviews__file-label img {
width: 20px;
height: 20px;
display: block;
filter: invert(0.5);
}

.entity-reviews__file-label:hover, .product-reviews__file-label:hover, .service-reviews__file-label:hover, .entity-reviews__btn:hover, .product-reviews__btn:hover, .service-reviews__btn:hover {
background: #606671;
}

.entity-reviews__previews, .product-reviews__previews, .service-reviews__previews {
display: flex;
gap: 8px;
flex-wrap: wrap;
}

.entity-reviews__preview-img, .product-reviews__preview-img, .service-reviews__preview-img {
width: 74px;
height: 74px;
object-fit: cover;
border-radius: 14px;
border: 1px solid rgba(0, 0, 0, .08);
}

.entity-reviews__form-actions, .product-reviews__form-actions, .service-reviews__form-actions {
min-height: 0px;
}

.entity-reviews__status, .product-reviews__status, .service-reviews__status {
color: #ffffff;
font-size: 15px;
background: #ff978f;
}

.entity-reviews__list, .product-reviews__list, .service-reviews__list {
display: grid;
gap: 12px;
margin-top: 16px;
}

.entity-reviews__empty, .product-reviews__empty, .service-reviews__empty, .entity-reviews__error, .product-reviews__error, .service-reviews__error {
margin: 0;
color: #667085;
}

.entity-review-card, .product-review-card, .service-review-card {
border-radius: 20px;
font-size: 14px;
box-sizing: border-box;
}

.entity-review-card__header, .product-review-card__header, .service-review-card__header {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
margin: 0;
}

.entity-review-card__author, .product-review-card__author, .service-review-card__author {
font-weight: 600;
color: #ffffff;
font-size: 16px;
}

.entity-review-card__edit-btn, .product-review-card__edit-btn, .service-review-card__edit-btn, .entity-review-card__delete-btn, .product-review-card__delete-btn, .service-review-card__delete-btn, .entity-review-card__vote-btn, .product-review-card__vote-btn, .service-review-card__vote-btn {
border: 0;
border-radius: 7px;
padding: 3px 9px;
background: #3d4045;
color: #a3a3a3;
cursor: pointer;
font-size: 13px;
}

.entity-review-card__delete-btn, .product-review-card__delete-btn, .service-review-card__delete-btn {
background: #d74c41;
color: #ffc6c6;
}

.entity-review-card__body, .product-review-card__body, .service-review-card__body {
display: grid;
gap: 10px;
}

.entity-review-card__text, .product-review-card__text, .service-review-card__text {
white-space: pre-wrap;
line-height: 1.5;
padding: 0 0 0 45px;
margin: -7px 0 0px 0;
color: white;
}

.entity-review-card__images, .product-review-card__images, .service-review-card__images {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin: 0 0 10px 40px;
}

.entity-review-card__image-wrapper, .product-review-card__image-wrapper, .service-review-card__image-wrapper {
position: relative;
}

.entity-review-card__image-toggle, .product-review-card__image-toggle, .service-review-card__image-toggle {
position: absolute;
opacity: 0;
pointer-events: none;
}

.entity-review-card__image-thumb, .product-review-card__image-thumb, .service-review-card__image-thumb {
display: block;
cursor: pointer;
}

.entity-review-card__image-thumb-img, .product-review-card__image-thumb-img, .service-review-card__image-thumb-img {
width: 84px;
height: 84px;
object-fit: cover;
display: block;
border-radius: 14px;
border: 1px solid rgba(0, 0, 0, .08);
}

.entity-review-card__image-overlay, .product-review-card__image-overlay, .service-review-card__image-overlay {
display: none;
position: fixed;
inset: 0;
z-index: 9999;
align-items: center;
justify-content: center;
padding: 20px;
background: rgba(15, 23, 42, .72);
cursor: pointer;
}

.entity-review-card__image-toggle:checked ~ .entity-review-card__image-overlay, .product-review-card__image-toggle:checked ~ .product-review-card__image-overlay, .service-review-card__image-toggle:checked ~ .service-review-card__image-overlay {
display: flex;
}

.entity-review-card__image-overlay-img, .product-review-card__image-overlay-img, .service-review-card__image-overlay-img {
max-width: min(96vw, 900px);
max-height: 90vh;
border-radius: 18px;
box-shadow: 0 16px 40px rgba(0, 0, 0, .35);
}

.entity-review-card__footer, .product-review-card__footer, .service-review-card__footer {
margin-top: 10px;
}

.entity-review-card__votes, .product-review-card__votes, .service-review-card__votes {
display: flex;
gap: 8px;
align-items: center;
}

.entity-review-card__vote-btn, .product-review-card__vote-btn, .service-review-card__vote-btn {
display: inline-flex;
align-items: center;
gap: 5px;
}

.entity-review-card__vote-btn.is-active, .product-review-card__vote-btn.is-active, .service-review-card__vote-btn.is-active {
background: hsl(222 37% 53% / 1);
color: #ffffff;
}

.entity-review-card__vote-icon, .product-review-card__vote-icon, .service-review-card__vote-icon {
max-width: 14px;
max-height: 25px;
display: block;
filter: invert(1);
padding: 3px 1px;
}

/* Аватар и дата публикации отзыва */
.entity-review-card__avatar, .product-review-card__avatar, .service-review-card__avatar {
width: 38px;
height: 38px;
flex: 0 0 38px;
border-radius: 999px;
object-fit: cover;
background: #e4e7ec;
}

.entity-review-card__meta, .product-review-card__meta, .service-review-card__meta {
display: flex;
flex-direction: row;
gap: 8px;
min-width: 0;
margin-right: auto;
align-items: flex-end;
}

.entity-review-card__date, .product-review-card__date, .service-review-card__date {
font-size: 12px;
line-height: 1.2;
color: #667085;
}

@media (max-width: 720px) {
.entity-reviews,
.product-reviews, .service-reviews {
margin: 14px 10px;
padding: 14px;
border-radius: 14px;
}

.entity-reviews__title, .product-reviews__title, .service-reviews__title {
font-size: 21px;
}
}