/* ═══════════════════════════════════════════════════════
   Narmpa Footer — Light / Clean  (#B43F3F)
   ═══════════════════════════════════════════════════════ */

/* ── Contact Bar (فرم مشاوره) ── */
.dmh-footer__contact-bar {
    background: var(--dm-paper, #fff);
    border-top: 1px solid var(--dm-line, #f0f0f0);
    padding: 24px 0;
    position: relative;
    z-index: 2;
}
.dmh-footer__contact-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}
.dmh-footer__contact-text { position: relative; padding-right: 18px; }
.dmh-footer__contact-text::before {
    content: '';
    position: absolute; right: 0; top: 4px;
    width: 4px; height: 44px;
    background: var(--dm-primary);
    border-radius: 4px;
}
.dmh-footer__contact-title { margin: 0 0 4px; font-size: 17px; font-weight: 600; color: var(--dm-ink-1, #222); line-height: 1.6; }
.dmh-footer__contact-title span { color: var(--dm-primary); font-weight: 800; }
.dmh-footer__contact-desc { margin: 0; font-size: 13px; color: var(--dm-ink-2, #777); line-height: 1.6; }

.dmh-footer__contact-form-wrap { flex-shrink: 0; min-width: 300px; }

/*
 * ── فرمِ فوتر، خروجیِ افزونهٔ فرم‌ساز ──
 *
 * مارکاپ دستِ افزونه است (.dmf-*)، ظاهرش این‌جا با طراحیِ فوتر یکی می‌شود:
 * همان کادرِ یکپارچه، همان شعاع و حاشیه، و دکمهٔ رنگِ اصلیِ سایت به‌جای نارنجیِ
 * پیش‌فرضِ افزونه.
 *
 * ⚠ هیچ‌جا important لازم نشد و عمداً هم استفاده نشده: قواعدِ افزونه تک‌کلاسی‌اند
 * (۰-۱-۰) و این‌ها با ظرفِ فوتر دوکلاسی می‌شوند (۰-۲-۰)، پس مستقل از ترتیبِ
 * بارگذاریِ دو شیوه‌نامه برنده‌اند.
 * ⚠ فاصله‌ها منطقی‌اند (padding-inline) نه چپ/راست، چون فوتر راست‌به‌چپ است و
 * همین کادر روی نسخهٔ چپ‌به‌راست هم باید درست بنشیند.
 */
.dmh-footer__contact-form-wrap .dmf-form,
.dmh-footer__contact-form-wrap form.dmf-form.dmf-form-single {
    max-width: none;
    width: 100%;
    margin: 0;
}

.dmh-footer__contact-form-wrap .dmf-single-row {
    background: var(--dm-paper-2, #f8f9fb);
    border: 1.5px solid var(--dm-line, #e8e8e8);
    border-radius: var(--dm-radius, 10px);
    transition: border-color .25s, box-shadow .25s, background .25s;
}

.dmh-footer__contact-form-wrap .dmf-single-row:focus-within {
    border-color: var(--dm-primary);
    background: var(--dm-paper, #fff);
    box-shadow: 0 0 0 3px var(--dm-primary-10);
}

.dmh-footer__contact-form-wrap .dmf-form .dmf-single-field input {
    padding: 11px 14px;
    font-size: 13px;
    color: var(--dm-ink-1, #222);
    font-family: inherit;
}

.dmh-footer__contact-form-wrap .dmf-single-submit {
    background: var(--dm-primary);
    padding: 11px 20px;
    gap: 7px;
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    transition: opacity .2s, background .2s;
}

.dmh-footer__contact-form-wrap .dmf-single-submit:hover:not(:disabled) {
    background: var(--dm-primary);
    opacity: .88;
}

/*
 * ⚠ دکمه تا وقتی افزونه نشانهٔ امنیتی‌اش را نگیرد disabled است — یعنی کاربر
 * لحظهٔ اولِ بازشدنِ صفحه همین حالت را می‌بیند. پس این حالت باید «در حالِ
 * آماده‌شدن» بخوانَد، نه «خراب»: کمی کم‌رنگ، ولی هم‌رنگِ خودِ دکمه.
 */
.dmh-footer__contact-form-wrap .dmf-single-submit:disabled {
    background: var(--dm-primary);
    opacity: .5;
}

.dmh-footer__contact-form-wrap .dmf-single-submit svg { fill: #fff; }

.dmh-footer__contact-form-wrap .dmf-form-msg {
    margin: 0 0 10px;
    padding: 9px 12px;
    font-size: 12.5px;
    border-radius: var(--dm-radius, 10px);
}


/* ── Body (روشن) ── */
.dmh-footer {
    direction: rtl;
    background: var(--dm-paper, #fff);
    color: var(--dm-ink-2, #777);
    border-top: 1px solid var(--dm-line, #f0f0f0);
}
/*
 * ⚠ عرض از همان توکنِ سایت خوانده می‌شود، نه یک عددِ جدا. قبلاً ۱۳۰۰ ثابت بود
 * در حالی که هدر و آرشیو روی --dm-container هستند، و نتیجه فوترِ باریک‌تر از
 * بقیهٔ صفحه بود. مقدارِ پشتیبان همان عددِ قبلی است تا اگر توکن نبود چیزی نشکند.
 */
.dmh-footer .container { max-width: var(--dm-container, 1300px); margin: 0 auto; padding: 0 1.5rem; }
.dmh-footer__body { padding: 48px 0 36px; }

/*
 * بدونِ نوارِ فرم، بدنه تنها چیزی است که فوتر را از محتوای صفحه جدا می‌کند —
 * پس خودش فاصله و خطِ بالایی را برمی‌دارد.
 */
.dmh-footer--no-form .dmh-footer__body {
    padding-top: 72px;
    border-top: 1px solid var(--dm-line, #f0f0f0);
}

.dmh-footer__grid {
    display: flex;
    flex-wrap: wrap;
    direction: rtl;
    gap: 36px;
    align-items: flex-start;
    flex-direction: row-reverse;
}
.dmh-footer__col { flex: 1 1 150px; min-width: 0; }
/* ستون برند پهن‌تر و در سمت چپ (آخرین آیتم در RTL) */
.dmh-footer__col--about { flex: 1 1 280px; }

/* ── عنوان ستون‌ها ── */
.dmh-footer__col-title {
    font-size: 15px;
    font-weight: 800;
    color: var(--dm-ink-1, #1a1a1a);
    margin: 0 0 22px;
    padding-bottom: 12px;
    position: relative;
}
.dmh-footer__col-title::after {
    content: '';
    position: absolute; bottom: 0; right: 0;
    width: 34px; height: 3px;
    background: var(--dm-primary);
    border-radius: 2px;
}

/* ── منوها ── */
.dmh-footer__menu-list { list-style: none; margin: 0; padding: 0; }
.dmh-footer__menu-list li { margin-bottom: 13px; }
.dmh-footer__menu-list a {
    text-decoration: none;
    color: var(--dm-ink-2, #777);
    font-size: 13.5px;
    line-height: 1.6;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color .2s, padding-right .2s;
}
.dmh-footer__menu-list a::before {
    content: '';
    display: inline-block;
    width: 5px; height: 5px;
    border-radius: 50%;
    background: var(--dm-primary);
    flex-shrink: 0;
    opacity: .55;
    transition: opacity .2s;
}
.dmh-footer__menu-list a:hover { color: var(--dm-primary); padding-right: 4px; }
.dmh-footer__menu-list a:hover::before { opacity: 1; }

/* ── لیست تماس ── */
.dmh-footer__contact-list { list-style: none; margin: 0; padding: 0; }
.dmh-footer__contact-item {
    display: flex; gap: 10px; align-items: flex-start;
    margin-bottom: 16px;
    font-size: 13.5px; line-height: 1.7; color: var(--dm-ink-2, #777);
}
.dmh-footer__contact-icon { flex-shrink: 0; margin-top: 2px; }
.dmh-footer__contact-icon svg { fill: var(--dm-primary); display: block; }
.dmh-footer__contact-item a {
    color: inherit; text-decoration: none;
    direction: ltr; display: inline-block;
    transition: color .2s;
}
.dmh-footer__contact-item a:hover { color: var(--dm-primary); }

/* ── ستون برند (چپ) ── */
.dmh-footer__col--about { text-align: right; }
.dmh-footer__logo { display: inline-block; margin-bottom: 16px; }
.dmh-footer__logo img { height: 56px; width: auto; }
.dmh-footer__about-text {
    font-size: 13.5px; line-height: 2; color: var(--dm-ink-3, #888); margin: 0 0 20px;
}

/* ── شبکه‌های اجتماعی ── */
.dmh-footer__socials { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 20px; }
.dmh-footer__social-link {
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 40px;
    border-radius: 50%;
    background: var(--dm-paper-2, #f5f5f5);
    border: 1px solid var(--dm-line, #ececec);
    transition: background .22s, transform .22s, border-color .22s;
    text-decoration: none;
}
.dmh-footer__social-link svg { fill: #999; transition: fill .22s; }
.dmh-footer__social-link img { width: 20px; height: 20px; object-fit: contain; }
.dmh-footer__social-link:hover {
    background: var(--dm-primary);
    border-color: var(--dm-primary);
    transform: translateY(-3px);
}
.dmh-footer__social-link:hover svg { fill: #fff; }

/* ── نمادهای اعتماد ── */
.dmh-footer__namads { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.dmh-footer__namad-item { display: inline-flex; }
.dmh-footer__namad-item img {
    height: 76px; width: auto;
    border-radius: 8px; object-fit: contain;
    border: 1px solid var(--dm-line, #f0f0f0);
    background: var(--dm-paper, #fff);
    transition: transform .2s;
}
.dmh-footer__namad-item:hover img { transform: scale(1.05); }

/*
 * ⚠ حالتِ «کدِ HTML/شورت‌کد»: محتوای این ظرف دستِ خودِ ارائه‌دهندهٔ نماد است
 * (نه مارکاپِ قالب)، پس نباید به هیچ اندازه‌ای بزرگ‌تر از تصویرِ عادیِ نماد
 * (۷۶px) در فوتر جا بگیرد — وگرنه هر اسکریپت/استایلِ داخلیِ آن می‌تواند فوتر
 * را به‌هم بریزد. سقفِ عرض/ارتفاع + overflow:hidden روی خودِ ظرف، و
 * max-width/height:100% روی هر تگِ رایجِ داخلی (img/svg/iframe/a) تا محتوا
 * کوچک‌تر شود، نه برش بخورد.
 */
.dmh-footer__namad-item--html {
    max-width: 76px;
    max-height: 76px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}
.dmh-footer__namad-item--html > * { max-width: 100%; max-height: 76px; }
.dmh-footer__namad-item--html img,
.dmh-footer__namad-item--html svg,
.dmh-footer__namad-item--html iframe {
    width: auto;
    height: auto;
    max-width: 76px;
    max-height: 76px;
    object-fit: contain;
}


/* ── Bottom Bar (روشن) ── */
.dmh-footer__bottom {
    background: var(--dm-paper-2, #fafafa);
    border-top: 1px solid var(--dm-line, #f0f0f0);
    padding: 16px 0;
}
.dmh-footer__bottom-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.dmh-footer__copyright,
.dmh-footer__credit {
    margin: 0;
    font-size: 12.5px;
    color: var(--dm-ink-3, #999);
    line-height: 1.6;
}
.dmh-footer__copyright span,
.dmh-footer__credit span { color: var(--dm-primary); font-weight: 800; }


/* ══════════════════════════════
   Responsive
══════════════════════════════ */
@media (max-width: 1100px) {
    .dmh-footer__grid { gap: 30px; }
    .dmh-footer__col { flex: 1 1 30%; }
    .dmh-footer__col--about { flex: 1 1 100%; order: -1; }
}
@media (max-width: 640px) {
    .dmh-footer__grid { gap: 26px; }
    .dmh-footer__col { flex: 1 1 40%; }
    .dmh-footer__col--about { flex: 1 1 100%; }
    .dmh-footer__contact-inner { flex-direction: column; align-items: flex-start; }
    .dmh-footer__contact-form-wrap { width: 100%; min-width: unset; }
    .dmh-footer__contact-text { padding-right: 14px; }
    .dmh-footer__bottom-inner { flex-direction: column; align-items: center; text-align: center; }
    .dmh-footer__body { padding: 32px 0 24px; }
    .dmh-footer--no-form .dmh-footer__body { padding-top: 48px; }
    .dmh-footer__socials { justify-content: flex-start; }
}
@media (max-width: 420px) {
    .dmh-footer__grid { grid-template-columns: 1fr; }
}

/* ============================================================
   تطبیق فوتر با تم دارک (Dark Mode)
   ============================================================ */

body.theme-dark .dmh-footer__contact-bar,
body.theme-dark .dmh-footer,
body.theme-dark .dmh-footer__bottom {
    background: var(--dm-footer-bg);
    border-color: var(--dm-border);
}

body.theme-dark .dmh-footer__contact-title,
body.theme-dark .dmh-footer__col-title {
    color: #ffffff;
}

body.theme-dark .dmh-footer__contact-desc,
body.theme-dark .dmh-footer__about-text,
body.theme-dark .dmh-footer__menu-list a,
body.theme-dark .dmh-footer__contact-item,
body.theme-dark .dmh-footer__copyright,
body.theme-dark .dmh-footer__credit {
    color: var(--dm-footer-text);
}

/*
 * اصلاح فرم فوتر در حالت دارک.
 * ⚠ سلکتورها همراهِ مارکاپِ تازه (خروجیِ افزونهٔ فرم‌ساز) به‌روز شدند؛ نسخهٔ
 * قبلی کادرِ دست‌سازِ قالب را هدف می‌گرفت که دیگر وجود ندارد. بدونِ این
 * به‌روزرسانی، تنها چیزی که در حالتِ تیره می‌شکست همین یک کادر بود.
 */
body.theme-dark .dmh-footer__contact-form-wrap .dmf-single-row {
    background: var(--dm-border);
    border-color: var(--dm-border);
}

body.theme-dark .dmh-footer__contact-form-wrap .dmf-form .dmf-single-field input {
    color: #ffffff;
}

/* اصلاح آیکون‌های تماس */
body.theme-dark .dmh-footer__contact-icon svg {
    fill: var(--dm-primary);
}

/* اصلاح لینک‌ها در حالت هاور */
body.theme-dark .dmh-footer__menu-list a:hover,
body.theme-dark .dmh-footer__contact-item a:hover {
    color: var(--dm-primary);
}

/* اصلاح شبکه‌های اجتماعی */
body.theme-dark .dmh-footer__social-link {
    background: var(--dm-border);
    border-color: var(--dm-border);
}

body.theme-dark .dmh-footer__social-link svg {
    fill: var(--dm-text-muted);
}

body.theme-dark .dmh-footer__social-link:hover {
    background: var(--dm-primary);
    border-color: var(--dm-primary);
}

/* اصلاح نمادهای اعتماد */
body.theme-dark .dmh-footer__namad-item img {
    background: var(--dm-paper, #ffffff); /* نمادها معمولا پس‌زمینه سفید دارند و باید روی بک‌گراند دارک سفید بمانند */
    border-color: transparent;
}

body.theme-dark .dmh-footer__logo img {
    filter: brightness(0) invert(1);
}