/* Opinie produktu - tab WooCommerce */
.woocommerce-product-rating{
    display: none;
}

@media (min-width: 1280px){
	.custom_description_tab{
		margin-right: 270px !important;
}
}



#reviews.woocommerce-Reviews {
	--opinions-border: rgba(255, 255, 255, 1);
	--opinions-text: #ffffff;
	--opinions-title: #ffffff;
	--opinions-muted: #90a9c2;
	--opinions-star: #00b7d9;
	--opinions-star-empty: #2d5770;
	--opinions-input-border: rgba(163, 192, 220, 0.9);
	--opinions-input-bg: transparent;
	--opinions-star-size: 20.5px;
	--opinions-star-gap: 3.6px;
	--opinions-star-step: calc(var(--opinions-star-size) + var(--opinions-star-gap));
	--opinions-star-empty-svg: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2607 0.5C10.3967 0.500003 10.5301 0.538419 10.6455 0.610352C10.7609 0.682282 10.8542 0.785187 10.9141 0.907227V0.908203L13.417 5.9834L13.5332 6.21875L13.793 6.25684L19.4072 7.07617C19.5414 7.09582 19.6679 7.15277 19.7715 7.24023C19.875 7.32765 19.9522 7.44244 19.9941 7.57129C20.036 7.70029 20.0413 7.83903 20.0088 7.9707C19.9763 8.10214 19.9074 8.22178 19.8105 8.31641L15.75 12.2646L15.5615 12.4482L15.6055 12.707L16.5635 18.2852C16.5857 18.4182 16.5705 18.5547 16.5195 18.6797C16.4683 18.8051 16.383 18.9136 16.2734 18.9932C16.1638 19.0727 16.0345 19.121 15.8994 19.1309C15.7643 19.1407 15.6288 19.1126 15.5088 19.0498H15.5098L10.499 16.416L10.2666 16.2939L10.0342 16.416L5.01855 19.0498C4.8987 19.113 4.76306 19.1415 4.62793 19.1318C4.49291 19.1221 4.36345 19.0747 4.25391 18.9951C4.1443 18.9155 4.05883 18.8071 4.00781 18.6816C3.9569 18.5564 3.94208 18.4194 3.96484 18.2861L4.93164 12.7139L4.97754 12.4541L4.78809 12.2695L0.727539 8.32227L0.724609 8.31934L0.65625 8.24414C0.593168 8.16418 0.547635 8.07114 0.522461 7.97168C0.489027 7.83936 0.4933 7.70022 0.535156 7.57031C0.577012 7.44053 0.654501 7.32516 0.758789 7.2373C0.863291 7.14938 0.990737 7.09229 1.12598 7.07324H1.12793L6.73047 6.25684L6.99023 6.21973L7.10645 5.9834L9.60742 0.907227C9.66731 0.785178 9.76062 0.682283 9.87598 0.610352C9.9914 0.538416 10.1247 0.5 10.2607 0.5Z' stroke='url(%23paint0_linear_508_12)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_508_12' x1='10.2648' y1='0' x2='10.2648' y2='22.911' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300E1FF'/%3E%3Cstop offset='1' stop-color='%2300E1FF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	--opinions-star-full-svg: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.15885 0.686703L6.65793 5.76236L1.05624 6.57816C0.828042 6.6103 0.613497 6.70603 0.437161 6.8544C0.260825 7.00277 0.129823 7.19779 0.0591468 7.41714C-0.0115298 7.63648 -0.0190254 7.8713 0.037518 8.09471C0.0940613 8.31812 0.212359 8.52109 0.378873 8.68041L4.4394 12.6284L3.47226 18.2005C3.43345 18.426 3.45856 18.6579 3.54476 18.8699C3.63095 19.0819 3.77478 19.2655 3.95995 19.4C4.14513 19.5345 4.36426 19.6144 4.59252 19.6308C4.82078 19.6471 5.04906 19.5992 5.25151 19.4925L10.2663 16.8587L15.2773 19.4925C15.4798 19.5984 15.7079 19.6458 15.9359 19.6291C16.1638 19.6124 16.3826 19.5324 16.5675 19.3981C16.7525 19.2638 16.8962 19.0806 16.9826 18.869C17.069 18.6574 17.0946 18.4259 17.0566 18.2005L16.0987 12.6228L20.1592 8.67487C20.323 8.51506 20.4389 8.31262 20.4937 8.09042C20.5486 7.86823 20.5402 7.63512 20.4696 7.41743C20.3989 7.19974 20.2688 7.00614 20.094 6.85849C19.9191 6.71083 19.7064 6.61502 19.48 6.58185L13.8654 5.76236L11.3626 0.686703C11.2615 0.480671 11.1047 0.307111 10.9099 0.185728C10.7151 0.0643443 10.4902 0 10.2607 0C10.0312 0 9.80632 0.0643443 9.61155 0.185728C9.41678 0.307111 9.25994 0.480671 9.15885 0.686703Z' fill='url(%23paint0_linear_508_10)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_508_10' x1='10.2648' y1='0' x2='10.2648' y2='22.911' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300E1FF'/%3E%3Cstop offset='1' stop-color='%2300E1FF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");

	color: var(--opinions-text);
}

#reviews .screen-reader-text,
#review_form .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

#reviews .woocommerce-Reviews-title {
	margin: 0 0 1.5rem;
	color: var(--opinions-title);
	font-size: clamp(1.5rem, 1.25rem + 0.6vw, 2rem);
	line-height: 1.2;
}

#reviews .commentlist {
	list-style: none;
	margin: 0 0 2.5rem;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1.875rem;
}

#reviews .comment-form-cookies-consent{
	display: none;
}

#reviews .commentlist > li {
	margin: 0;
	padding: 24px 20px;
	border: 1px solid var(--opinions-border);
	border-radius: 5px;
	background: transparent;
}

#reviews .comment_container {
	display: grid;
	grid-template-columns: minmax(190px, 330px) 1fr;
	column-gap: clamp(1rem, 0.45rem + 1.25vw, 1.8rem);
	align-items: center;
}

#reviews .review-left {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
    align-items: center;
	gap: 20px;
	min-width: 0;
}

#reviews .meta-left-wrapper{
    gap: 5px;
}

#reviews .review-left .avatar,
#reviews .review-left .woocommerce-review__author,
#reviews .review-left .star-rating,
#reviews .review-left .woocommerce-review__verified {
	margin-left: 0;
}

#reviews .review-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.6rem;
	min-width: 0;
}

#reviews .woocommerce-review__verified {
	display: none;
	margin: 0;
	font-size: 0.82rem;
	font-style: normal;
	color: var(--opinions-muted);
}

#reviews .woocommerce-review__author {
	color: var(--opinions-title);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
}

#reviews .woocommerce-review__dash {
	display: none;
}

#reviews .woocommerce-review__published-date {
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0.01em;
}

#reviews .description {
	color: var(--opinions-text);
}

#reviews .description p {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
}

#reviews .avatar {
	width: 79px;
	height: 79px;
	border-radius: 50%;
	object-fit: contain;
	border: none;
}

/* Gwiazdki przy istniejących opiniach */
#reviews .star-rating {
	position: relative;
	display: block;
	float: none;
	margin: 0;
	width: calc((var(--opinions-star-size) * 5) + (var(--opinions-star-gap) * 4));
	height: var(--opinions-star-size);
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
}

#reviews .star-rating::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image:
		var(--opinions-star-empty-svg),
		var(--opinions-star-empty-svg),
		var(--opinions-star-empty-svg),
		var(--opinions-star-empty-svg),
		var(--opinions-star-empty-svg);
	background-repeat: no-repeat;
	background-size:
		var(--opinions-star-size) var(--opinions-star-size),
		var(--opinions-star-size) var(--opinions-star-size),
		var(--opinions-star-size) var(--opinions-star-size),
		var(--opinions-star-size) var(--opinions-star-size),
		var(--opinions-star-size) var(--opinions-star-size);
	background-position:
		0 0,
		var(--opinions-star-step) 0,
		calc(var(--opinions-star-step) * 2) 0,
		calc(var(--opinions-star-step) * 3) 0,
		calc(var(--opinions-star-step) * 4) 0;
}

#reviews .star-rating span {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
}

#reviews .star-rating span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: calc((var(--opinions-star-size) * 5) + (var(--opinions-star-gap) * 4));
	background-image:
		var(--opinions-star-full-svg),
		var(--opinions-star-full-svg),
		var(--opinions-star-full-svg),
		var(--opinions-star-full-svg),
		var(--opinions-star-full-svg);
	background-repeat: no-repeat;
	background-size:
		var(--opinions-star-size) var(--opinions-star-size),
		var(--opinions-star-size) var(--opinions-star-size),
		var(--opinions-star-size) var(--opinions-star-size),
		var(--opinions-star-size) var(--opinions-star-size),
		var(--opinions-star-size) var(--opinions-star-size);
	background-position:
		0 0,
		var(--opinions-star-step) 0,
		calc(var(--opinions-star-step) * 2) 0,
		calc(var(--opinions-star-step) * 3) 0,
		calc(var(--opinions-star-step) * 4) 0;
}

/* Formularz opinii */
#review_form_wrapper {
	margin-top: 2.2rem;
}

#review_form .comment-reply-title {
	display: block;
	margin: 0 0 6px;
	color: var(--opinions-title);
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

#review_form .comment-form {
	margin: 0;
}

#review_form .comment-form > p,
#review_form .comment-form .comment-form-rating {
	margin: 0 0 20px;
}

#review_form #comment-form-rating-label,
#review_form .comment-form-comment > label {
	display: none;
}

#review_form label {
	display: block;
	margin-bottom: 0.55rem;
	color: var(--opinions-title);
	font-size: 0.95rem;
	font-weight: 500;
}

#review_form input[type="text"],
#review_form input[type="email"],
#review_form textarea,
#review_form select {
	width: 100%;
	border-radius: 0.35rem;
	border: 1px solid #fff;
	background: var(--opinions-input-bg);
	color: #fff;
	padding: 0.8rem 0.95rem;
	font-size: 1rem;
	line-height: 1.45;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#review_form textarea {
	min-height: 5rem;
	resize: vertical;
}

#review_form input:focus,
#review_form textarea:focus,
#review_form select:focus {
	outline: 0;
	border-color: var(--opinions-star);
	box-shadow: 0 0 0 1px rgba(0, 183, 217, 0.32);
}

#review_form ::placeholder {
	color: #88a6c2;
}

#review_form .required {
	color: var(--opinions-star);
}

/* Gwiazdki w formularzu (Woo JS) */
#review_form p.stars {
	margin: 0;
	display: inline-block;
}

#review_form p.stars > span {
	display: inline-flex;
	flex-direction: row;
	gap: var(--opinions-star-gap);
}

#review_form p.stars a {
	position: relative;
	display: inline-block;
	width: var(--opinions-star-size);
	height: var(--opinions-star-size);
	overflow: hidden;
	text-indent: -9999px;
	font-size: 0;
	line-height: 1;
}

#review_form p.stars a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: 0;
	background-image: var(--opinions-star-empty-svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#review_form p.stars > span.rating-1 a:nth-child(-n + 1)::before,
#review_form p.stars > span.rating-2 a:nth-child(-n + 2)::before,
#review_form p.stars > span.rating-3 a:nth-child(-n + 3)::before,
#review_form p.stars > span.rating-4 a:nth-child(-n + 4)::before,
#review_form p.stars > span.rating-5 a:nth-child(-n + 5)::before {
	background-image: var(--opinions-star-full-svg);
}

/* Fallback bez klasy rating-* - oparty o active z WooCommerce */
#review_form p.stars > span:has(a.star-1.active) a.star-1::before,
#review_form p.stars > span:has(a.star-2.active) a.star-1::before,
#review_form p.stars > span:has(a.star-2.active) a.star-2::before,
#review_form p.stars > span:has(a.star-3.active) a.star-1::before,
#review_form p.stars > span:has(a.star-3.active) a.star-2::before,
#review_form p.stars > span:has(a.star-3.active) a.star-3::before,
#review_form p.stars > span:has(a.star-4.active) a.star-1::before,
#review_form p.stars > span:has(a.star-4.active) a.star-2::before,
#review_form p.stars > span:has(a.star-4.active) a.star-3::before,
#review_form p.stars > span:has(a.star-4.active) a.star-4::before,
#review_form p.stars > span:has(a.star-5.active) a.star-1::before,
#review_form p.stars > span:has(a.star-5.active) a.star-2::before,
#review_form p.stars > span:has(a.star-5.active) a.star-3::before,
#review_form p.stars > span:has(a.star-5.active) a.star-4::before,
#review_form p.stars > span:has(a.star-5.active) a.star-5::before,
#review_form p.stars > span:has(a.star-1:hover) a.star-1::before,
#review_form p.stars > span:has(a.star-2:hover) a.star-1::before,
#review_form p.stars > span:has(a.star-2:hover) a.star-2::before,
#review_form p.stars > span:has(a.star-3:hover) a.star-1::before,
#review_form p.stars > span:has(a.star-3:hover) a.star-2::before,
#review_form p.stars > span:has(a.star-3:hover) a.star-3::before,
#review_form p.stars > span:has(a.star-4:hover) a.star-1::before,
#review_form p.stars > span:has(a.star-4:hover) a.star-2::before,
#review_form p.stars > span:has(a.star-4:hover) a.star-3::before,
#review_form p.stars > span:has(a.star-4:hover) a.star-4::before,
#review_form p.stars > span:has(a.star-5:hover) a.star-1::before,
#review_form p.stars > span:has(a.star-5:hover) a.star-2::before,
#review_form p.stars > span:has(a.star-5:hover) a.star-3::before,
#review_form p.stars > span:has(a.star-5:hover) a.star-4::before,
#review_form p.stars > span:has(a.star-5:hover) a.star-5::before {
	background-image: var(--opinions-star-full-svg);
}

#review_form .form-submit {
	margin: 0.75rem 0 0;
}

#review_form .submit,
#review_form #submit {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--opinions-title);
	font-size: 11px;
	font-weight: 700;
	text-transform: none;
	line-height: 1;
    padding-bottom: 10px;
	border-bottom: 1px solid var(--opinions-title);
	border-radius: 0;
	transition: color 0.2s ease, border-color 0.2s ease;
}

#review_form .submit:hover,
#review_form .submit:focus,
#review_form #submit:hover,
#review_form #submit:focus {
	color: #f6921e;
	border-color: #f6921e;
}

#reviews .woocommerce-noreviews,
#reviews .woocommerce-verification-required,
#review_form .must-log-in,
#review_form .comment-notes {
	color: var(--opinions-muted);
}

#reviews .woocommerce-pagination {
	margin-top: 1rem;
}

#reviews .woocommerce-pagination .page-numbers {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 0.6rem;
}

#reviews .woocommerce-pagination .page-numbers a,
#reviews .woocommerce-pagination .page-numbers span {
	min-width: 2rem;
	min-height: 2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--opinions-border);
	border-radius: 0.3rem;
	color: var(--opinions-text);
	text-decoration: none;
}

#reviews .woocommerce-pagination .page-numbers .current,
#reviews .woocommerce-pagination .page-numbers a:hover {
	border-color: var(--opinions-star);
	color: var(--opinions-star);
}

@media (max-width: 767px) {
	#reviews .commentlist > li {
		padding: 1rem;
	}

	#reviews .comment_container {
		grid-template-columns: 1fr;
		gap: 0.85rem;
		align-items: start;
	}

	#reviews .avatar {
		width: 56px;
		height: 56px;
	}

	#reviews .review-left {
		gap: 0.35rem;
	}

	#reviews .woocommerce-review__published-date {
		align-self: flex-start;
	}
}