/* ================================================================
   گفتیران - استایل پایه ویجت گفتگو | باران سایت
   نسخه 1.0.0 - بهینه، ایزوله و ریسپانسیو کامل
================================================================ */

/* -----------------------------------------------------------------
   ۱) ریست هدفمند - ایزوله از استایل‌های قالب سایت
------------------------------------------------------------------ */
:where(#goftiran-widget, #goftiran-widget *::before, #goftiran-widget *::after) {
	box-sizing: border-box !important;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	text-shadow: none !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}
#goftiran-widget { direction: rtl !important; }
:where(#goftiran-widget *) { direction: rtl; }

:where(#goftiran-widget button, #goftiran-widget input,
       #goftiran-widget textarea, #goftiran-widget select) {
	background: none !important;
	background-image: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	outline: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	line-height: normal !important;
	text-transform: none !important;
	min-width: 0 !important;
}

/* آیکون‌ها را از ریست کنار بگذاریم */
:where(#goftiran-widget a:not(.goftiran-social-card)) {
	text-decoration: none !important;
	box-shadow: none !important;
	border: none !important;
	background: none !important;
}
:where(#goftiran-widget a.goftiran-social-card) {
	text-decoration: none !important;
	border: none !important;
}
:where(#goftiran-widget ul, #goftiran-widget li) {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* اجبار فونت صحیح برای هر نوع آیکون Font Awesome */
:where(#goftiran-widget i[class*="fa-"]) {
	display: inline-block !important;
	font-style: normal !important;
	line-height: 1 !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	width: auto !important;
	height: auto !important;
}
#goftiran-widget i.fa-solid, #goftiran-widget i.fas {
	font-family: "Font Awesome 6 Free" !important;
	font-weight: 900 !important;
}
#goftiran-widget i.fa-regular, #goftiran-widget i.far {
	font-family: "Font Awesome 6 Free" !important;
	font-weight: 400 !important;
}
#goftiran-widget i.fa-brands, #goftiran-widget i.fab {
	font-family: "Font Awesome 6 Brands" !important;
	font-weight: 400 !important;
}

/* -----------------------------------------------------------------
   ۲) کانتینر اصلی - z-index از تنظیمات ادمین می‌آید
------------------------------------------------------------------ */
#goftiran-widget {
	position: fixed !important;
	font-size: 14px !important;
}

/* ================================================================
   ۳) آیکون شناور + متن کنار آن
   
   در دسکتاپ: آیکون پایین، باکس بالای آیکون باز می‌شود
   در موبایل: تمام صفحه، آیکون وقتی باکس باز است مخفی می‌شود
================================================================ */
#goftiran-launcher-wrap {
	position: fixed !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	z-index: 2;
	transition: opacity .2s ease, transform .2s ease;
}

/* جهت متن کنار آیکون - راست به چپ یا چپ به راست - بر اساس موقعیت */
.goftiran-pos-bottom-right #goftiran-launcher-wrap,
.goftiran-pos-top-right #goftiran-launcher-wrap {
	flex-direction: row-reverse !important; /* آیکون سمت راست، متن چپ آن */
}
.goftiran-pos-bottom-left #goftiran-launcher-wrap,
.goftiran-pos-top-left #goftiran-launcher-wrap {
	flex-direction: row !important; /* آیکون سمت چپ، متن راست آن */
}

/* اگر متن باید سمت راست آیکون باشد (از JS کلاس اضافه می‌شود) */
#goftiran-widget.goftiran-text-right .goftiran-pos-bottom-right #goftiran-launcher-wrap,
#goftiran-widget.goftiran-text-right .goftiran-pos-top-right #goftiran-launcher-wrap {
	flex-direction: row !important;
}
#goftiran-widget.goftiran-text-right .goftiran-pos-bottom-left #goftiran-launcher-wrap,
#goftiran-widget.goftiran-text-right .goftiran-pos-top-left #goftiran-launcher-wrap {
	flex-direction: row-reverse !important;
}

/* موقعیت wrapper بر اساس تنظیمات */
.goftiran-pos-bottom-right #goftiran-launcher-wrap { bottom: var(--goftiran-my); right: var(--goftiran-mx); }
.goftiran-pos-bottom-left  #goftiran-launcher-wrap { bottom: var(--goftiran-my); left: var(--goftiran-mx); }
.goftiran-pos-top-right    #goftiran-launcher-wrap { top: var(--goftiran-my); right: var(--goftiran-mx); }
.goftiran-pos-top-left     #goftiran-launcher-wrap { top: var(--goftiran-my); left: var(--goftiran-mx); }

/* در موبایل: وقتی باز است آیکون مخفی می‌شود */
@media (max-width: 480px) {
	#goftiran-widget.goftiran-open #goftiran-launcher-wrap {
		opacity: 0 !important;
		pointer-events: none !important;
		transform: scale(0.8);
	}
}

#goftiran-launcher {
	border: none !important;
	border-radius: 50% !important;
	background: var(--goftiran-icon-bg, #2f6feb) !important;
	color: #fff !important;
	font-size: 24px !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 8px 24px rgba(0,0,0,.22), 0 4px 0 rgba(0,0,0,.12) !important;
	position: relative !important;
	transition: transform .15s ease, box-shadow .15s ease !important;
	padding: 0 !important;
	flex-shrink: 0;
}
#goftiran-launcher i { color: #fff !important; font-size: 24px !important; }
#goftiran-launcher:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,.28), 0 6px 0 rgba(0,0,0,.12) !important; }
#goftiran-launcher:active { transform: translateY(2px); box-shadow: 0 4px 12px rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.1) !important; }
#goftiran-launcher .goftiran-close-i { display: none !important; }
#goftiran-widget.goftiran-open #goftiran-launcher .goftiran-close-i { display: flex !important; }
#goftiran-widget.goftiran-open #goftiran-launcher > i:first-child { display: none !important; }

/* انیمیشن پالس */
.goftiran-pulse {
	position: absolute; inset: 0; border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(47,111,235,.6);
	animation: goftiran-pulse-anim 2s infinite;
	pointer-events: none;
}
@keyframes goftiran-pulse-anim {
	0%   { box-shadow: 0 0 0 0 rgba(47,111,235,.5); }
	70%  { box-shadow: 0 0 0 14px rgba(47,111,235,0); }
	100% { box-shadow: 0 0 0 0 rgba(47,111,235,0); }
}

/* متن کنار آیکون شناور */
#goftiran-launcher-text {
	background: #fff !important;
	color: #222 !important;
	padding: 8px 16px !important;
	border-radius: 999px !important;
	box-shadow: 0 6px 18px rgba(0,0,0,.15) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
	pointer-events: none !important;
	opacity: .97;
	flex-shrink: 0;
}
#goftiran-widget.goftiran-open #goftiran-launcher-text { display: none !important; }

/* نشان تعداد پیام‌های خوانده‌نشده روی آیکون */
#goftiran-unread-badge {
	position: absolute !important;
	top: -4px !important;
	left: -4px !important;
	background: #ff3d3d !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	min-width: 20px !important;
	height: 20px !important;
	border-radius: 999px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 5px !important;
	box-shadow: 0 0 0 2px #fff !important;
	animation: goftiran-badge-pop .25s ease;
}
@keyframes goftiran-badge-pop { from { transform: scale(0); } to { transform: scale(1); } }

/* ================================================================
   ۴) باکس چت

   دسکتاپ: پایین آیکون (آیکون پایین‌ترین نقطه است، باکس بالای آن)
   باکس BOTTOM = موقعیت آیکون + اندازه آیکون + فاصله
================================================================ */
#goftiran-box {
	position: fixed !important;
	/* پیش‌فرض bottom: لبه بالایی آیکون + فاصله ۸px */
	bottom: calc(var(--goftiran-my) + var(--goftiran-icon-size, 60px) + 12px);
	width: var(--goftiran-box-w, 380px) !important;
	height: var(--goftiran-box-h, 560px) !important;
	min-width: 300px;
	min-height: 380px;
	max-width: min(94vw, 640px);
	max-height: min(92vh, 820px);
	background: #fff !important;
	border-radius: var(--goftiran-radius, 16px) !important;
	box-shadow: 0 20px 60px rgba(0,0,0,.22) !important;
	display: none;
	flex-direction: column;
	overflow: hidden;
	transition: opacity .18s ease, transform .18s ease;
}
.goftiran-pos-bottom-right #goftiran-box { right: var(--goftiran-mx); }
.goftiran-pos-bottom-left  #goftiran-box { left: var(--goftiran-mx); }
.goftiran-pos-top-right    #goftiran-box {
	top: calc(var(--goftiran-my) + var(--goftiran-icon-size, 60px) + 12px);
	bottom: auto;
	right: var(--goftiran-mx);
}
.goftiran-pos-top-left     #goftiran-box {
	top: calc(var(--goftiran-my) + var(--goftiran-icon-size, 60px) + 12px);
	bottom: auto;
	left: var(--goftiran-mx);
}

#goftiran-widget.goftiran-open #goftiran-box {
	display: flex;
	animation: goftiran-box-in .18s ease;
}
@keyframes goftiran-box-in {
	from { opacity: 0; transform: translateY(10px) scale(.98); }
	to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* تمام صفحه (دکمه هدر) */
#goftiran-box.goftiran-fullscreen {
	position: fixed !important;
	inset: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	max-width: 100vw !important;
	max-height: 100vh !important;
	min-width: 0 !important;
	min-height: 0 !important;
	border-radius: 0 !important;
	bottom: 0 !important; right: 0 !important; left: 0 !important; top: 0 !important;
}

/* دستگیره resize */
#goftiran-resize-handle {
	position: absolute !important;
	top: 0; left: 0;
	width: 22px; height: 22px;
	cursor: nwse-resize;
	display: none;
	align-items: center;
	justify-content: center;
	color: rgba(255,255,255,.85);
	z-index: 5;
}
#goftiran-resize-handle i { font-size: 12px !important; }
.goftiran-pos-bottom-left #goftiran-resize-handle,
.goftiran-pos-top-left #goftiran-resize-handle { left: auto; right: 0; cursor: nesw-resize; }
@media (min-width: 769px) { #goftiran-resize-handle { display: flex !important; } }

/* ================================================================
   ۵) هدر
================================================================ */
#goftiran-header {
	background: var(--goftiran-primary, #2f6feb) !important;
	color: #fff !important;
	padding: 12px 16px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-shrink: 0;
}
#goftiran-header-info {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	color: #fff !important;
}
#goftiran-status-dot {
	width: 9px; height: 9px;
	border-radius: 50% !important;
	background: #9ca3af !important;
	display: inline-block !important;
	flex-shrink: 0;
}
#goftiran-status-dot.online { background: #22c55e !important; box-shadow: 0 0 0 3px rgba(34,197,94,.25) !important; }
#goftiran-header-actions { display: flex !important; gap: 4px !important; align-items: center; }

#goftiran-widget .goftiran-icon-btn {
	background: rgba(255,255,255,.16) !important;
	border: none !important;
	color: #fff !important;
	width: 30px !important;
	height: 30px !important;
	min-width: 30px !important;
	border-radius: 8px !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: background .15s !important;
	padding: 0 !important;
	line-height: 1 !important;
}
#goftiran-widget .goftiran-icon-btn i { color: #fff !important; font-size: 13px !important; }
#goftiran-widget .goftiran-icon-btn:hover { background: rgba(255,255,255,.32) !important; }

/* ================================================================
   ۶) تب‌های مستقل (سوالات متداول / شبکه‌های اجتماعی)
================================================================ */
.goftiran-tab-page {
	flex: 1;
	overflow-y: auto !important;
	padding: 16px !important;
	background: #fbfbfd !important;
}
#goftiran-widget .goftiran-tab-back {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: #eef1f6 !important;
	color: #444 !important;
	border-radius: 999px !important;
	padding: 6px 14px !important;
	font-size: 12.5px !important;
	cursor: pointer !important;
	margin-bottom: 14px !important;
}
#goftiran-widget .goftiran-tab-back:hover { background: #e2e6ee !important; }
.goftiran-tab-title {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #1f2430 !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-bottom: 14px !important;
}
.goftiran-tab-title i { color: var(--goftiran-primary) !important; }

/* آکاردئون سوالات متداول */
.goftiran-faq-cards { display: flex !important; flex-direction: column !important; gap: 10px !important; }
.goftiran-faq-card {
	background: #fff !important;
	border: 1px solid #eceff3 !important;
	border-radius: 12px !important;
	overflow: hidden;
}
#goftiran-widget .goftiran-faq-card-q {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 12px 14px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #2b2f3a !important;
	cursor: pointer !important;
	text-align: right !important;
	background: transparent !important;
}
.goftiran-faq-card-q i { color: #9aa0b0 !important; font-size: 12px !important; transition: transform .2s; }
.goftiran-faq-card.goftiran-faq-open .goftiran-faq-card-q i { transform: rotate(180deg); }
.goftiran-faq-card-a {
	max-height: 0;
	overflow: hidden;
	font-size: 13px !important;
	color: #556 !important;
	line-height: 1.8 !important;
	padding: 0 14px !important;
	transition: max-height .2s ease, padding .2s ease;
}
.goftiran-faq-card.goftiran-faq-open .goftiran-faq-card-a { max-height: 260px; padding: 0 14px 14px !important; }

/* کارت‌های شبکه اجتماعی - ۳ ستونه */
.goftiran-social-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 10px !important;
}
#goftiran-widget .goftiran-social-card {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 16px 8px !important;
	border-radius: 14px !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-align: center;
	box-shadow: 0 6px 14px rgba(0,0,0,.15) !important;
	transition: transform .15s, box-shadow .15s;
	/* background از inline style می‌آید - نباید reset شود */
}
#goftiran-widget .goftiran-social-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0,0,0,.22) !important;
}
#goftiran-widget .goftiran-social-card i,
#goftiran-widget .goftiran-social-card i[class*="fa-"] {
	font-size: 22px !important;
	color: #fff !important;
}
#goftiran-widget .goftiran-social-card span { color: #fff !important; }

/* ================================================================
   ۷) پنل محتوا و فرم شناسایی
================================================================ */
.goftiran-panel {
	flex: 1;
	overflow-y: auto !important;
	padding: 16px !important;
	-webkit-overflow-scrolling: touch;
}
.goftiran-hidden { display: none !important; }

.goftiran-welcome-icon {
	width: 52px !important; height: 52px !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg, var(--goftiran-primary), rgba(0,0,0,.2)) !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
	margin: 4px auto 14px !important;
	color: #fff !important; font-size: 22px !important;
}
.goftiran-welcome {
	background: #f1f5fb !important;
	border-radius: 12px !important;
	padding: 12px 14px !important;
	font-size: 14px !important;
	line-height: 1.8 !important;
	margin: 0 0 16px !important;
	color: #222 !important;
	text-align: center !important;
}

/* فرم ورود مشخصات */
#goftiran-start-form {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	margin-top: 6px !important;
}
.goftiran-form-row { display: flex !important; gap: 10px !important; }
.goftiran-form-row label { flex: 1 !important; min-width: 0; }
#goftiran-start-form label {
	font-size: 12.5px !important;
	color: #667 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	font-weight: 600 !important;
}
#goftiran-start-form input {
	border: 1.5px solid #e3e6ec !important;
	border-radius: 12px !important;
	padding: 11px 14px !important;
	font-size: 14px !important;
	color: #222 !important;
	background: #fbfcfe !important;
	transition: border-color .15s, box-shadow .15s;
	width: 100%;
	font-weight: 400 !important;
}
#goftiran-start-form input::placeholder { color: #b3b8c4 !important; }
#goftiran-start-form input:focus {
	border-color: var(--goftiran-primary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(47,111,235,.1) !important;
}
.goftiran-honeypot {
	position: absolute !important;
	left: -9999px !important;
	opacity: 0 !important;
	height: 0 !important;
	width: 0 !important;
}
.goftiran-field-error {
	border-color: #e33 !important;
	box-shadow: 0 0 0 3px rgba(229,72,77,.12) !important;
}

/* لینک‌های سوالات متداول و شبکه اجتماعی زیر فرم */
.goftiran-precht-links {
	display: flex !important;
	gap: 8px !important;
	margin-top: 14px !important;
	flex-wrap: wrap;
	justify-content: center;
}
#goftiran-widget .goftiran-ghost-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: #f4f6fb !important;
	color: #556 !important;
	border-radius: 999px !important;
	padding: 8px 14px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: background .15s;
}
#goftiran-widget .goftiran-ghost-link:hover { background: #e9edf6 !important; }
#goftiran-widget .goftiran-ghost-link i { color: var(--goftiran-primary) !important; }

/* دکمه شروع گفتگو */
#goftiran-widget .goftiran-btn-primary {
	background: var(--goftiran-primary, #2f6feb) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 13px !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: filter .15s, transform .1s, box-shadow .15s;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	box-shadow: 0 4px 0 rgba(0,0,0,.2), 0 8px 18px rgba(47,111,235,.28) !important;
}
#goftiran-widget .goftiran-btn-primary:hover { filter: brightness(1.06); transform: translateY(-1px); }
#goftiran-widget .goftiran-btn-primary:active { transform: translateY(2px); box-shadow: 0 2px 0 rgba(0,0,0,.18), 0 4px 8px rgba(47,111,235,.2) !important; }

/* ================================================================
   ۸) حباب پیام‌ها
================================================================ */
.goftiran-msg {
	display: flex !important;
	margin-bottom: 10px !important;
	animation: goftiran-msg-in .15s ease;
}
@keyframes goftiran-msg-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.goftiran-msg-bubble {
	max-width: 78% !important;
	padding: 9px 13px !important;
	border-radius: 14px !important;
	font-size: 13.8px !important;
	line-height: 1.75 !important;
	position: relative;
	word-break: break-word;
	white-space: pre-wrap;
}
.goftiran-msg.visitor { justify-content: flex-start !important; }
.goftiran-msg.admin   { justify-content: flex-end !important; }
.goftiran-msg.visitor .goftiran-msg-bubble {
	background: #eef2f6 !important;
	color: #222 !important;
	border-bottom-left-radius: 4px !important;
}
.goftiran-msg.admin .goftiran-msg-bubble {
	background: var(--goftiran-primary, #2f6feb) !important;
	color: #fff !important;
	border-bottom-right-radius: 4px !important;
}
.goftiran-msg-time { font-size: 10px !important; opacity: .65 !important; display: block !important; margin-top: 4px !important; }

/* رسانه در حباب */
.goftiran-msg-media img { max-width: 200px !important; border-radius: 10px !important; display: block !important; }
.goftiran-msg-media audio { width: 210px !important; }
#goftiran-widget .goftiran-msg-file-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: rgba(255,255,255,.2) !important;
	padding: 8px 12px !important;
	border-radius: 10px !important;
	text-decoration: none !important;
	color: inherit !important;
	font-size: 12.5px !important;
}
.goftiran-msg.visitor .goftiran-msg-file-link { background: rgba(0,0,0,.06) !important; }

/* ================================================================
   ۹) فرم ارسال پیام - یک ردیف هم‌تراز
================================================================ */
#goftiran-send-form {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 10px 12px !important;
	border-top: 1px solid #eee !important;
	flex-shrink: 0;
	position: relative;
	min-height: 62px !important;
}
#goftiran-send-form textarea {
	flex: 1 1 auto !important;
	resize: none !important;
	border: 1px solid #dfe3e8 !important;
	border-radius: 12px !important;
	padding: 10px 14px !important;
	font-size: 13.8px !important;
	height: 42px !important;
	max-height: 90px !important;
	color: #222 !important;
	background: #fff !important;
	align-self: center !important;
}
#goftiran-send-form textarea:focus { border-color: var(--goftiran-primary) !important; }

#goftiran-widget .goftiran-round-btn {
	background: var(--goftiran-primary, #2f6feb) !important;
	color: #fff !important;
	border: none !important;
	width: 42px !important; height: 42px !important;
	min-width: 42px !important;
	border-radius: 50% !important;
	cursor: pointer !important;
	flex-shrink: 0;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	transition: filter .15s, transform .1s;
	align-self: center !important;
	box-shadow: 0 3px 0 rgba(0,0,0,.18), 0 5px 14px rgba(47,111,235,.25) !important;
}
#goftiran-widget .goftiran-round-btn:hover { filter: brightness(1.08); }
#goftiran-widget .goftiran-round-btn:active { transform: scale(.93); box-shadow: 0 1px 0 rgba(0,0,0,.18) !important; }
#goftiran-widget .goftiran-round-btn i { color: #fff !important; font-size: 16px !important; }
#goftiran-emoji-btn { background: #f1f3f6 !important; box-shadow: none !important; }
#goftiran-emoji-btn i { color: #666 !important; font-size: 18px !important; }
#goftiran-attach-btn { background: #f1f3f6 !important; box-shadow: none !important; }
#goftiran-attach-btn i { color: #666 !important; }
#goftiran-voice-btn { background: #f1f3f6 !important; box-shadow: none !important; }
#goftiran-voice-btn i { color: #666 !important; }

/* پنل ایموجی */
#goftiran-emoji-panel {
	position: absolute !important;
	bottom: 58px !important;
	right: 12px !important;
	width: 240px !important;
	max-height: 200px !important;
	overflow-y: auto !important;
	background: #fff !important;
	border-radius: 14px !important;
	box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
	padding: 10px !important;
	display: none;
	grid-template-columns: repeat(7, 1fr) !important;
	gap: 4px !important;
	z-index: 6;
}
#goftiran-emoji-panel.goftiran-emoji-open { display: grid !important; }
#goftiran-widget .goftiran-emoji-item {
	font-size: 19px !important;
	background: none !important;
	border: none !important;
	cursor: pointer !important;
	padding: 4px !important;
	border-radius: 8px !important;
	text-align: center;
	line-height: 1 !important;
}
#goftiran-widget .goftiran-emoji-item:hover { background: #f1f3f6 !important; }

/* ================================================================
   ۱۰) نوار ضبط ویس
================================================================ */
#goftiran-recording-bar {
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	padding: 10px 14px !important;
	background: #fff3f3 !important;
	color: #b3373b !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	margin: 0 12px 8px !important;
	border-radius: 10px !important;
	flex-shrink: 0;
}
#goftiran-recording-bar:not(.goftiran-hidden) { display: flex !important; }
.goftiran-rec-dot { animation: goftiran-rec-blink 1s infinite; font-size: 10px !important; }
@keyframes goftiran-rec-blink { 0%,100% { opacity: 1; } 50% { opacity: .2; } }
#goftiran-rec-timer { font-weight: 700 !important; margin-right: auto; }
.goftiran-rec-btn { padding: 6px 14px !important; font-size: 11.5px !important; width: auto !important; }
#goftiran-widget .goftiran-rec-cancel {
	background: #e5484d !important; color: #fff !important; border: none !important;
	border-radius: 8px !important; padding: 6px 14px !important; font-size: 11.5px !important; cursor: pointer !important;
}

/* ================================================================
   ۱۱) بنر گفتگوی بسته
================================================================ */
#goftiran-closed-banner {
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	background: #fff3f3 !important;
	color: #b3373b !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	padding: 12px !important;
	margin: 0 12px !important;
	border-radius: 10px !important;
	flex-shrink: 0;
}
#goftiran-closed-banner:not(.goftiran-hidden) { display: flex !important; }
#goftiran-closed-banner i { color: #e5484d !important; }

/* ================================================================
   ۱۲) کپی‌رایت
================================================================ */
#goftiran-copyright {
	text-align: center !important;
	font-size: 11.5px !important;
	color: #9aa0a6 !important;
	padding: 8px 10px 12px !important;
	flex-shrink: 0;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	flex-wrap: wrap;
}
#goftiran-copyright a { color: #6b7280 !important; text-decoration: none !important; font-weight: 600 !important; }
#goftiran-copyright .goftiran-copyright-sep { opacity: .5; }
#goftiran-copyright a.goftiran-pro-label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 11px !important;
	padding: 5px 12px !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #ff7a45, #ff3d68) !important;
	box-shadow: 0 3px 10px rgba(255,61,104,.35) !important;
	transition: transform .15s, box-shadow .15s;
}
#goftiran-copyright a.goftiran-pro-label i { color: #fff !important; font-size: 10px !important; }
#goftiran-copyright a.goftiran-pro-label:hover { transform: translateY(-1px); }

/* ================================================================
   ۱۳) صفحه مسدودی
================================================================ */
#goftiran-block-screen {
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(160deg, #b3131a, #7a0d12) !important;
	color: #fff !important;
	z-index: 50;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	padding: 30px !important;
	border-radius: var(--goftiran-radius, 16px) !important;
}
#goftiran-block-screen:not(.goftiran-hidden) { display: flex !important; }
.goftiran-block-icon { font-size: 54px !important; margin-bottom: 18px !important; opacity: .95; }
.goftiran-block-title { font-size: 18px !important; font-weight: 800 !important; margin-bottom: 10px !important; }
.goftiran-block-text { font-size: 13.5px !important; line-height: 1.9 !important; opacity: .92; max-width: 280px; }
.goftiran-block-timer {
	margin-top: 16px !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	background: rgba(255,255,255,.15) !important;
	padding: 8px 20px !important;
	border-radius: 999px !important;
}

/* ================================================================
   ۱۴) ریسپانسیو موبایل
   
   در موبایل باکس چت تمام‌صفحه می‌شود.
   برای احترام به منوی navigation اندروید از env(safe-area-inset-bottom) استفاده می‌کنیم.
================================================================ */
@media (max-width: 480px) {
	/* باکس چت تمام صفحه - با احترام به منوی سیستمی اندروید */
	#goftiran-widget.goftiran-open #goftiran-box {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		/* safe-area-inset-bottom: فضای منوی اندروید/iOS را رعایت می‌کند */
		padding-bottom: env(safe-area-inset-bottom, 0px);
		width: 100vw !important;
		height: 100vh !important;
		max-width: 100vw !important;
		max-height: 100vh !important;
		min-width: 0 !important;
		min-height: 0 !important;
		border-radius: 0 !important;
	}
	/* هنگام بازبودن باکس، آیکون launcher مخفی می‌شود */
	#goftiran-widget.goftiran-open #goftiran-launcher-wrap {
		opacity: 0 !important;
		pointer-events: none !important;
		transform: scale(0.7);
		transition: opacity .2s, transform .2s;
	}
	/* وقتی بسته می‌شود، آیکون دوباره ظاهر می‌شود */
	#goftiran-widget:not(.goftiran-open) #goftiran-launcher-wrap {
		opacity: 1;
		pointer-events: auto;
		transform: scale(1);
	}
	#goftiran-resize-handle { display: none !important; }
	#goftiran-launcher-text { display: none !important; }
	#goftiran-emoji-panel { width: 220px !important; }
}

/* کوچک‌ترین صفحات */
@media (max-width: 320px) {
	#goftiran-emoji-panel { width: 180px !important; }
}
@media (max-height: 420px) and (min-width: 481px) {
	#goftiran-box { max-height: 92vh !important; }
}