/* ===================== متغیرهای پایه (قابل بازنویسی با استایل المنتور) ===================== */
.uce-widget-latest-comments,
.uce-explore-page {
	--uce-primary: #d81f26;
	--uce-text: #1f2937;
	--uce-muted: #6b7280;
	--uce-border: #e5e7eb;
	--uce-bg-soft: #f9fafb;
	--uce-radius: 10px;
	font-family: inherit;
	box-sizing: border-box;
	max-width: 100%;
}

.uce-widget-latest-comments *,
.uce-explore-page * {
	box-sizing: border-box;
}

/* ===================== ویجت سایدبار ===================== */
.uce-widget-title {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 12px;
	color: var(--uce-text);
}

.uce-widget-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.uce-widget-item {
	width: 100%;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid var(--uce-border);
}

.uce-widget-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.uce-widget-item-link {
	display: flex;
	gap: 10px;
	text-decoration: none;
	color: inherit;
	align-items: flex-start;
	justify-content: space-between;
}

/* جایگاه عکس شاخص خبر: راست (پیش‌فرض) / چپ / بالا / خاموش */
.uce-widget-item-link.uce-thumb-pos-left .uce-widget-item-thumb-wrap {
	order: -1;
}

.uce-widget-item-link.uce-thumb-pos-top {
	flex-direction: column;
}

.uce-widget-item-link.uce-thumb-pos-top .uce-widget-item-thumb-wrap {
	order: -1;
	width: 100%;
}

.uce-widget-item-link.uce-thumb-pos-top .uce-widget-item-thumb {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

.uce-widget-item-main {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	min-width: 0;
	flex: 1;
}

/* جایگاه آواتار: راست (پیش‌فرض) / چپ / بالا / خاموش */
.uce-widget-item-main.uce-avatar-pos-left {
	flex-direction: row-reverse;
}

.uce-widget-item-main.uce-avatar-pos-top {
	flex-direction: column;
	align-items: flex-start;
}

.uce-widget-item-body {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.uce-widget-item-thumb-wrap {
	flex-shrink: 0;
}

.uce-widget-item-thumb {
	display: block;
	width: 72px;
	height: 52px;
	object-fit: cover;
	border-radius: 6px;
}

.uce-widget-item-counts {
	display: flex;
	gap: 10px;
	margin-top: 2px;
}

.uce-count-like,
.uce-count-reply {
	font-size: 11px;
	color: var(--uce-muted);
}

/* آواتار: مینیمال ولی با یک حلقه‌ی ظریف دور آن تا از پس‌زمینه جدا شود */
.uce-avatar-wrap {
	flex-shrink: 0;
	display: inline-flex;
}

.uce-avatar-wrap img {
	border-radius: 50%;
	display: block;
	width: 40px;
	height: 40px;
	object-fit: cover;
	box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--uce-border);
}

.uce-avatar-sm img {
	width: 28px;
	height: 28px;
}

/* عناصر متنی همراه با آیکن اختیاری (نام کاربر، برچسب خبر، متن نظر) */
.uce-author-name-wrap,
.uce-news-source-label-wrap,
.uce-widget-item-excerpt-wrap {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.uce-author-name-wrap.uce-icon-pos-left,
.uce-news-source-label-wrap.uce-icon-pos-left,
.uce-widget-item-excerpt-wrap.uce-icon-pos-left {
	flex-direction: row-reverse;
}

.uce-inline-icon {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

.uce-inline-icon svg {
	width: 14px;
	height: 14px;
}

.uce-inline-icon i {
	font-size: 14px;
	line-height: 1;
}

.uce-author-name {
	font-weight: 600;
	font-size: 13px;
	color: var(--uce-text);
}

.uce-news-source-label {
	font-size: 11px;
	color: var(--uce-primary);
}

.uce-widget-item-excerpt {
	font-size: 13px;
	font-weight: 600;
	color: var(--uce-text);
	line-height: 1.5;
	word-break: break-word;
}

.uce-date {
	font-size: 11px;
	color: var(--uce-muted);
}

.uce-widget-see-all {
	display: inline-block;
	margin-top: 8px;
	font-size: 13px;
	font-weight: 600;
	color: var(--uce-primary);
	text-decoration: none;
}

.uce-widget-empty {
	font-size: 13px;
	color: var(--uce-muted);
}

/* ===================== صفحه اکسپلور ===================== */
.uce-explore-composer {
	background: var(--uce-bg-soft);
	border: 1px solid var(--uce-border);
	border-radius: var(--uce-radius);
	padding: 14px;
	margin-bottom: 20px;
}

.uce-composer-textarea,
.uce-reply-textarea {
	width: 100%;
	min-height: 70px;
	border: 1px solid var(--uce-border);
	border-radius: calc(var(--uce-radius) * 0.6);
	padding: 10px 12px;
	font-size: 14px;
	font-family: inherit;
	resize: vertical;
	background: #fff;
	color: var(--uce-text);
}

.uce-composer-actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}

.uce-btn {
	border: 1px solid var(--uce-border);
	background: #fff;
	color: var(--uce-text);
	padding: 7px 14px;
	border-radius: calc(var(--uce-radius) * 0.6);
	font-size: 13px;
	cursor: pointer;
	transition: opacity .15s ease;
}

.uce-btn:hover {
	opacity: .85;
}

.uce-btn-primary {
	background: var(--uce-primary);
	border-color: var(--uce-primary);
	color: #fff;
	font-weight: 600;
}

.uce-feed-item {
	border: 1px solid var(--uce-border);
	border-radius: var(--uce-radius);
	padding: 14px;
	margin-bottom: 14px;
	background: #fff;
}

.uce-feed-item-head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
}

.uce-feed-item-meta {
	display: flex;
	flex-direction: column;
}

.uce-news-source-link {
	display: inline-block;
	font-size: 12px;
	color: var(--uce-primary);
	text-decoration: none;
	margin-bottom: 6px;
}

.uce-feed-item-content {
	font-size: 14px;
	line-height: 1.8;
	color: var(--uce-text);
	word-break: break-word;
}

.uce-feed-item-content p {
	margin: 0 0 8px;
}

.uce-feed-item-actions {
	display: flex;
	gap: 16px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--uce-border);
}

.uce-like-btn,
.uce-reply-toggle-btn {
	background: transparent;
	border: none;
	color: var(--uce-muted);
	font-size: 13px;
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	padding: 0;
}

.uce-like-btn.is-liked {
	color: var(--uce-primary);
	font-weight: 700;
}

.uce-replies-box {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px dashed var(--uce-border);
}

.uce-reply-item {
	display: flex;
	gap: 8px;
	margin-bottom: 10px;
	align-items: flex-start;
}

.uce-reply-body {
	display: flex;
	flex-direction: column;
	background: var(--uce-bg-soft);
	border-radius: calc(var(--uce-radius) * 0.6);
	padding: 6px 10px;
	gap: 2px;
	flex: 1;
}

.uce-reply-content {
	font-size: 13px;
	color: var(--uce-text);
}

.uce-replies-more-wrap {
	margin: 4px 0 10px;
}

.uce-replies-more-btn {
	background: transparent;
	border: none;
	color: var(--uce-primary);
	font-size: 12px;
	font-weight: 600;
	padding: 0;
	cursor: pointer;
}

.uce-replies-more-btn:hover {
	opacity: .8;
}

.uce-reply-form {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 8px;
}

.uce-form-message {
	font-size: 12px;
	color: var(--uce-primary);
}

.uce-load-more-wrap {
	text-align: center;
	margin-top: 10px;
}

/* ===================== ریسپانسیو موبایل (اصلاح رفع تداخل با استایل‌های المنتور) ===================== */
@media (max-width: 480px) {
	.uce-widget-item {
		width: 100%;
	}
	.uce-widget-item-link.uce-thumb-pos-top .uce-widget-item-thumb {
		aspect-ratio: 16 / 10;
	}
	.uce-feed-item {
		padding: 10px;
	}
	.uce-composer-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}
	.uce-feed-item-actions {
		gap: 10px;
	}
}

/* ===================== کانتینر اصلی باکس ارسال نظر مستقل سفارشی (اصلاح ۳) ===================== */
.uce-standalone-composer {
    background-color: #f4f5f7 !important;
    border-radius: 24px !important;
    padding: 20px 24px !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
    margin-bottom: 24px !important;
}
.uce-standalone-composer .uce-explore-composer {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.uce-standalone-composer .uce-composer-textarea {
    width: 100% !important;
    min-height: 90px !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 14px 18px !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    outline: none !important;
    resize: vertical !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
}
.uce-standalone-composer .uce-composer-textarea:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1) !important;
    background-color: #ffffff !important;
}
.uce-standalone-composer .uce-composer-textarea::placeholder {
    color: #9ca3af !important;
    font-size: 13.5px !important;
}
.uce-standalone-composer .uce-composer-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 12px !important;
}
.uce-standalone-composer .uce-form-message {
    font-size: 13px !important;
    font-weight: 500 !important;
}
.uce-standalone-composer .uce-btn-primary {
    background-color: #ffffff !important;
    color: #dc2626 !important;
    border: 1.5px solid #dc2626 !important;
    border-radius: 12px !important;
    padding: 8px 26px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 2px 6px rgba(220, 38, 38, 0.08) !important;
}
.uce-standalone-composer .uce-btn-primary:hover {
    background-color: #dc2626 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.2) !important;
}
@media (max-width: 768px) {
    .uce-standalone-composer {
        border-radius: 18px !important;
        padding: 16px !important;
    }

    .uce-standalone-composer .uce-composer-textarea {
        border-radius: 12px !important;
        padding: 12px !important;
    }
}