/**
 * ABeedesign Product Reviews - stilovi bloka recenzija.
 * Boje preuzete iz Silverauto palete (Elementor global colors).
 */

.abd-pr {
	--abd-pr-green: #9AC700;
	--abd-pr-green-dark: #7FA800;
	--abd-pr-ink: #141414;
	--abd-pr-muted: #7A7A7A;
	--abd-pr-border: #E4E4E4;
	--abd-pr-soft: #F7F8F5;
	--abd-pr-star-empty: #D8D8D8;

	padding-top: 30px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--abd-pr-ink);
}

.abd-pr *, .abd-pr *::before, .abd-pr *::after { box-sizing: border-box; }

/* ---------- Sazetak ocena ---------- */

.abd-pr-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 32px;
	padding: 22px 26px;
	margin: 0 0 26px;
	background: var(--abd-pr-soft);
	border: 1px solid var(--abd-pr-border);
	border-radius: 12px;
}

.abd-pr-summary__score {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	min-width: 120px;
}

.abd-pr-summary__num {
	font-size: 44px;
	font-weight: 700;
	line-height: 1;
	color: var(--abd-pr-ink);
}

.abd-pr-summary__count {
	font-size: 13px;
	color: var(--abd-pr-muted);
}

.abd-pr-summary__bars {
	flex: 1 1 260px;
	display: grid;
	gap: 5px;
	min-width: 220px;
}

.abd-pr-bar {
	display: grid;
	grid-template-columns: 14px 1fr 26px;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	color: var(--abd-pr-muted);
}

.abd-pr-bar__track {
	height: 7px;
	border-radius: 4px;
	background: #E8E8E8;
	overflow: hidden;
}

.abd-pr-bar__fill {
	display: block;
	height: 100%;
	border-radius: 4px;
	background: var(--abd-pr-green);
}

.abd-pr-bar__n { text-align: right; }

/* Zvezdice u sazetku - nezavisne od WooCommerce fonta. */

.abd-pr-stars {
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 1;
	letter-spacing: 3px;
	color: var(--abd-pr-star-empty);
	white-space: nowrap;
}

.abd-pr-stars::before { content: "\2605\2605\2605\2605\2605"; }

.abd-pr-stars__fill {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: var(--abd-pr-green);
	white-space: nowrap;
}

.abd-pr-stars__fill::before { content: "\2605\2605\2605\2605\2605"; }

/* ---------- Lista recenzija ---------- */

.abd-pr .commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 14px;
}

.abd-pr .commentlist li.review {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

.abd-pr .comment_container {
	display: block;
	position: relative;
	padding: 18px 22px;
	background: #fff;
	border: 1px solid var(--abd-pr-border);
	border-radius: 12px;
	transition: box-shadow .18s ease, border-color .18s ease;
}

.abd-pr .comment_container:hover {
	border-color: #CFCFCF;
	box-shadow: 0 3px 14px rgba(0, 0, 0, .06);
}

/* Prazan Gravatar placeholder samo pravi buku - sklanjamo ga. */
.abd-pr .comment_container > img.avatar { display: none; }

.abd-pr .comment-text {
	margin: 0;
	padding: 0;
	border: none;
}

.abd-pr .comment-text .meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 8px;
	font-size: 13px;
	color: var(--abd-pr-muted);
}

.abd-pr .woocommerce-review__author {
	font-size: 15px;
	font-weight: 700;
	color: var(--abd-pr-ink);
}

.abd-pr .woocommerce-review__dash { display: none; }

.abd-pr .woocommerce-review__published-date { color: var(--abd-pr-muted); }

.abd-pr .woocommerce-review__verified {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 9px;
	border-radius: 999px;
	background: rgba(154, 199, 0, .16);
	color: var(--abd-pr-green-dark);
	font-size: 11px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .3px;
}

.abd-pr .comment-text .description {
	margin: 6px 0 0;
	color: #333;
}

.abd-pr .comment-text .description p:last-child { margin-bottom: 0; }

/* WooCommerce zvezdice u kartici. */
.abd-pr .comment-text .star-rating {
	float: none;
	margin: 0 0 6px;
	font-size: 13px;
	color: var(--abd-pr-green);
}

/* ---------- Forma ---------- */

.abd-pr #review_form_wrapper {
	margin-top: 26px;
}

.abd-pr #respond {
	padding: 24px 26px;
	background: var(--abd-pr-soft);
	border: 1px solid var(--abd-pr-border);
	border-radius: 12px;
}

.abd-pr #reply-title {
	display: block;
	margin: 0 0 4px;
	font-size: 18px;
	font-weight: 700;
	color: var(--abd-pr-ink);
}

.abd-pr .comment-notes,
.abd-pr .comment-form-cookies-consent label {
	font-size: 12.5px;
	color: var(--abd-pr-muted);
}

.abd-pr .comment-notes { margin: 0 0 16px; }

.abd-pr #respond label {
	display: block;
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--abd-pr-ink);
}

.abd-pr #respond input[type="text"],
.abd-pr #respond input[type="email"],
.abd-pr #respond textarea {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid #D9D9D9;
	border-radius: 8px;
	background: #fff;
	font: inherit;
	font-size: 14px;
	color: var(--abd-pr-ink);
	transition: border-color .15s ease, box-shadow .15s ease;
}

.abd-pr #respond input[type="text"]:focus,
.abd-pr #respond input[type="email"]:focus,
.abd-pr #respond textarea:focus {
	outline: none;
	border-color: var(--abd-pr-green);
	box-shadow: 0 0 0 3px rgba(154, 199, 0, .18);
}

.abd-pr #respond textarea { min-height: 120px; resize: vertical; }

.abd-pr .comment-form-author,
.abd-pr .comment-form-email,
.abd-pr .comment-form-comment,
.abd-pr .comment-form-rating { margin: 0 0 16px; }

.abd-pr .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0 0 18px;
}

.abd-pr .comment-form-cookies-consent input { margin-top: 3px; }
.abd-pr .comment-form-cookies-consent label { margin: 0; font-weight: 400; }

/* Interaktivne zvezdice u formi. */
.abd-pr .comment-form-rating .stars a { color: var(--abd-pr-green); }
.abd-pr .comment-form-rating .stars.selected a.active ~ a { color: var(--abd-pr-star-empty); }

.abd-pr #respond .form-submit { margin: 0; }

.abd-pr #respond input#submit {
	display: inline-block;
	padding: 12px 30px;
	border: none;
	border-radius: 8px;
	background: var(--abd-pr-green);
	color: #14210A;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .2px;
	cursor: pointer;
	transition: background .15s ease, transform .12s ease;
}

.abd-pr #respond input#submit:hover {
	background: var(--abd-pr-green-dark);
	color: #fff;
}

.abd-pr #respond input#submit:active { transform: translateY(1px); }

/* Poruka kada nema recenzija - dolazi iz forme. */
.abd-pr .woocommerce-verification-required {
	margin: 0;
	padding: 14px 18px;
	background: var(--abd-pr-soft);
	border: 1px solid var(--abd-pr-border);
	border-radius: 10px;
	color: var(--abd-pr-muted);
	font-size: 14px;
}

/* ---------- Mobilni ---------- */

@media (max-width: 600px) {
	.abd-pr-summary {
		gap: 18px;
		padding: 18px;
	}

	.abd-pr-summary__score {
		flex-direction: row;
		align-items: baseline;
		gap: 10px;
		min-width: 0;
	}

	.abd-pr-summary__num { font-size: 32px; }
	.abd-pr-summary__bars { flex-basis: 100%; }
	.abd-pr .comment_container { padding: 16px 18px; }
	.abd-pr #respond { padding: 18px; }
}

/* === Ponistavanje WooCommerce okvira komentara ===
 * WooCommerce core crta svoj okvir oko .comment-text i uvlaci ga za 50px zbog
 * avatara (koji je ovde sakriven), pa se dobijao box u boxu. Njegovo pravilo
 * (.woocommerce #reviews #comments ol.commentlist li .comment-text) ima visoku
 * specificnost, otud isti oblik selektora i !important. Ostaje samo kartica
 * .comment_container, u punoj sirini. */

.abd-pr #reviews #comments ol.commentlist li .comment-text,
.abd-pr #comments ol.commentlist li .comment-text {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

.abd-pr #reviews #comments ol.commentlist li,
.abd-pr #comments ol.commentlist li {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
}

.abd-pr #reviews #comments ol.commentlist li img.avatar,
.abd-pr #comments ol.commentlist li img.avatar {
	display: none !important;
}
/* === Ocena ispod naslova === */

.abd-rate {
	--abd-rate-star: #9AC700;
	--abd-rate-empty: #D8D8D8;
	display: flex;
	align-items: center;
	gap: 9px;
	flex-wrap: wrap;
	margin: 0 0 4px;
	font-size: 14px;
	line-height: 1.4;
}

.abd-rate__stars {
	position: relative;
	display: inline-block;
	flex-shrink: 0;
	font-size: 17px;
	line-height: 1;
	letter-spacing: 2px;
	color: var(--abd-rate-empty);
	white-space: nowrap;
}

.abd-rate__stars::before { content: "\2605\2605\2605\2605\2605"; }

.abd-rate__fill {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: var(--abd-rate-star);
	white-space: nowrap;
	pointer-events: none;
}

.abd-rate__fill::before { content: "\2605\2605\2605\2605\2605"; }

.abd-rate__num {
	font-weight: 700;
	color: #2E2E2E;
	font-variant-numeric: tabular-nums;
}

.abd-rate__link {
	/* Tekstualni link, ne dugme - tema stilizuje button elemente okvirom. */
	display: inline;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	font-family: inherit;
	font-size: 12.5px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
	color: #6B7280;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
	transition: color .15s ease;
}

.abd-rate__link:hover { color: #7FA800; }

.abd-rate__link:focus-visible {
	outline: 2px solid rgba(154, 199, 0, .5);
	outline-offset: 3px;
	border-radius: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.abd-rate__link { transition: none; }
}

/* === Submit dugme ===
 * Preuzima stil "Dodaj u korpu" dugmeta: Barlow 700 uppercase, tamnosivi tekst
 * na Silverauto zelenoj, hover belo na tegetu.
 *
 * Boje idu kroz Elementor globalne promenljive (fe7c156 = Silverauto zelena,
 * d095a15 = siva tamno, fd56b97 = teget, b8a7fe6 = bela) sa hex fallbackom,
 * pa dugme prati paletu ako se ona promeni u Elementoru.
 *
 * Specificnost i !important su namerni: WooCommerce (#respond input#submit) i
 * tema ciljaju isti element, a ovaj fajl se u LiteSpeed bundle-u ucitava rano.
 */

.abd-pr #respond .form-submit input#submit,
.abd-pr #respond .form-submit input[type="submit"],
.abd-pr #respond .form-submit button[type="submit"] {
	display: inline-block;
	width: auto;
	max-width: 350px;
	padding: 16px 38px !important;
	border: none !important;
	border-radius: 4px !important;
	background: var(--e-global-color-fe7c156, #C6FF00) !important;
	background-image: none !important;
	color: var(--e-global-color-d095a15, #2E2E2E) !important;
	font-family: "Barlow", var(--e-global-typography-primary-font-family, sans-serif);
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .01em;
	text-transform: uppercase;
	text-shadow: none;
	box-shadow: none;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, transform .1s ease;
}

.abd-pr #respond .form-submit input#submit:hover,
.abd-pr #respond .form-submit input[type="submit"]:hover,
.abd-pr #respond .form-submit button[type="submit"]:hover {
	background: var(--e-global-color-fd56b97, #19476B) !important;
	color: var(--e-global-color-b8a7fe6, #FFFFFF) !important;
}

.abd-pr #respond .form-submit input#submit:focus-visible,
.abd-pr #respond .form-submit input[type="submit"]:focus-visible,
.abd-pr #respond .form-submit button[type="submit"]:focus-visible {
	outline: 3px solid rgba(25, 71, 107, .45);
	outline-offset: 2px;
}

.abd-pr #respond .form-submit input#submit:active,
.abd-pr #respond .form-submit input[type="submit"]:active,
.abd-pr #respond .form-submit button[type="submit"]:active {
	transform: translateY(1px);
}

.abd-pr #respond .form-submit {
	margin: 6px 0 0 !important;
}

@media (max-width: 767px) {
	.abd-pr #respond .form-submit input#submit,
	.abd-pr #respond .form-submit input[type="submit"],
	.abd-pr #respond .form-submit button[type="submit"] {
		font-size: 16px;
		padding: 14px 30px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.abd-pr #respond .form-submit input#submit,
	.abd-pr #respond .form-submit input[type="submit"],
	.abd-pr #respond .form-submit button[type="submit"] {
		transition: none;
	}
}

.abd-pr #respond .comment-form-cookies-consent label {
	line-height: 1.45;
}