.urartu-testimonial-block {
	position: relative;
}

.urartu-testimonial-block .slick-slide {
	opacity: 1 !important;
}

/*
 * The arrows are the theme's, not this widget's.
 *
 * What used to be here made them 45px wide and full-height, with a transparent
 * background forced by !important, hidden at opacity 0 until the block was
 * hovered, sliding in from -35px to -25px, and drew the glyph as Font Awesome
 * codepoints. Three things went wrong at once: the disc the theme draws was
 * cancelled by the !important background; the full-height strip covered a
 * third of the first and last testimonial; and the codepoints render as
 * nothing wherever that icon font is not served, which is everywhere in this
 * theme, because it draws its icons from masks.
 *
 * The widget now says only where they sit, which is the one thing that
 * genuinely belongs to this block. Size, disc and chevron come from the
 * theme's slider rules. They are also visible without hovering: a control that
 * appears only on hover is a control a touch screen cannot find.
 */

.urartu-testimonial-block .slick-next {
	right: -8px;
	z-index: 10;
}

.urartu-testimonial-block .slick-prev {
	left: -8px;
	z-index: 10;
}

@media (max-width: 1100px) {

	.urartu-testimonial-block .slick-next { right: 0; }
	.urartu-testimonial-block .slick-prev { left: 0; }
}

.urartu-testimonial-rating {
	font-size: 12px;
}


/* Rating star icons (Font Awesome)
 *
 * The colour is a token rather than a control default. Gold is right for a shop
 * and wrong for everything else, and a default written into the widget is
 * printed on a page-id selector that no stylesheet can outrank — so a landing
 * page in sand and charcoal had five yellow stars in the middle of it and no
 * way to say otherwise. The fallback is the gold, so a shop that sets nothing
 * is unchanged. */
.urartu-rating-star {
	font-size: 24px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	color: var(--u-star, #E8B325);
}

.urartu-rating-star.fa-regular {
	color: var(--u-star-empty, color-mix(in srgb, currentColor 22%, transparent));
}

.urartu-testimonial-wrapper {
	overflow: hidden;
}

.urartu-testimonial-item {
	padding: 10px;
}

.urartu-testimonial-content {
	height: 100%;
	transition: all 0.3s ease;
}

/* Text alignment */
.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

/* Style 1 specific styles */
.style1 .image-center {
	display: flex;
	justify-content: center;
}

.style1 .urartu-testimonial-image {
	margin-bottom: 15px;
}

.style1 .urartu_share_links_item {
	display: inline-block;
	object-fit: cover;
}

.style1 .urartu-testimonial-rating {
	margin: 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Style 2 specific styles - все элементы слева */
.urartu-testimonial-content.style2 {
	background-color: var(--u-surface, #fff);
	padding: 30px;
	border-radius: var(--u-media-radius, 12px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.urartu-material-rating {
	margin-bottom: 24px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

/* The token again, at the specificity this block needs. A brass hex written
   here beat the rule above it and gave every style-2 quotation the same metal
   stars whatever palette the site was on. */
.urartu-material-rating .urartu-rating-star {
	color: var(--u-star, #E8B325);
}

.urartu-material-rating .urartu-rating-star.fa-regular {
	color: var(--u-star-empty, color-mix(in srgb, currentColor 22%, transparent));
}

.style2 .testimonial-text {
	margin-bottom: 24px;
	line-height: 1.6;
}

.urartu-author-info {
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: flex-start;
	margin-top: 32px;
}

.urartu-avatar {
	flex-shrink: 0;
}

.urartu-avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 15px !important;
}

.urartu-avatar-placeholder {
	width: 100%;
	height: 100%;
}

.urartu-author-details {
	text-align: left;
}

.style2 .testimonial-title {
	margin: 0 0 4px 0;
	font-weight: bold;
}

.style2 .testimonial-subtitle {
	margin: 0;
	font-size: 0.75rem;
	/* Muted ink, not opacity: 70% of the ink on a white card measured 4.11:1 on
	   the launch demo. The token is worked out per palette to hold 4.5. */
	color: var(--u-muted-fg, rgba(36, 31, 28, .62));
}

/* Common styles */
.urartu-testimonial-content .testimonial-title {
	margin: 10px 0 0;
	font-weight: bold;
}

.urartu-testimonial-content .testimonial-subtitle {
	margin: 5px 0;
	font-size: 0.85em;
}

.urartu-testimonial-content .testimonial-text {
	margin: 10px 0 0;
	line-height: 1.6;
}