/**
 * [reviews_carousel] — відгуки покупців (woocommerce/reviews-carousel).
 * Заголовок h2 бере шрифт заголовків Kit; решту налаштовують змінні нижче.
 */
.reviews-carousel{
	--rc-gap:        20px;
	--rc-per-view:   3;                                     /* ← ПРОЄКТ карток у ряд на комп'ютері */
	--rc-card-bg:    #fff;
	--rc-card-pad:   20px;
	--rc-radius:     var(--theme-radius, 12px);
	--rc-text:       var(--theme-text, #524B5B);
	--rc-muted:      var(--theme-text-muted, #9B93A3);
	--rc-accent:     var(--theme-accent, #8D69A0);
	--rc-star:       #F4C430;                               /* ← ПРОЄКТ колір зірок (як на сторінці товару) */
	--rc-star-off:   #E4DDE8;
	--rc-avatar:     32px;
	--rc-avatar-bg:  var(--theme-accent-soft, #F1EDF3);
	--rc-lines:      6;                                     /* ← ПРОЄКТ скільки рядків тексту видно */
	/* стрілки — як у каруселях товарів Elementor (Navigation → Arrows) */
	--rc-arrow-bg:     var(--e-global-color-709cba7, #fff);
	--rc-arrow-color:  var(--theme-accent, #8D69A0);
	--rc-arrow-border: #F1EDF3;
	--rc-arrow-shadow: 0 4px 16px 0 rgba(0,0,0,.03);
	--rc-arrow-radius: 12px;
	--rc-arrow-pad:    8px;
	--rc-arrow-icon:   25px;
	--rc-arrow-gap:    12px;
	--rc-arrow-hover:  var(--e-global-color-primary, #8D69A0); /* фон під курсором; іконка — біла */
	color:var(--rc-text);
}
@media (max-width:1024px){.reviews-carousel{--rc-per-view:2}}
@media (max-width:767px){.reviews-carousel{--rc-per-view:1.15;--rc-gap:12px}}

.reviews-carousel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}
.reviews-carousel__title{margin:0}
.reviews-carousel__nav{display:flex;gap:var(--rc-arrow-gap);margin-left:auto}
.reviews-carousel__arrow{
	display:inline-flex;align-items:center;justify-content:center;box-sizing:content-box;
	width:var(--rc-arrow-icon);height:var(--rc-arrow-icon);padding:var(--rc-arrow-pad) !important;
	border:1px solid var(--rc-arrow-border) !important;border-radius:var(--rc-arrow-radius) !important;
	background:var(--rc-arrow-bg) !important;color:var(--rc-arrow-color) !important;
	box-shadow:var(--rc-arrow-shadow);cursor:pointer;transition:background-color .25s,color .25s,opacity .25s;
}
.reviews-carousel__arrow:hover:not(:disabled),
.reviews-carousel__arrow:focus-visible{background:var(--rc-arrow-hover) !important;color:#fff !important}
.reviews-carousel__arrow svg{width:var(--rc-arrow-icon);height:var(--rc-arrow-icon);display:block}
.reviews-carousel__arrow--next svg{transform:scaleX(-1)}
.reviews-carousel__arrow:disabled{opacity:.4;cursor:default}
.reviews-carousel.is-static .reviews-carousel__nav{display:none}

/* Віджет Shortcode у колонці контейнера з переносом (flex-wrap) береться за шириною вмісту,
   і висота рахується для вузької стрічки — блок стає високим з порожнечею. Розтягуємо на всю ширину. */
.elementor-widget:has(.reviews-carousel){width:100%}

.reviews-carousel__track{
	display:grid;grid-auto-flow:column;gap:var(--rc-gap);
	grid-auto-columns:calc((100% - (var(--rc-per-view) - 1) * var(--rc-gap)) / var(--rc-per-view));
	overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;
	scrollbar-width:none;outline:none;
}
.reviews-carousel__track::-webkit-scrollbar{display:none}
.reviews-carousel__track:focus-visible{outline:2px solid var(--rc-accent);outline-offset:4px}

.review-card{
	scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;min-width:0;
	padding:var(--rc-card-pad);background:var(--rc-card-bg);border-radius:var(--rc-radius);
}
.review-card__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:6px 12px}
.review-card__avatar{
	flex:none;display:inline-flex;align-items:center;justify-content:center;
	width:var(--rc-avatar);height:var(--rc-avatar);border-radius:50%;
	background:var(--rc-avatar-bg);color:var(--rc-accent);font-size:12px;font-weight:600;line-height:1;
}
.review-card__who{display:flex;flex-direction:column;gap:2px;min-width:0}
.review-card__name{font-size:13px;font-weight:600;line-height:1.3;overflow-wrap:break-word}
.review-card__date{font-size:11px;color:var(--rc-muted)}
.review-card__stars{display:inline-flex;gap:3px;line-height:0;padding-top:2px}
/* телефон (вузька картка): зірки — під ім'ям, а не поруч.
   Не container query: контейнер на елементі grid-стрічки ламає висоту віджета в Chrome. */
@media (max-width:767px){
	.review-card__head{grid-template-columns:auto minmax(0,1fr)}
	.review-card__stars{grid-column:2;padding-top:0}
}
.review-card__star svg{width:14px;height:14px;display:block;fill:var(--rc-star-off)}
.review-card__star.is-on svg{fill:var(--rc-star)}
.review-card__text{
	margin:0;font-size:14px;line-height:1.55;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--rc-lines);overflow:hidden;
}
.review-card__product{margin:auto 0 0;font-size:12px;color:var(--rc-muted)}
.review-card__product a{color:var(--rc-accent);text-decoration:none}
.review-card__product a:hover{text-decoration:underline}