/* ═══════════════════════════════════════════════════
   تیکتینگ Unique Diamond — پنل مشتری (RTL)
   طراحی حرفه‌ای، غالب بر قالب Woodmart
   ═══════════════════════════════════════════════════ */

/* کانتینر اصلی */
.udt-wrap {
	font-family: inherit;
	--udt-p1:#8b3df0; --udt-p2:#3a7bd5; --udt-ink:#1f2733; --udt-muted:#8a929c;
}
.udt-wrap, .udt-wrap *, #udt-modal, #udt-modal * { box-sizing: border-box; }

/* ─── نوار بالا: عنوان + دکمهٔ تیکت جدید ─── */
.udt-head-bar {
	display: flex; align-items: center; justify-content: space-between;
	gap: 14px; margin: 0 0 22px; flex-wrap: wrap;
	padding-bottom: 18px; border-bottom: 2px solid #f0f2f5;
}
.udt-head-bar .udt-page-title {
	margin: 0 !important; padding: 0 !important; border: none !important;
	font-size: 22px !important; font-weight: 800 !important; color: #1f2733 !important;
}

/* ─── دکمهٔ اصلی — سلکتور بسیار قوی برای غلبه بر قالب ─── */
.woocommerce .udt-wrap a.udt-btn-primary,
.woocommerce .udt-wrap button.udt-btn-primary,
.udt-wrap a.udt-btn-primary,
.udt-wrap button.udt-btn-primary,
#udt-modal a.udt-btn-primary,
#udt-modal button.udt-btn-primary {
	background-image: linear-gradient(135deg,#8b3df0 0%,#3a7bd5 100%) !important;
	background-color: #8b3df0 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 14px 28px !important;
	margin: 0 !important;
	font-family: inherit !important;
	font-weight: 800 !important;
	font-size: 15px !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: auto !important;
	box-shadow: 0 6px 18px rgba(139,61,240,.35) !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.12) !important;
	transition: transform .1s ease, box-shadow .2s ease, filter .15s ease !important;
}
.woocommerce .udt-wrap a.udt-btn-primary:hover,
.woocommerce .udt-wrap button.udt-btn-primary:hover,
.udt-wrap a.udt-btn-primary:hover,
.udt-wrap button.udt-btn-primary:hover,
#udt-modal button.udt-btn-primary:hover {
	background-color: #7b2fe0 !important;
	color: #fff !important;
	filter: brightness(1.08) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 10px 26px rgba(139,61,240,.5) !important;
}
.udt-wrap button.udt-btn-primary:active,
#udt-modal button.udt-btn-primary:active { transform: translateY(0) !important; }
.udt-wrap button.udt-btn-primary:disabled { opacity: .6 !important; cursor: default !important; transform: none !important; }

/* آیکون + در دکمهٔ تیکت جدید */
.udt-btn-new::before { content: "＋"; font-size: 18px; font-weight: 900; margin-left: 2px; }

/* دکمهٔ ثانویه */
#udt-modal button.udt-btn-secondary,
.udt-wrap button.udt-btn-secondary {
	background: #eef1f4 !important; color: #555 !important; border: none !important;
	border-radius: 12px !important; padding: 13px 24px !important;
	font-family: inherit !important; font-weight: 700 !important; font-size: 15px !important;
	cursor: pointer !important; display: inline-flex !important; align-items: center !important;
}

/* ─── فهرست تیکت‌ها ─── */
.udt-list { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.udt-wrap .udt-list-item {
	display: flex !important; align-items: center; gap: 16px;
	padding: 18px 20px !important; background: #fff !important;
	border: 1px solid #e9ecef !important; border-radius: 14px !important;
	text-decoration: none !important; color: #1f2733 !important;
	transition: border-color .15s, box-shadow .15s, transform .08s;
	position: relative; overflow: hidden;
}
.udt-wrap .udt-list-item::before {
	content: ""; position: absolute; top: 0; right: 0; width: 5px; height: 100%;
	background: linear-gradient(180deg,#8b3df0,#3a7bd5); opacity: 0; transition: opacity .15s;
}
.udt-wrap .udt-list-item:hover {
	border-color: #cdb4f5 !important;
	box-shadow: 0 4px 16px rgba(139,61,240,.12) !important;
	transform: translateY(-1px);
}
.udt-wrap .udt-list-item:hover::before { opacity: 1; }
.udt-li-id { font-weight: 800; color: #b3b9c0; direction: ltr; font-size: 14px; flex-shrink: 0; }
.udt-li-main { flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.udt-li-subject { font-weight: 700; font-size: 15.5px; color: #1f2733; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.udt-li-date { font-size: 12.5px; color: #9aa1a9; }
.udt-li-status { padding: 6px 15px; border-radius: 999px; font-size: 12px; font-weight: 800; color: #fff !important; flex-shrink: 0; white-space: nowrap; }

/* رنگ وضعیت‌ها */
.udt-st-new { background: #e67e22 !important; }
.udt-st-in_progress { background: #2e86de !important; }
.udt-st-answered { background: #16a34a !important; }
.udt-st-customer_reply { background: #9333ea !important; }
.udt-st-closed { background: #6b7280 !important; }

/* حالت خالی */
.udt-empty-state {
	text-align: center; padding: 54px 24px; background: #faf8ff;
	border: 2px dashed #d9c8f7; border-radius: 18px;
}
.udt-empty-icon { font-size: 52px; margin-bottom: 12px; }
.udt-empty-state p { color: #8a929c; margin: 0 0 18px; font-size: 15px; }

/* ─── مودال ─── */
#udt-modal {
	position: fixed; inset: 0; z-index: 999999;
	display: flex; align-items: center; justify-content: center; padding: 18px;
}
#udt-modal[hidden] { display: none; }
.udt-modal-backdrop { position: absolute; inset: 0; background: rgba(20,16,40,.6); backdrop-filter: blur(3px); }
.udt-modal-box {
	position: relative; background: #fff; border-radius: 20px; width: 100%; max-width: 540px;
	max-height: 92vh; overflow: hidden; display: flex; flex-direction: column;
	box-shadow: 0 24px 70px rgba(0,0,0,.35); animation: udtPop .2s cubic-bezier(.2,.9,.3,1.2);
}
@keyframes udtPop { from { transform: scale(.94) translateY(10px); opacity: 0; } to { transform: none; opacity: 1; } }
.udt-modal-head {
	display: flex; align-items: center; justify-content: space-between;
	padding: 20px 22px; background: linear-gradient(135deg,#8b3df0,#3a7bd5);
}
.udt-modal-head h3 { margin: 0 !important; font-size: 18px !important; font-weight: 800 !important; color: #fff !important; }
.udt-modal-close { background: rgba(255,255,255,.2) !important; border: none; width: 34px; height: 34px; border-radius: 50%; font-size: 22px; line-height: 1; cursor: pointer; color: #fff !important; display: flex; align-items: center; justify-content: center; }
.udt-modal-close:hover { background: rgba(255,255,255,.35) !important; }
.udt-modal-body { padding: 22px; overflow-y: auto; }
.udt-modal-foot { display: flex; gap: 10px; justify-content: flex-start; padding: 16px 22px; border-top: 1px solid #eef1f4; background: #fafbfc; }

/* فیلدها */
.udt-field { margin-bottom: 16px; }
.udt-field label { display: block; font-weight: 700; margin-bottom: 7px; color: #3a4149; font-size: 14px; }
.udt-wrap .udt-field input[type=text],
.udt-field input[type=text], .udt-field textarea, .udt-field select {
	width: 100% !important; padding: 13px 14px !important; border: 1.5px solid #e0e4e9 !important;
	border-radius: 11px !important; font-family: inherit !important; font-size: 15px !important;
	background: #fff !important; color: #1f2733 !important; transition: border-color .15s, box-shadow .15s;
}
.udt-field input:focus, .udt-field textarea:focus, .udt-field select:focus {
	outline: none !important; border-color: #8b3df0 !important; box-shadow: 0 0 0 3px rgba(139,61,240,.12) !important;
}
.udt-field input[type=file] { width: 100%; font-size: 14px; padding: 8px 0; }
.udt-hint { font-size: 12px; color: #9aa1a9; margin-top: 6px; }

.udt-msg { margin-top: 8px; padding: 12px 14px; border-radius: 10px; font-weight: 600; font-size: 14px; }
.udt-msg.ok { background: #e8f7ee; border: 1px solid #9fdcb5; color: #1c7a3e; }
.udt-msg.err { background: #fdecea; border: 1px solid #f3b4ad; color: #b03127; }

/* ─── صفحهٔ گفتگو ─── */
.udt-back { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 18px; color: #8b3df0 !important; text-decoration: none !important; font-weight: 700; font-size: 14px; }
.udt-back:hover { color: #7b2fe0 !important; }
.udt-conv-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; flex-wrap: wrap; padding-bottom: 14px; border-bottom: 2px solid #f0f2f5; }
.udt-conv-head h3 { margin: 0 !important; font-size: 19px !important; color: #1f2733 !important; }

.udt-order-toggle {
	background: #f4f0ff !important; border: 1.5px solid #ddc9f7 !important; color: #8b3df0 !important;
	border-radius: 11px !important; padding: 13px 18px !important; cursor: pointer;
	font-family: inherit !important; font-weight: 700 !important; margin-bottom: 16px; width: 100%; font-size: 14.5px;
}
.udt-order-details { background: #faf8ff; border: 1px solid #e6dcf9; border-radius: 12px; padding: 16px; margin-bottom: 16px; }
.udt-order-details .row { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px dashed #e6dcf9; font-size: 14px; }
.udt-order-details .row:last-child { border-bottom: none; }

.udt-messages { display: flex; flex-direction: column; gap: 14px; margin-bottom: 20px; }
.udt-msg-row { max-width: 84%; padding: 15px 17px; border-radius: 16px; position: relative; }
.udt-msg-row.mine { align-self: flex-start; background: #f4f0ff; border: 1px solid #e0d0f8; border-bottom-right-radius: 4px; }
.udt-msg-row.support { align-self: flex-end; background: #eefaf1; border: 1px solid #c4eed2; border-bottom-left-radius: 4px; }
.udt-msg-author { font-weight: 800; font-size: 13px; margin-bottom: 6px; color: #8b3df0; }
.udt-msg-row.support .udt-msg-author { color: #16a34a; }
.udt-msg-body { font-size: 15px; line-height: 1.9; color: #1f2733; word-break: break-word; }
.udt-msg-atts { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 8px; }
.udt-att { font-size: 13px; color: #8b3df0 !important; text-decoration: none !important; background: #fff; padding: 7px 13px; border-radius: 9px; border: 1px solid #e0d0f8; }
.udt-msg-time { font-size: 11px; color: #a8afb6; margin-top: 8px; direction: ltr; text-align: left; }

.udt-reply { background: #fff; border: 1.5px solid #eef1f4; border-radius: 14px; padding: 16px; }
.udt-reply textarea { width: 100%; padding: 13px; border: 1.5px solid #e0e4e9; border-radius: 11px; font-family: inherit; font-size: 15px; margin-bottom: 12px; }
.udt-reply input[type=file] { margin-bottom: 12px; display: block; width: 100%; font-size: 14px; }
.udt-closed-note { color: #6b7280; background: #f3f4f6; padding: 14px; border-radius: 11px; text-align: center; }

/* ─── موبایل ─── */
@media (max-width: 768px) {
	.udt-head-bar { flex-direction: row; align-items: center; }
	.udt-head-bar .udt-page-title { font-size: 18px !important; }
	.udt-wrap a.udt-btn-primary, .udt-wrap button.udt-btn-primary { padding: 12px 18px !important; font-size: 14px !important; }
	.udt-msg-row { max-width: 92%; }
	.udt-wrap .udt-list-item { padding: 15px 16px !important; gap: 12px; }
	.udt-li-subject { font-size: 14.5px; }
	.udt-li-status { font-size: 11px; padding: 5px 12px; }
	#udt-modal { padding: 0; align-items: flex-end; }
	.udt-modal-box { max-width: 100%; max-height: 94vh; border-radius: 20px 20px 0 0; }
}