/* ============================================================
 *  خلاصه نظرات AI — نمایش در صفحه محصول
 *  ساختار کارت برگرفته از «نظرک»، طراحی و رنگ بلیزوان
 *  (نسخه ۳.۰.۲: طرح «لایه‌ای نرم» — یک سطح یک‌دست بدون خط بالای کارت)
 * ============================================================ */
.bcr-ai-summary-card {
	--bcr-p: #635bff;
	--bcr-p2: #8b5cf6;
	--bcr-p-light: #f0efff;
	--bcr-ink: #1f1b3a;
	--bcr-text: #3d3858;
	--bcr-muted: #8c87a6;
	--bcr-line: #e2dff8;
	--bcr-pos-bg: #ecfdf3;
	--bcr-pos-fg: #15803d;
	--bcr-pos-bd: #bbf0cd;
	--bcr-neg-bg: #fff1f2;
	--bcr-neg-fg: #be123c;
	--bcr-neg-bd: #fecdd3;

	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: linear-gradient(165deg, #f2f0ff 0%, #f8f7ff 55%, #fcfcff 100%);
	border: 1px solid var(--bcr-line);
	border-radius: 20px;
	padding: 22px 24px 20px;
	margin: 20px 0;
	box-shadow: 0 1px 2px rgba(20,10,50,.04), 0 24px 48px -32px rgba(99,91,255,.5);
	font-family: inherit;
	color: var(--bcr-text);
	scroll-margin-top: 150px;
}

/* واترمارک ستاره‌ی محو در گوشه‌ی کارت */
.bcr-ai-summary-card::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset-block-start: -34px;
	inset-inline-end: -26px;
	width: 210px;
	height: 210px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5c.4 3.6 1.4 5.6 3 7 1.6 1.4 3.6 2.4 6 3-2.4.6-4.4 1.6-6 3-1.6 1.4-2.6 3.4-3 7-.4-3.6-1.4-5.6-3-7-1.6-1.4-3.6-2.4-6-3 2.4-.6 4.4-1.6 6-3 1.6-1.4 2.6-3.4 3-7z' fill='%23635bff'/%3E%3C/svg%3E") no-repeat center / contain;
	opacity: .09;
	transform: rotate(15deg);
	pointer-events: none;
}

/* ── سربرگ ── */
.bcr-ai-summary-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
}

.bcr-ai-summary-icon {
	width: 46px;
	height: 46px;
	flex: none;
	border-radius: 14px;
	background: linear-gradient(135deg, #7b73ff 0%, #5b52f5 100%);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 12px 24px -10px rgba(99,91,255,.9), inset 0 1px 0 rgba(255,255,255,.35);
}
.bcr-ai-summary-icon svg {
	width: 21px;
	height: 21px;
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.18));
}

.bcr-ai-summary-heading {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	min-width: 0;
}

.bcr-ai-summary-title {
	margin: 0;
	font-size: 16.5px;
	font-weight: 800;
	line-height: 1.5;
	color: var(--bcr-ink);
}

.bcr-ai-summary-subtitle {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 11.5px;
	font-weight: 600;
	line-height: 1.6;
	color: var(--bcr-p);
	background: #fff;
	border: 1px solid rgba(99,91,255,.2);
	padding: 2px 10px;
	border-radius: 999px;
	box-shadow: 0 2px 6px -3px rgba(99,91,255,.4);
}
.bcr-ai-summary-subtitle svg { width: 11px; height: 11px; flex: none; }

/* ── متن خلاصه ── */
.bcr-ai-summary-text {
	margin: 0;
	font-size: 15px;
	line-height: 2.05;
	color: var(--bcr-text);
}

.bcr-ai-summary-text.bcr-ai-clamp {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* لینک «مشاهده بیشتر / کمتر» — متن ساده با فلش کوچک، بدون کادر و پس‌زمینه */
.bcr-ai-summary-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	background: none;
	border: none;
	padding: 0;
	font-size: 13px;
	font-weight: 700;
	color: var(--bcr-p);
	cursor: pointer;
	text-decoration: none;
	transition: color .15s;
}
.bcr-ai-summary-toggle::after {
	content: "";
	width: 6px;
	height: 6px;
	border-inline-end: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform .2s;
}
.bcr-ai-summary-text.bcr-ai-expanded + .bcr-ai-summary-toggle::after { transform: translateY(2px) rotate(-135deg); }
.bcr-ai-summary-toggle:hover,
.bcr-ai-summary-toggle:focus-visible {
	color: #4b45d6;
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
	outline: none;
}

/* ── نقاط قوت و ضعف (نشان‌های ساده، مثل نظرک) ── */
.bcr-ai-summary-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
}

.bcr-ai-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.5;
	padding: 5px 12px;
	border-radius: 999px;
	border: 1px solid;
	transition: transform .18s, box-shadow .18s;
}
.bcr-ai-badge svg { width: 13px; height: 13px; flex: none; }
.bcr-ai-badge:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 16px -10px rgba(20,10,50,.35);
}

.bcr-ai-badge-pos {
	background: var(--bcr-pos-bg);
	color: var(--bcr-pos-fg);
	border-color: var(--bcr-pos-bd);
}
.bcr-ai-badge-neg {
	background: var(--bcr-neg-bg);
	color: var(--bcr-neg-fg);
	border-color: var(--bcr-neg-bd);
}

/* ── پایین کارت: متن هشدار + لایک/دیسلایک ── */
.bcr-ai-summary-foot {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 16px;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px dashed rgba(99,91,255,.22);
}

.bcr-ai-summary-disclaimer {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-size: 11.5px;
	line-height: 1.6;
	color: var(--bcr-muted);
}
.bcr-ai-summary-disclaimer svg { width: 13px; height: 13px; flex: none; opacity: .85; }

.bcr-ai-summary-feedback {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin-inline-start: auto;
}

.bcr-ai-feedback-question {
	font-size: 12.5px;
	font-weight: 700;
	color: var(--bcr-ink);
}

.bcr-ai-feedback-actions {
	display: flex;
	gap: 8px;
}

.bcr-ai-feedback-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: #fff;
	border: 1px solid #e3e0f3;
	border-radius: 999px;
	padding: 7px 14px;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.2;
	color: #6f6a8b;
	cursor: pointer;
	text-decoration: none;
	transition: background .15s, color .15s, border-color .15s, transform .1s, box-shadow .15s;
	-webkit-tap-highlight-color: transparent;
}
.bcr-ai-feedback-btn svg { width: 15px; height: 15px; flex: none; }

.bcr-ai-feedback-btn:hover:not(.is-busy) {
	background: var(--bcr-p-light);
	color: var(--bcr-p);
	border-color: rgba(99,91,255,.35);
	box-shadow: 0 6px 14px -10px rgba(99,91,255,.7);
}
.bcr-ai-feedback-btn:active:not(.is-busy) { transform: scale(.97); }

.bcr-ai-feedback-btn.is-busy {
	cursor: default;
	pointer-events: none;
	opacity: .6;
}

.bcr-ai-summary-feedback.bcr-ai-voted-like .bcr-ai-feedback-like {
	background: var(--bcr-pos-bg);
	color: var(--bcr-pos-fg);
	border-color: var(--bcr-pos-bd);
}
.bcr-ai-summary-feedback.bcr-ai-voted-dislike .bcr-ai-feedback-dislike {
	background: var(--bcr-neg-bg);
	color: var(--bcr-neg-fg);
	border-color: var(--bcr-neg-bd);
}

.bcr-ai-feedback-login-msg,
.bcr-ai-feedback-thanks {
	font-size: 12px;
	color: var(--bcr-muted);
	width: 100%;
}
.bcr-ai-feedback-thanks { color: var(--bcr-pos-fg); font-weight: 600; }
.bcr-ai-feedback-login-msg a {
	color: var(--bcr-p);
	text-decoration: underline;
	margin-inline-start: 4px;
}

/* درخشش کوتاه وقتی کاربر با دکمه‌ی کنار امتیاز به کارت می‌رسد */
@keyframes bcrAiGlow {
	0%   { box-shadow: 0 1px 2px rgba(20,10,50,.04), 0 24px 48px -32px rgba(99,91,255,.5), 0 0 0 0 rgba(99,91,255,.45); }
	70%  { box-shadow: 0 1px 2px rgba(20,10,50,.04), 0 24px 48px -32px rgba(99,91,255,.5), 0 0 0 16px rgba(99,91,255,0); }
	100% { box-shadow: 0 1px 2px rgba(20,10,50,.04), 0 24px 48px -32px rgba(99,91,255,.5), 0 0 0 0 rgba(99,91,255,0); }
}
.bcr-ai-summary-card.is-target { animation: bcrAiGlow 1.4s ease-out 1; }

/* ============================================================
 *  جای‌گذاری داخل تب نظرات (حالت «داخل تب نظرات»)
 *  ظرف کارت در چیدمان دوستونی وودمارت یک ردیف تمام‌عرض می‌شود.
 * ============================================================ */
.bcr-ai-slot { width: 100%; box-sizing: border-box; }
#reviews > .bcr-ai-slot { order: 1; flex: 1 1 100%; flex-basis: 100%; max-width: 100%; }
.bcr-ai-slot .bcr-ai-summary-card { margin: 0; }
.woocommerce-Tabs-panel > .bcr-ai-slot,
.wd-tab-content > .bcr-ai-slot,
.wd-accordion-content > .bcr-ai-slot { margin-top: 28px; }
.bcr-ai-slot:has(+ #reviews) { margin-top: 28px; }
.bcr-ai-slot + #reviews { padding-top: 0; }
#comments + .bcr-ai-slot, .bcr-ai-slot + #comments { margin-top: 26px; }

/* ============================================================
 *  دکمه‌ی «خلاصه دیدگاه‌ها» کنار امتیاز محصول
 * ============================================================ */
/* همان ظاهر نوار امتیاز ماژول «استایل نظرات» (کپسول روشن، کادر نازک، قد ۲۶px) تا دو کپسول کنار هم یک‌دست باشند */
.bcr-ai-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	vertical-align: middle;
	box-sizing: border-box;
	height: 26px;
	margin-inline-start: 6px;
	padding: 0 9px 0 8px;
	border-radius: 999px;
	line-height: 1;
	font-size: 12px;
	font-weight: 800;
	color: #635bff;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	background: linear-gradient(180deg, #ffffff, #f6f4ff);
	border: 1px solid rgba(99,91,255,.22);
	box-shadow: 0 1px 2px rgba(99,91,255,.12), inset 0 1px 0 #fff;
	transition: color .2s, background .2s, border-color .2s, box-shadow .2s;
}
.woocommerce-product-rating:has(+ .bcr-ai-pill) { vertical-align: middle; }
/* هاور با !important تا روی style درون‌خطی (هم‌سبک‌سازی با نوار امتیاز) هم اثر کند */
.bcr-ai-pill:hover,
.bcr-ai-pill:focus-visible {
	color: #4b45d6 !important;
	background: linear-gradient(180deg, #ffffff, #efedff) !important;
	border-color: rgba(99,91,255,.22) !important;
	box-shadow: 0 4px 12px -6px rgba(99,91,255,.12), inset 0 1px 0 #fff !important;
	outline: none;
}
.bcr-ai-pill-ic { display: inline-flex; align-items: center; justify-content: center; color: #635bff; }
.bcr-ai-pill-ic svg { display: block; width: 11px; height: 11px; }
.bcr-ai-pill-txt { position: relative; top: .5px; }

@media (max-width: 480px) {
	.bcr-ai-pill { font-size: 11.5px; margin-inline-start: 5px; }
}

@media (max-width: 480px) {
	.bcr-ai-summary-card { padding: 18px 16px 16px; border-radius: 16px; }
	.bcr-ai-summary-icon { width: 40px; height: 40px; border-radius: 12px; }
	.bcr-ai-summary-icon svg { width: 18px; height: 18px; }
	.bcr-ai-summary-title { font-size: 15px; }
	.bcr-ai-summary-text { font-size: 14px; line-height: 1.95; }
	.bcr-ai-summary-foot { flex-direction: column; align-items: stretch; gap: 10px; }
	.bcr-ai-summary-feedback { margin-inline-start: 0; flex-direction: column; align-items: stretch; gap: 8px; }
	.bcr-ai-feedback-actions { width: 100%; }
	.bcr-ai-feedback-btn { flex: 1; justify-content: center; }
}