/* پرسش‌وپاسخ، داشبورد و علاقه‌مندی — موبایل‌اول، RTL */

.vk-qa__head { text-align: center; margin-bottom: 20px; }
.vk-qa__title { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; color: var(--vk-color-fg); margin: 0 0 8px; }
.vk-qa__intro { color: var(--vk-color-muted); max-width: 640px; margin: 0 auto; line-height: 1.8; }

/* فرم طرح پرسش */
.vk-ask {
	background: linear-gradient(180deg, #fff, var(--vk-color-bg));
	border: 1px solid var(--vk-color-border); border-radius: var(--vk-radius);
	padding: 18px; margin: 0 auto 26px; max-width: 760px;
}
.vk-ask__title { margin: 0 0 12px; font-size: 1.1rem; color: var(--vk-color-fg); }
.vk-ask__field {
	width: 100%; min-height: 44px; padding: 10px 12px; margin: 0;
	border: 1px solid var(--vk-color-border); border-radius: 10px;
	background: #fff; color: var(--vk-color-fg); font-family: inherit; font-size: .95rem;
}
.vk-ask textarea.vk-ask__field { min-height: 110px; line-height: 1.8; }
.vk-ask__anon { display: flex; flex-direction: column; gap: 4px; margin: 0 0 4px; }
.vk-ask__check { display: flex; align-items: center; gap: 8px; font-weight: 600; cursor: pointer; }
.vk-ask__check input { width: auto; }
.vk-ask__hint { font-size: .8rem; color: var(--vk-color-muted); line-height: 1.7; }
.vk-ask--login, .vk-dash--login { background: var(--vk-color-bg); border: 1px dashed var(--vk-color-border); border-radius: var(--vk-radius); padding: 16px; text-align: center; }
.vk-ask--login a, .vk-dash--login a, .vk-reviews__login a { color: var(--vk-color-primary-700); font-weight: 700; }

/* فهرست پرسش‌ها */
.vk-q-list { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 768px) { .vk-q-list { grid-template-columns: 1fr 1fr; } }
.vk-q-card { display: flex; flex-direction: column; gap: 8px; }
.vk-q-card__title { margin: 0; font-size: 1.05rem; }
.vk-q-card__title a { color: var(--vk-color-fg); text-decoration: none; }
.vk-q-card__title a:hover { color: var(--vk-color-primary-700); }
.vk-q-card__meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: .78rem; color: var(--vk-color-muted); }
.vk-q-card__excerpt { margin: 0; color: #475569; font-size: .9rem; line-height: 1.8; }
.vk-q-card__link { font-size: .85rem; font-weight: 700; color: var(--vk-color-primary-700); text-decoration: none; }

.vk-qa__topics { margin: 26px 0; }

/* تک‌پرسش و پاسخ‌ها — کادر پرسش با پاسخ‌ها فرق دارد */
.vk-q-single .vk-q { margin-bottom: 16px; background: linear-gradient(180deg, #eff6ff, #f8fbff); border: 1px solid #bfdbfe; border-inline-start: 4px solid var(--vk-color-primary); border-radius: var(--vk-radius); padding: 20px; }
.vk-q__title { font-size: 1.4rem; margin: 0 0 10px; color: var(--vk-color-fg); }
.vk-q__meta { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; font-size: .82rem; color: var(--vk-color-muted); margin-bottom: 12px; }
.vk-q-single .vk-answers { background: #fff; border: 1px solid var(--vk-color-border); }
.vk-answers__list { list-style: none; margin: 0 0 16px; padding: 0; }
.vk-answer { padding: 14px; border-radius: 10px; border: 1px solid transparent; border-bottom: 1px dashed var(--vk-color-border); }
/* پاسخ نخست (بیشترین لایک) برجسته */
.vk-answers__list > .vk-answer:first-child { background: #ecfdf5; border: 1px solid #a7f3d0; border-inline-start: 4px solid #10b981; border-bottom-style: solid; margin-bottom: 10px; }
.vk-answers__list > .vk-answer:first-child .vk-answer__author::after { content: " ✦ پاسخ برگزیده"; font-size: .7rem; color: #047857; font-weight: 700; }
.vk-answer__head { display: flex; gap: 10px; align-items: center; margin-bottom: 6px; }
.vk-answer__author { font-weight: 700; color: var(--vk-color-fg); }
.vk-answer__head time { font-size: .78rem; color: var(--vk-color-muted); margin-inline-start: auto; }
.vk-answers .comment-respond, .vk-answers #respond { margin-top: 16px; background: var(--vk-color-bg); border: 1px solid var(--vk-color-border); border-radius: var(--vk-radius); padding: 16px; }
.vk-answers textarea { width: 100%; border: 1px solid var(--vk-color-border); border-radius: 10px; padding: 10px; font-family: inherit; line-height: 1.8; }
.vk-answers .submit, .vk-answers #submit { min-height: 44px; padding: 0 22px; border: 0; border-radius: 10px; background: var(--vk-color-primary); color: #fff; font-weight: 700; cursor: pointer; font-family: inherit; }
.vk-answer__badge { font-size: .68rem; background: #dbeafe; color: #1e40af; border-radius: 999px; padding: 1px 8px; margin-inline-start: 6px; }
.vk-answer__badge--user { background: #e2e8f0; color: #475569; }

/* لایک/دیسلایک */
.vk-vote { display: inline-flex; gap: 8px; margin-top: 8px; }
.vk-vote__btn { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 0 12px; border: 1px solid var(--vk-color-border); background: #fff; border-radius: 999px; cursor: pointer; font-family: inherit; font-size: .82rem; color: var(--vk-color-muted); transition: border-color .12s ease, color .12s ease, background-color .12s ease; }
.vk-vote__like.is-active { background: #ecfdf5; border-color: #a7f3d0; color: #047857; }
.vk-vote__dislike.is-active { background: #fef2f2; border-color: #fecaca; color: #dc2626; }
.vk-vote__btn:hover { border-color: var(--vk-color-primary); }

/* مودال پاسخ */
.vk-modal { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; background: rgba(15,23,42,.55); padding: 16px; }
.vk-modal.is-open { display: flex; }
.vk-modal__box { background: #fff; border-radius: 14px; padding: 22px; width: 100%; max-width: 560px; position: relative; box-shadow: 0 20px 60px rgba(0,0,0,.3); }
.vk-modal__close { position: absolute; inset-inline-end: 14px; top: 10px; width: 32px; height: 32px; border: 0; background: none; font-size: 1.7rem; line-height: 1; cursor: pointer; color: var(--vk-color-muted); }
.vk-modal__close:hover { color: var(--vk-color-fg); }
.vk-modal__title { margin: 0 0 6px; padding-inline-end: 36px; font-size: 1.1rem; color: var(--vk-color-fg); }
.vk-modal__q { margin: 0 0 12px; color: var(--vk-color-primary-700); font-weight: 700; font-size: .95rem; }
.vk-modal__box textarea { width: 100%; border: 1px solid var(--vk-color-border); border-radius: 10px; padding: 10px; font-family: inherit; line-height: 1.8; }
.vk-modal__msg { min-height: 1.2em; color: #047857; font-size: .85rem; margin: 8px 0; }
.vk-modal__msg.is-success { background: #ecfdf5; border: 1px solid #6ee7b7; color: #047857; padding: 14px 16px; border-radius: 10px; font-weight: 700; font-size: 1rem; text-align: center; line-height: 1.8; }
.vk-modal__msg.is-error { background: #fef2f2; border: 1px solid #fecaca; color: #dc2626; padding: 12px 14px; border-radius: 10px; font-weight: 600; }
.vk-modal__actions { display: flex; gap: 10px; justify-content: flex-end; }

/* دکمهٔ علاقه‌مندی */
.vk-fav {
	display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 16px; margin-top: 10px;
	background: #fff; border: 1px solid var(--vk-color-border); border-radius: 10px;
	color: var(--vk-color-muted); font-family: inherit; font-size: .9rem; font-weight: 600; cursor: pointer;
	transition: color .12s ease, border-color .12s ease, background-color .12s ease;
}
.vk-fav .vk-fav__icon { color: #cbd5e1; font-size: 1.1rem; line-height: 1; }
.vk-fav:hover { border-color: #fca5a5; }
.vk-fav.is-active { background: #fef2f2; border-color: #fecaca; color: #dc2626; }
.vk-fav.is-active .vk-fav__icon { color: #dc2626; }
.vk-profile__fav { text-align: center; }

/* ---------- داشبورد کاربر (پنل + سایدبار) ---------- */
.vk-panel { display: grid; grid-template-columns: 1fr; gap: 18px; margin-block: 32px; }
@media (min-width: 880px) { .vk-panel { grid-template-columns: 260px 1fr; align-items: start; } }

.vk-panel__side { background: #fff; border: 1px solid var(--vk-color-border); border-radius: var(--vk-radius); padding: 18px; }
@media (min-width: 880px) { .vk-panel__side { position: sticky; top: 90px; } }
.vk-panel__user { text-align: center; padding-bottom: 14px; border-bottom: 1px solid var(--vk-color-border); margin-bottom: 12px; }
.vk-panel__avatar img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
.vk-panel__name { display: block; font-weight: 800; margin-top: 8px; color: var(--vk-color-fg); }
.vk-panel__email { display: block; font-size: .76rem; color: var(--vk-color-muted); word-break: break-all; }
.vk-panel__nav { display: flex; flex-direction: column; gap: 4px; }
.vk-panel__nav a.vk-panel__navlink, .vk-panel__nav a.vk-panel__navlink:visited { color: var(--vk-color-fg); }
.vk-panel__navlink { display: flex; align-items: center; gap: 8px; padding: 11px 12px; border: 0; background: none; border-radius: 10px; font-family: inherit; font-size: .95rem; font-weight: 600; color: var(--vk-color-fg); text-decoration: none; cursor: pointer; text-align: start; transition: background-color .12s ease, color .12s ease; }
/* هاور: پس‌زمینهٔ کم‌رنگِ آبی + متن تیرهٔ خوانا (با وضوح بالا تا استایل قالب والد بازنویسی نشود) */
.vk-panel__nav .vk-panel__navlink:hover,
.vk-panel__nav .vk-panel__navlink:focus-visible { background: #eef2ff; color: var(--vk-color-primary-700); }
.vk-panel__nav .vk-panel__navlink.is-active,
.vk-panel__nav a.vk-panel__navlink.is-active { background: var(--vk-color-primary); color: #fff; }
.vk-panel__nav .vk-panel__navlink.is-active:hover { background: var(--vk-color-primary-700); color: #fff; }
.vk-panel__navlink > span { width: 20px; text-align: center; flex-shrink: 0; }
.vk-panel__logout { color: #dc2626; margin-top: 6px; border-top: 1px solid var(--vk-color-border); border-radius: 0; padding-top: 14px; }
.vk-panel__nav .vk-panel__logout:hover { background: #fef2f2; color: #b91c1c; }

.vk-panel__main { min-width: 0; }
.vk-panel__view { display: none; }
.vk-panel__view.is-active { display: block; }
.vk-panel__welcome { font-size: 1.4rem; margin: 0 0 16px; color: var(--vk-color-fg); }
.vk-panel__view-title { font-size: 1.2rem; margin: 0 0 16px; color: var(--vk-color-fg); }

.vk-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; margin-bottom: 22px; }
.vk-stat { background: #fff; border: 1px solid var(--vk-color-border); border-radius: var(--vk-radius); padding: 20px; text-align: center; box-shadow: 0 1px 3px rgba(15,23,42,.04); }
.vk-stat__num { display: block; font-size: 2rem; font-weight: 800; color: var(--vk-color-primary); line-height: 1; }
.vk-stat__label { display: block; font-size: .82rem; color: var(--vk-color-muted); margin-top: 8px; }
.vk-panel__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.vk-panel__empty { background: var(--vk-color-bg); border: 1px dashed var(--vk-color-border); border-radius: var(--vk-radius); padding: 26px; text-align: center; }
.vk-panel__empty p { color: var(--vk-color-muted); margin: 0 0 12px; }

.vk-dash__questions { list-style: none; margin: 0; padding: 0; }
.vk-dash__questions li { padding: 12px 14px; border: 1px solid var(--vk-color-border); border-radius: 10px; margin-bottom: 8px; background: #fff; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; align-items: center; }
.vk-dash__questions a { color: var(--vk-color-primary-700); text-decoration: none; font-weight: 600; }
.vk-dash__qmeta { font-size: .78rem; color: var(--vk-color-muted); }
.vk-pill { font-size: .68rem; border-radius: 999px; padding: 2px 8px; margin-inline-start: 6px; }
.vk-pill--pending { background: #fef3c7; color: #92400e; }

.vk-fav-item { display: flex; flex-direction: column; }
.vk-fav-item__remove { text-align: center; }
.vk-fav-item__remove .vk-fav { margin-top: 6px; min-height: 34px; font-size: .8rem; }

/* فرم پنل وکیل */
.vk-panel-form { display: grid; grid-template-columns: 1fr; gap: 14px; max-width: 640px; }
@media (min-width: 600px) { .vk-panel-form { grid-template-columns: 1fr 1fr; } .vk-panel-form__row:first-child, .vk-panel-form__row:nth-last-child(2) { grid-column: 1 / -1; } }
.vk-panel-form__row { display: flex; flex-direction: column; gap: 5px; }
.vk-panel-form__row label { font-size: .85rem; font-weight: 600; color: var(--vk-color-fg); }
.vk-panel-form__row input, .vk-panel-form__row textarea { width: 100%; padding: 9px 11px; border: 1px solid var(--vk-color-border); border-radius: 10px; font-family: inherit; font-size: .92rem; background: #fff; }
.vk-panel-form__row textarea { line-height: 1.8; }
.vk-panel__notice { background: #ecfdf5; border: 1px solid #a7f3d0; color: #047857; border-radius: 10px; padding: 10px 14px; margin-bottom: 14px; font-size: .9rem; }
.vk-panel__notice--wait { background: #fffbeb; border-color: #fde68a; color: #92400e; }
.vk-panel__notice--err { background: #fef2f2; border-color: #fecaca; color: #dc2626; }

/* فرم پنل: ردیف تمام‌عرض، تلفن تکرارشونده، گرید تخصص، عکس */
.vk-panel-form__row--full { grid-column: 1 / -1; }
.vk-panel-form__thumb img { border-radius: 10px; margin-bottom: 6px; display: block; }
.vk-phone-row { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; }
.vk-phone-row input { flex: 1; padding: 9px 11px; border: 1px solid var(--vk-color-border); border-radius: 10px; font-family: inherit; font-size: .92rem; background: #fff; }
.vk-phone-row__del { flex-shrink: 0; width: 34px; height: 34px; border: 1px solid var(--vk-color-border); background: #fff; border-radius: 8px; cursor: pointer; color: #dc2626; font-size: 1.1rem; line-height: 1; }
.vk-phone-row__del:hover { border-color: #fca5a5; background: #fef2f2; }
.vk-phone-add { margin-top: 4px; min-height: 38px; align-self: flex-start; }
.vk-checkgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 6px 14px; max-height: 240px; overflow: auto; border: 1px solid var(--vk-color-border); border-radius: 10px; padding: 12px; background: #fff; }
.vk-checkgrid__item { display: flex; align-items: center; gap: 6px; font-size: .9rem; font-weight: 500; cursor: pointer; }
.vk-checkgrid__item input { width: auto; }
.vk-modal__body { background: var(--vk-color-bg); border: 1px solid var(--vk-color-border); border-radius: 8px; padding: 10px 12px; margin: 0 0 12px; font-size: .88rem; line-height: 1.9; color: #475569; max-height: 180px; overflow: auto; }
.vk-field-hint { display: block; font-size: .78rem; color: var(--vk-color-muted); margin-top: 4px; }
/* فهرست نظرات در پنل وکیل (بدون نشان «پاسخ برگزیده») */
.vk-reviews-mini { list-style: none; margin: 0; padding: 0; }
.vk-reviews-mini > .vk-answer:first-child { background: none; border: 0; border-bottom: 1px dashed var(--vk-color-border); }