/* Inspired by Shadcn UI - using CSS variables for theming with custom colors */
:root {
	--background: #F6F6F6;
	/* hsl(0, 0%, 100%) */
	--foreground: 222.2 84% 4.9%;
	/* hsl(222.2, 84%, 4.9%) */
	--card: 0 0% 100%;
	--card-foreground: 222.2 84% 4.9%;
	--popover: 0 0% 100%;
	--popover-foreground: 222.2 84% 4.9%;
	/* Updated primary color from #e4580a */
	--primary: 22 90% 47%;
	/* hsl(21.7, 89.5%, 46.7%) */
	--primary-foreground: 210 40% 98%;
	/* Kept light foreground for contrast */
	/* Updated secondary color from #154074 */
	--secondary: 214 70% 27%;
	/* hsl(213.7, 69.5%, 26.9%) */
	--secondary-foreground: 210 40% 98%;
	/* Changed to light foreground for contrast */
	--muted: 210 40% 96.1%;
	--muted-foreground: 215.4 16.3% 46.9%;
	/* hsl(215.4, 16.3%, 46.9%) */
	--accent: 210 40% 96.1%;
	--accent-foreground: 222.2 47.4% 11.2%;
	--destructive: 0 84.2% 60.2%;
	--destructive-foreground: 210 40% 98%;
	--border: 214.3 31.8% 91.4%;
	/* hsl(214.3, 31.8%, 91.4%) */
	--input: 214.3 31.8% 91.4%;
	--ring: 22 90% 47%;
	/* Changed ring to match new primary */
	--radius: 0.2083333333rem;
	/* Default border radius */
}

.woocommerce-Reviews .woocommerce-Reviews-title {
	font-size: 1.5rem;
	/* Adjust margin */
	color: hsl(var(--foreground));
	font-weight: 600;
	padding-bottom: 1rem;
	border-bottom: 1px solid hsl(var(--border));
}

.woocommerce-Reviews .woocommerce-Reviews-title span {
	font-weight: 500;
	font-size: 1.3rem;
}

/* Comment list styling */
.woocommerce-noreviews {
	padding: 1.5rem 0;
}

.woocommerce-Reviews .commentlist {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Individual comment item */
.woocommerce-Reviews .commentlist li.review {
	border-bottom: 1px solid hsl(var(--border));
	padding: 1.5rem 0;
}

.woocommerce-Reviews .commentlist li.review:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

/* Comment container layout */
.woocommerce-Reviews .comment_container {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}

/* Avatar styling */
.woocommerce-Reviews .avatar {
	border-radius: 50%;
	flex-shrink: 0;
	border: 1px solid hsl(var(--border));
}

/* Comment text block */
.woocommerce-Reviews .comment-text {
	flex-grow: 1;
}

/* Star rating display - Static CSS only */
.woocommerce .star-rating {
	color: #f59e0b;
}

/* Meta information (author, date) */
.woocommerce-Reviews .meta {
	font-size: 0.875rem;
	/* text-sm */
	color: hsl(var(--muted-foreground));
	margin-bottom: 0.5rem;
}

.woocommerce-Reviews .woocommerce-review__author {
	font-weight: 500;
	/* medium */
	color: hsl(var(--foreground));
}

.woocommerce-Reviews .woocommerce-review__published-date {
	font-style: normal;
	/* Remove italic */
}

/* Review description/content */
.woocommerce-Reviews .description p {
	margin: 0;
	color: hsl(var(--foreground));
	font-size: 0.95rem;
}

/* Review form wrapper */
.woocommerce-Reviews #review_form_wrapper {
	margin-top: 0;
	border-top: 1px solid hsl(var(--border));
	background-color: hsl(var(--card));
}

/* Review form */
.woocommerce-Reviews #review_form {
	/* Remove styles from here, applied to wrapper now */
	padding: 1rem 0;
	box-shadow: none;
	border-radius: 0;
}

/* Form title */
.woocommerce-Reviews #reply-title {
	font-size: 1.25rem;
	/* text-lg */
	font-weight: 600;
	margin-bottom: 1.5rem;
	color: hsl(var(--foreground));
	display: block;
}

.woocommerce-Reviews #reply-title small {
	font-size: 0.875rem;
	/* text-sm */
	font-weight: normal;
	margin-left: 0.5rem;
}

.woocommerce-Reviews #reply-title small a {
	color: hsl(var(--primary));
	/* Use updated primary color */
	text-decoration: none;
}

.woocommerce-Reviews #reply-title small a:hover {
	text-decoration: underline;
}


/* Form paragraphs/sections */
.woocommerce-Reviews .comment-form-rating,
.woocommerce-Reviews .comment-form-comment {
	margin-bottom: 1rem;
}

/* Form labels */
.woocommerce-Reviews label {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	/* medium */
	font-size: 0.875rem;
	/* text-sm */
	color: hsl(var(--foreground));
}

.woocommerce-Reviews .required {
	color: hsl(var(--destructive));
	margin-left: 2px;
}

/* Star rating input - Static CSS only */
.woocommerce-Reviews .stars {
	margin-bottom: 0.5rem;
	line-height: 1;
	font-size: 0;
}

.woocommerce-Reviews .stars a {
	text-decoration: none;
	color: hsl(var(--muted));
	/* Muted color for stars */
	font-size: 1.5rem;
	display: inline-block;
	transition: color 0.2s ease-in-out;
	position: relative;
	cursor: pointer;
	/* Indicate clickable */
}

.woocommerce p.stars.selected a:not(.active)::before {
	color: #f59e0b;
}

.woocommerce p.stars:hover a::before,
.woocommerce p.stars.selected a.active::before {
	color: #f59e0b;
}

.woocommerce p.stars a:hover~a::before,
.woocommerce p.stars.selected a.active~a::before {
	color: hsl(var(--muted));
}

/* Textarea styling - Shadcn Input style */
.woocommerce-Reviews input:not([type="submit"]):not([type="checkbox"]) {
	display: flex;
	width: 100%;
	border-radius: var(--radius);
	background-color: var(--background);
	padding: 0.5rem 0.75rem;
	/* py-2 px-3 */
	font-size: 0.875rem;
	/* text-sm */
	box-sizing: border-box;
	min-height: 2.2916666667rem !important;
	height: auto !important;
	/* Adjusted height */
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	font-family: inherit;
	color: hsl(var(--foreground));
	box-shadow: 0 0 0 0 transparent;
}

.woocommerce-Reviews .comment-form-cookies-consent label {
	margin-bottom: 0;
}

.woocommerce-Reviews .comment-form-cookies-consent {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.woocommerce-Reviews textarea#comment {
	display: flex;
	width: 100%;
	border-radius: var(--radius);
	background-color: var(--background);
	padding: 0.5rem 0.75rem;
	/* py-2 px-3 */
	font-size: 0.875rem;
	/* text-sm */
	box-sizing: border-box;
	min-height: 7.8125rem !important;
	height: auto !important;
	/* Adjusted height */
	resize: vertical;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	font-family: inherit;
	color: hsl(var(--foreground));
	box-shadow: 0 0 0 0 transparent;
	/* Reset potential browser shadows */
}

.woocommerce-Reviews textarea#comment::placeholder {
	/* Style placeholder if needed */
	color: hsl(var(--muted-foreground));
	opacity: 1;
}

.woocommerce-Reviews textarea#comment:focus,
.woocommerce-Reviews input:not([type="submit"]):not([type="checkbox"]):focus {
	outline: 2px solid transparent;
	outline-offset: 2px !important;
	border-color: hsl(var(--ring)) !important;
	box-shadow: 0 0 0 1px hsl(var(--ring)) !important;
}

.woocommerce-Reviews textarea#comment:disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

/* Submit button styling - Shadcn Button style */
.woocommerce-Reviews .form-submit {
	margin-top: 1.5rem;
}

.woocommerce-Reviews input#submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	border-radius: var(--radius);
	font-size: 0.875rem;
	/* text-sm */
	font-weight: 500;
	/* medium */
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	cursor: pointer;
	/* Primary button style using updated primary color */
	background-color: hsl(var(--primary));
	color: hsl(var(--primary-foreground));
	border: none;
	padding: 0.5rem 1rem;
	/* h-10 px-4 py-2 */
	line-height: 1.5;
}

.woocommerce-Reviews input#submit:hover {
	background-color: hsl(var(--primary) / 0.9);
	/* Slightly transparent primary */
}

.woocommerce-Reviews input#submit:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
	/* Use updated ring color */
	box-shadow: 0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring));
}

.woocommerce-Reviews input#submit:active {
	opacity: 0.9;
}

.woocommerce-Reviews input#submit:disabled {
	pointer-events: none;
	opacity: 0.5;
}

/* Clearfix */
.woocommerce-Reviews .clear {
	clear: both;
}

/* Responsive adjustments */
@media (max-width: 600px) {
	.woocommerce-Reviews {
		margin: 1rem;
		border-radius: calc(var(--radius) - 2px);
		/* Slightly smaller radius */
	}

	.woocommerce-Reviews #comments,
	.woocommerce-Reviews #review_form_wrapper {
		padding: 1rem;
		/* Reduce padding */
	}

	.woocommerce-Reviews .comment_container {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.75rem;
	}

	.woocommerce-Reviews .avatar {
		margin-bottom: 0.75rem;
		width: 3.125rem !important;
		/* Smaller avatar */
		height: 3.125rem;
	}

	.woocommerce-Reviews .woocommerce-Reviews-title {
		font-size: 1.25rem;
	}

	.woocommerce-Reviews .woocommerce-Reviews-title span {
		font-size: 1.1rem;
	}

	.woocommerce-Reviews #reply-title {
		font-size: 1.15rem;
	}

	.woocommerce-Reviews .stars a {
		font-size: 1.3rem;
	}

	.woocommerce-Reviews input#submit {
		font-size: 0.875rem;
		/* Keep consistent */
		padding: 0.5rem 0.75rem;
		/* Adjust padding slightly */
	}

	.woocommerce-Reviews textarea#comment {
		font-size: 0.875rem;
	}
}