/*
 * Arka Frontend — سربرگ و پابرگ ارکا سرویس
 * موبایل‌اول، RTL. توکن‌های رنگ از Additional CSS سراسری خوانده می‌شود
 * (var با مقدار جایگزین در صورت نبود توکن).
 * v1.1.9: پالت نهایی کاربر — سرمه‌ای #162C5B/#0F1F42 ساختار، نارنجی #F58220 فقط CTA/تأکید،
 *         خنثی‌های #F5F7FA/#EEF2F7، متن #20242C/#667085، حاشیه #E2E7EF، وضعیت‌ها سبز/کهربایی/قرمز جدید
 * v1.3.0: فوکوس فیلد پاپ‌آپ ورود خنثی/سرمه‌ای (رفع «دو کادر نارنجی»)، بازطراحی برگهٔ
 *         «ورود به گارانتی ارکا» هم‌شکل پاپ‌آپ، آیکون آیتم‌های منوی هدر، حلقهٔ تمرکز
 *         فرم‌های افزونهٔ ارکا سرمه‌ای (نارنجی فقط دکمهٔ CTA)
 */

html {
        scroll-padding-top: 88px;
}
@media (max-width: 879px) {
        html {
                scroll-padding-top: 76px;
        }
}

/* ---------- لینک پرش به محتوا ---------- */
.arka-skip-link {
        position: absolute;
        top: -56px;
        inset-inline-start: 12px;
        z-index: 10000;
        background: var(--arka-primary, #162C5B);
        color: #fff;
        padding: 10px 16px;
        border-radius: 0 0 10px 10px;
        font-size: 14px;
        text-decoration: none;
        transition: top 0.15s ease;
}
.arka-skip-link:focus,
.arka-skip-link:focus-visible {
        top: 0;
        color: #fff;
}

/* ---------- پوستهٔ مرکزی ---------- */
.arka-shell {
        width: 100%;
        max-width: 1100px;
        margin-inline: auto;
        padding-inline: 16px;
}
@media (min-width: 880px) {
        .arka-shell {
                padding-inline: 24px;
        }
}

/* ---------- سربرگ ---------- */
.arka-site-header {
        position: sticky;
        top: 0;
        z-index: 9990;
        background: rgba(255, 255, 255, 0.96);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        border-bottom: 1px solid var(--arka-border, #E2E7EF);
        box-shadow: 0 2px 10px rgba(15, 31, 66, 0.06);
}
.arka-site-header__inner {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 64px;
}
@media (min-width: 880px) {
        .arka-site-header__inner {
                min-height: 72px;
                gap: 16px;
        }
}

/* v1.1.6: هدر موبایل شناور — مثل نمونهٔ کاربر، از بالای صفحه و کناره‌ها جدا با گوشهٔ گرد */
@media (max-width: 879px) {
        .arka-site-header {
                top: 8px;
                margin: 8px 10px 4px;
                border: 1px solid var(--arka-border, #E2E7EF);
                border-radius: 16px;
                box-shadow: 0 6px 18px rgba(15, 31, 66, 0.1);
        }
        .arka-site-header__inner {
                min-height: 58px;
        }
        /* منوی بازشو هم‌عرض کارت هدر، با فاصلهٔ کوتاه و گوشهٔ گرد */
        .arka-nav.is-open .arka-menu {
                top: calc(100% + 6px);
                border: 1px solid var(--arka-border, #E2E7EF);
                border-radius: 14px;
        }
}

/* نشان برند */
.arka-brand {
        display: flex;
        align-items: center;
        gap: 10px;
        text-decoration: none;
        color: var(--arka-text, #20242C);
        margin-inline-end: auto;
        flex: 0 1 auto;
        min-width: 0;
}
/* نشان برند — v1.1.8: لوگوی رسمی ارکا به‌جای نشان متنی */
.arka-brand__logo {
        display: block;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        flex: 0 0 auto;
}
@media (max-width: 879px) {
        .arka-brand__logo {
                width: 40px;
                height: 40px;
        }
}
.arka-brand__text {
        display: flex;
        flex-direction: column;
        line-height: 1.4;
        min-width: 0;
}
.arka-brand__text strong {
        font-size: 16px;
        font-weight: 700;
        color: var(--arka-primary, #162C5B);
        white-space: nowrap;
}
.arka-brand__text small {
        font-size: 11px;
        color: var(--arka-muted, #667085);
        white-space: nowrap;
}
@media (max-width: 420px) {
        .arka-brand__text small {
                display: none;
        }
}

/* منو */
.arka-nav {
        position: static;
}
.arka-menu {
        list-style: none;
        margin: 0;
        padding: 0;
        display: none;
}
.arka-nav.is-open .arka-menu {
        display: block;
        position: absolute;
        top: 100%;
        inset-inline: 0;
        background: #fff;
        border-bottom: 1px solid var(--arka-border, #E2E7EF);
        box-shadow: 0 12px 24px rgba(15, 31, 66, 0.1);
        padding: 6px 16px 12px;
}
.arka-menu li + li {
        border-top: 1px solid var(--arka-border, #E2E7EF);
}
.arka-menu a {
        display: flex;
        align-items: center;
        gap: 7px;
        padding: 12px 4px;
        text-decoration: none;
        color: var(--arka-primary, #162C5B);
        font-size: 15px;
        font-weight: 500;
}
.arka-menu a:hover,
.arka-menu a:focus-visible {
        color: var(--arka-accent, #F58220);
}
@media (min-width: 880px) {
        .arka-menu {
                display: flex;
                align-items: center;
                gap: 2px;
        }
        .arka-menu li + li {
                border-top: 0;
        }
        .arka-menu a {
                padding: 10px 14px;
                border-radius: 10px;
                font-size: 14.5px;
        }
        .arka-menu a:hover,
        .arka-menu a:focus-visible {
                background: var(--arka-bg, #F5F7FA);
        }
}

/* ---------- v1.3.0: آیکون آیتم‌های منوی هدر (mask — رنگ با currentColor) ---------- */
.arka-menu [class*='arka-mi--'] > a::before {
        content: "";
        flex: 0 0 auto;
        width: 18px;
        height: 18px;
        background: currentColor;
        -webkit-mask: var(--arka-mi-icon) center/contain no-repeat;
        mask: var(--arka-mi-icon) center/contain no-repeat;
}
.arka-menu .arka-mi--home {
        --arka-mi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}
.arka-menu .arka-mi--lookup {
        --arka-mi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
}
.arka-menu .arka-mi--panel {
        --arka-mi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E");
}
.arka-menu .arka-mi--about {
        --arka-mi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E");
}
.arka-menu .arka-mi--contact {
        --arka-mi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}
.arka-menu .arka-mi--faq {
        --arka-mi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
}
.arka-menu .arka-mi--terms {
        --arka-mi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");
}

/* دکمهٔ منوی موبایل — specificity بالاتر از reset.css قالب */
.arka-nav .arka-nav__toggle {
        display: inline-grid;
        place-items: center;
        width: 44px;
        height: 44px;
        border: 1px solid var(--arka-border, #E2E7EF);
        background: #fff;
        border-radius: 12px;
        cursor: pointer;
        padding: 0;
        flex: 0 0 auto;
}
.arka-nav__toggle-box {
        display: flex;
        flex-direction: column;
        gap: 5px;
        width: 20px;
}
.arka-nav__toggle-box i {
        display: block;
        height: 2px;
        border-radius: 2px;
        background: var(--arka-primary, #162C5B);
        transition: transform 0.2s ease, opacity 0.2s ease;
}
.arka-nav.is-open .arka-nav__toggle-box i:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
}
.arka-nav.is-open .arka-nav__toggle-box i:nth-child(2) {
        opacity: 0;
}
.arka-nav.is-open .arka-nav__toggle-box i:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
}
@media (min-width: 880px) {
        .arka-nav .arka-nav__toggle {
                display: none;
        }
}

/* دکمهٔ ورود به پنل */
.arka-header-cta {
        flex: 0 0 auto;
        background: var(--arka-accent, #F58220);
        color: #fff;
        text-decoration: none;
        font-weight: 700;
        font-size: 14px;
        padding: 10px 14px;
        border-radius: 12px;
        white-space: nowrap;
        transition: background 0.15s ease, transform 0.15s ease;
}
.arka-header-cta:hover {
        background: var(--arka-accent-dark, #E66D0A);
        color: #fff;
        transform: translateY(-1px);
}
@media (max-width: 879px) {
        .arka-header-cta {
                font-size: 12.5px;
                padding: 9px 12px;
        }
}

/* دسترس‌پذیری: حلقهٔ تمرکز واضح */
.arka-site-header a:focus-visible,
.arka-site-header button:focus-visible,
.arka-site-footer a:focus-visible,
.arka-skip-link:focus-visible {
        outline: 3px solid var(--arka-accent, #F58220);
        outline-offset: 2px;
        border-radius: 6px;
}

/* ---------- پابرگ ---------- */
.arka-site-footer {
        margin-top: 56px;
        background: var(--arka-primary-dark, #0F1F42);
        color: #C9D2E4;
}
.arka-site-footer__grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 28px;
        padding-block: 36px 8px;
}
@media (min-width: 880px) {
        .arka-site-footer__grid {
                grid-template-columns: 1.4fr 1fr 1fr;
                gap: 40px;
                padding-block: 48px 8px;
        }
}
.arka-footer-title {
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        margin: 0 0 12px;
        position: relative;
        padding-inline-start: 12px;
}
.arka-footer-title::before {
        content: '';
        position: absolute;
        inset-inline-start: 0;
        top: 4px;
        bottom: 4px;
        width: 4px;
        border-radius: 4px;
        background: var(--arka-accent, #F58220);
}
.arka-footer-about {
        font-size: 13.5px;
        line-height: 2;
        color: #C9D2E4;
        margin: 0;
        max-width: 44ch;
}
.arka-site-footer ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        gap: 10px;
}
.arka-site-footer a {
        color: #C9D2E4;
        text-decoration: none;
        font-size: 13.5px;
        transition: color 0.15s ease;
}
.arka-site-footer a:hover,
.arka-site-footer a:focus-visible {
        color: #fff;
}
.arka-site-footer li {
        font-size: 13.5px;
        color: #C9D2E4;
        line-height: 1.9;
}
.arka-ph {
        border-bottom: 1px dashed rgba(255, 255, 255, 0.35);
        padding-bottom: 1px;
        color: #A9B4C9;
}
.arka-site-footer__bar {
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        margin-top: 28px;
}
.arka-site-footer__bar-inner {
        display: flex;
        justify-content: center;
        padding-block: 14px;
}
.arka-site-footer__bar p {
        margin: 0;
        font-size: 12.5px;
        color: #9DAAC4;
}

/* ---------- چیدمان ستونی بدنه: فوتر در صفحات کوتاه به ته صفحه بچسبد ---------- */
body.arka-frontend-active {
        min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
        display: flex;
        flex-direction: column;
}
body.arka-frontend-active main#content {
        flex: 1 0 auto;
        width: 100%;
}
body.arka-frontend-active .arka-site-footer {
        margin-top: auto;
}

/* ---------- حذف عنوان تکراری برگه (پشتیبان فیلتر قالب) ---------- */
.arka-frontend-active .page-header {
        display: none;
}

/* ---------- v1.1.0: منوی موبایل سمت راست (ابتدای چیدمان RTL) ---------- */
@media (max-width: 879px) {
        .arka-nav {
                order: -1;
        }
        .arka-brand {
                margin-inline-end: 0;
        }
        .arka-header-cta {
                margin-inline-start: auto;
        }
}

/* ---------- v1.1.0: پنجرهٔ نتیجهٔ استعلام گارانتی ---------- */
.arka-lu-overlay {
        position: fixed;
        inset: 0;
        z-index: 99950;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        background: rgba(15, 31, 66, 0.55);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
}
.arka-lu-overlay[hidden] {
        display: none;
}
.arka-lu {
        direction: rtl;
        text-align: right;
        width: 100%;
        max-width: 560px;
        max-height: min(86vh, 720px);
        overflow: auto;
        background: #fff;
        border-radius: 18px;
        box-shadow: 0 24px 60px rgba(15, 31, 66, 0.35);
        font-family: inherit;
        position: relative;
        animation: arkaLuIn 0.18s ease;
}
@keyframes arkaLuIn {
        from {
                transform: translateY(10px);
                opacity: 0;
        }
        to {
                transform: none;
                opacity: 1;
        }
}
.arka-lu__close {
        position: absolute;
        top: 10px;
        inset-inline-start: 10px;
        width: 36px;
        height: 36px;
        border-radius: 10px;
        border: 1px solid var(--arka-border, #E2E7EF);
        background: #fff;
        color: var(--arka-text, #20242C);
        font-size: 20px;
        line-height: 1;
        cursor: pointer;
        z-index: 2;
}
.arka-lu__close:hover {
        background: var(--arka-bg, #F5F7FA);
}
.arka-lu__inner {
        padding: 20px;
}
.arka-lu__title {
        margin: 0 0 4px;
        font-size: 17px;
        font-weight: 800;
        color: var(--arka-primary, #162C5B);
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        padding-inline-start: 46px; /* فاصله از دکمهٔ بستن (سمت شروع RTL) */
}
.arka-lu__nf .arka-lu__title,
.arka-lu__ok .arka-lu__title {
        padding-inline-start: 0; /* نماهای وسط‌چین دکمهٔ بستن ندارند */
}
.arka-lu__sub {
        font-size: 13px;
        color: var(--arka-muted, #667085);
        margin: 0 0 14px;
}
.arka-lu__badge {
        display: inline-block;
        padding: 3px 12px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 700;
        background: #EEF2F7;
        color: #20242C;
}
.arka-lu__badge-awaiting_receipt_confirmation,
.arka-lu__badge-ready_for_activation {
        background: #FBF1DC;
        color: #B7791F;
}
.arka-lu__badge-active {
        background: #E6F4EC;
        color: #168653;
}
.arka-lu__badge-cancelled,
.arka-lu__badge-blocked {
        background: #FBEAEA;
        color: #C93636;
}
.arka-lu__badge-expired {
        background: #EEF2F7;
        color: #667085;
}
.arka-lu__fact {
        display: flex;
        gap: 6px;
        align-items: baseline;
        flex-wrap: wrap;
        background: var(--arka-bg, #F5F7FA);
        border: 1px solid var(--arka-border, #E2E7EF);
        border-radius: 12px;
        padding: 10px 12px;
        font-size: 13.5px;
        margin: 0 0 14px;
        color: var(--arka-text, #20242C);
}
.arka-lu__fact strong {
        color: var(--arka-primary, #162C5B);
}
.arka-lu__sec {
        font-size: 13px;
        font-weight: 800;
        color: var(--arka-muted, #667085);
        margin: 14px 0 8px;
}
.arka-lu__prod {
        border: 1px solid var(--arka-border, #E2E7EF);
        border-radius: 14px;
        padding: 12px 14px;
        margin-bottom: 10px;
}
.arka-lu__prod-name {
        font-weight: 700;
        font-size: 14.5px;
        color: var(--arka-text, #20242C);
}
.arka-lu__prod-meta {
        font-size: 12.5px;
        color: var(--arka-muted, #667085);
        margin: 2px 0 0;
}
.arka-lu__chips {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 8px;
}
.arka-lu__chip {
        display: inline-flex;
        flex-direction: column;
        gap: 2px;
        border-radius: 10px;
        padding: 6px 10px;
        font-size: 12px;
        background: #EEF2F7;
        color: var(--arka-primary, #162C5B);
        border: 1px solid #D8E1EF;
        min-width: 0;
}
.arka-lu__chip b {
        font-weight: 700;
        font-size: 12.5px;
}
.arka-lu__chip small {
        color: #667085;
}
.arka-lu__note {
        font-size: 13px;
        color: var(--arka-muted, #667085);
        background: var(--arka-bg, #F5F7FA);
        border-radius: 10px;
        padding: 8px 12px;
        margin: 12px 0 0;
}
.arka-lu__cta {
        margin-top: 16px;
        display: grid;
        gap: 8px;
}
.arka-lu__btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        border: 0;
        cursor: pointer;
        background: var(--arka-accent, #F58220);
        color: #fff;
        font-weight: 800;
        font-size: 15px;
        padding: 12px 16px;
        border-radius: 12px;
        text-decoration: none;
        transition: background 0.15s ease;
}
.arka-lu__btn:hover {
        background: var(--arka-accent-dark, #E66D0A);
        color: #fff;
}
.arka-lu__btn:disabled {
        opacity: 0.6;
        cursor: default;
}
.arka-lu__err {
        color: #C93636;
        background: #FBEAEA;
        border-radius: 10px;
        padding: 8px 12px;
        font-size: 13px;
}
.arka-lu__ok,
.arka-lu__nf {
        text-align: center;
        padding: 14px 4px 4px;
}
.arka-lu__ok-icon,
.arka-lu__nf-icon {
        width: 54px;
        height: 54px;
        margin: 0 auto 10px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        font-size: 24px;
        font-weight: 800;
}
.arka-lu__ok-icon {
        background: #E6F4EC;
        color: #168653;
}
.arka-lu__nf-icon {
        background: #FBF1DC;
        color: #B7791F;
}
.arka-lu__ok-title {
        font-weight: 800;
        font-size: 16px;
        color: #168653;
        margin: 0 0 6px;
}
.arka-lu__ok-sub {
        font-size: 13.5px;
        color: var(--arka-muted, #667085);
        margin: 0;
}
.arka-lu__nf-list {
        text-align: right;
        font-size: 13.5px;
        color: var(--arka-text, #20242C);
        line-height: 2;
        margin: 10px 0 0;
        padding-inline-start: 18px;
}
.arka-lu__spin {
        width: 34px;
        height: 34px;
        margin: 26px auto;
        border-radius: 50%;
        border: 3px solid var(--arka-border, #E2E7EF);
        border-top-color: var(--arka-accent, #F58220);
        animation: arkaLuSpin 0.8s linear infinite;
}
@keyframes arkaLuSpin {
        to {
                transform: rotate(360deg);
        }
}
.arka-lu-reopen {
        margin-top: 10px;
}
@media (max-width: 480px) {
        .arka-lu__inner {
                padding: 16px;
        }
        .arka-lu {
                max-height: 92vh;
                border-radius: 16px;
        }
}

/* ---------- v1.1.1: کیت صفحات اطلاعاتی (درباره ما، تماس با ما، شرایط گارانتی، سوالات متداول) ---------- */
.arka-page {
        max-width: 1100px;
        margin: 0 auto;
        padding: 28px 16px 8px;
}
@media (min-width: 880px) {
        .arka-page {
                padding: 40px 24px 8px;
        }
}
.arka-hero {
        position: relative;
        overflow: hidden;
        border-radius: 22px;
        color: #fff;
        padding: 40px 24px;
        margin-bottom: 28px;
}
/* v1.1.8: گرادیان نارنجی با انتخابگر اسکوپ‌شده — CSS سفارشی سراسری بعد از افزونه لود می‌شود
   و قاعدهٔ هم‌سطحِ .arka-hero را بازنویسی می‌کرد؛ با (0,2,0) گرادیان برنده می‌ماند */
.arka-page .arka-hero {
        background: linear-gradient(135deg, var(--arka-primary, #162C5B) 0%, var(--arka-primary-dark, #0F1F42) 100%);
}
@media (min-width: 880px) {
        .arka-hero {
                padding: 56px 48px;
        }
}
.arka-hero::after {
        content: '';
        position: absolute;
        inset-inline-end: -80px;
        top: -80px;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.18);
}
.arka-hero h1 {
        margin: 0 0 10px;
        font-size: 26px;
        font-weight: 800;
        line-height: 1.5;
        position: relative;
        z-index: 1;
}
@media (min-width: 880px) {
        .arka-hero h1 {
                font-size: 34px;
        }
}
.arka-hero p {
        margin: 0;
        font-size: 15px;
        line-height: 2.1;
        color: #C9D2E4;
        max-width: 62ch;
        position: relative;
        z-index: 1;
}
.arka-page h2.arka-h2 {
        font-size: 20px;
        font-weight: 800;
        color: var(--arka-primary, #162C5B);
        margin: 36px 0 14px;
        position: relative;
        padding-inline-start: 14px;
}
.arka-page h2.arka-h2::before {
        content: '';
        position: absolute;
        inset-inline-start: 0;
        top: 5px;
        bottom: 5px;
        width: 5px;
        border-radius: 5px;
        background: var(--arka-accent, #F58220);
}
.arka-page p.arka-lead {
        font-size: 15px;
        line-height: 2.2;
        color: var(--arka-text, #20242C);
        margin: 0 0 14px;
}
.arka-cov {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        margin: 18px 0;
}
@media (min-width: 680px) {
        .arka-cov {
                grid-template-columns: repeat(3, 1fr);
        }
}
.arka-cov-card {
        background: #fff;
        border: 1px solid var(--arka-border, #E2E7EF);
        border-radius: 16px;
        padding: 20px 18px;
        text-align: center;
        box-shadow: 0 2px 8px rgba(15, 31, 66, 0.05);
}
.arka-cov-card .arka-cov-num {
        display: inline-grid;
        place-items: center;
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background: #EEF2F7;
        color: #162C5B;
        font-size: 17px;
        font-weight: 800;
        margin-bottom: 10px;
}
.arka-cov-card h3 {
        margin: 0 0 6px;
        font-size: 16px;
        font-weight: 800;
        color: var(--arka-primary, #162C5B);
}
.arka-cov-card p {
        margin: 0;
        font-size: 13px;
        line-height: 2;
        color: var(--arka-muted, #667085);
}
.arka-gallery {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        margin: 18px 0;
}
@media (min-width: 680px) {
        .arka-gallery {
                grid-template-columns: repeat(3, 1fr);
        }
}
.arka-gallery figure {
        margin: 0;
        background: #fff;
        border: 1px solid var(--arka-border, #E2E7EF);
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(15, 31, 66, 0.05);
}
.arka-gallery img {
        display: block;
        width: 100%;
        height: 260px;
        object-fit: cover;
        object-position: top;
}
.arka-gallery figcaption {
        padding: 10px 14px;
        font-size: 12.5px;
        color: var(--arka-muted, #667085);
        line-height: 1.9;
}
.arka-contact-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        margin: 18px 0;
}
@media (min-width: 680px) {
        .arka-contact-grid {
                grid-template-columns: repeat(2, 1fr);
        }
}
.arka-contact-card {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        background: #fff;
        border: 1px solid var(--arka-border, #E2E7EF);
        border-radius: 16px;
        padding: 18px;
}
.arka-contact-card .arka-cicon {
        flex: 0 0 auto;
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        border-radius: 14px;
        background: var(--arka-bg, #F5F7FA);
        color: var(--arka-primary, #162C5B);
        font-size: 20px;
}
.arka-contact-card h3 {
        margin: 0 0 4px;
        font-size: 15px;
        font-weight: 800;
        color: var(--arka-primary, #162C5B);
}
.arka-contact-card p {
        margin: 0;
        font-size: 13.5px;
        line-height: 2;
        color: var(--arka-text, #20242C);
}
.arka-contact-card a {
        color: var(--arka-primary, #162C5B);
        text-decoration: none;
        font-weight: 700;
}
.arka-contact-card a:hover,
.arka-contact-card a:focus-visible {
        color: var(--arka-accent, #F58220);
}
.arka-faq {
        margin: 18px 0;
        display: grid;
        gap: 10px;
}
.arka-faq details {
        background: #fff;
        border: 1px solid var(--arka-border, #E2E7EF);
        border-radius: 14px;
        padding: 0 18px;
}
.arka-faq details[open] {
        border-color: var(--arka-primary, #162C5B);
        box-shadow: 0 2px 10px rgba(15, 31, 66, 0.08);
}
.arka-faq summary {
        cursor: pointer;
        font-size: 14.5px;
        font-weight: 700;
        color: var(--arka-primary, #162C5B);
        padding: 14px 0;
        line-height: 1.9;
}
.arka-faq details p {
        margin: 0 0 14px;
        font-size: 13.5px;
        line-height: 2.2;
        color: var(--arka-text, #20242C);
}
.arka-steps {
        counter-reset: arkastep;
        list-style: none;
        margin: 18px 0;
        padding: 0;
        display: grid;
        gap: 12px;
}
.arka-steps li {
        counter-increment: arkastep;
        position: relative;
        background: #fff;
        border: 1px solid var(--arka-border, #E2E7EF);
        border-radius: 14px;
        padding: 14px 56px 14px 16px;
        font-size: 13.5px;
        line-height: 2.1;
        color: var(--arka-text, #20242C);
}
.arka-steps li::before {
        content: counter(arkastep);
        position: absolute;
        right: 12px; /* شماره در سمت راست (ابتدای RTL) */
        top: 12px;
        display: grid;
        place-items: center;
        width: 30px;
        height: 30px;
        border-radius: 10px;
        background: var(--arka-primary, #162C5B);
        color: #fff;
        font-weight: 800;
        font-size: 14px;
}
.arka-note-box {
        background: #EEF2F7;
        border: 1px solid #D8E1EF;
        border-radius: 14px;
        padding: 14px 16px;
        font-size: 13.5px;
        line-height: 2.2;
        color: #162C5B;
        margin: 18px 0;
}
.arka-page ul.arka-list {
        margin: 12px 0;
        padding-inline-start: 22px;
        font-size: 14px;
        line-height: 2.4;
        color: var(--arka-text, #20242C);
}
.arka-cta-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin: 22px 0 8px;
}
.arka-cta-row a {
        background: var(--arka-accent, #F58220);
        color: #fff;
        text-decoration: none;
        font-weight: 800;
        font-size: 14px;
        padding: 12px 20px;
        border-radius: 12px;
        transition: background 0.15s ease;
}
.arka-cta-row a:hover {
        background: var(--arka-accent-dark, #E66D0A);
        color: #fff;
}
.arka-cta-row a.arka-cta-alt {
        background: #fff;
        color: var(--arka-primary, #162C5B);
        border: 1.5px solid var(--arka-primary, #162C5B);
}

/* ===== v1.1.3 ===== */
/* هیروی صفحات اطلاعاتی (کادر آبی): عنوان و متن وسط‌چین — در v1.1.3 راست بود،
   از v1.1.۴ به بنا بر درخواست کاربر هر دو وسط‌چین است (کلیهٔ صفحات دارای کادر آبی) */
.arka-page .arka-hero {
        text-align: center;
}
.arka-page .arka-hero p {
        margin-inline: auto;
}
/* خط زیرِ متن دکمه‌ها (از قالب Hello Elementor: .page-content a) حذف شود */
.arka-hero-actions a.wp-block-button__link,
.arka-page .arka-cta-row a,
.arka-page .arka-cov-card a {
        text-decoration: none;
}
/* دکمهٔ «ورود / ثبت نام» هیروی صفحهٔ اصلی — مطابق نمونهٔ کاربر:
   آیکون کاربر سمت راست + متن + فلش پایین سمت چپ، پس‌زمینهٔ خاکستری روشن */
.arka-hero-actions .arka-btn-login .wp-block-button__link {
        background: #F5F7FA;
        color: #162C5B;
        border: 1px solid #E2E7EF;
        border-radius: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 10px 16px;
        font-size: 0.95rem;
        font-weight: 700;
        line-height: 1.7;
        text-decoration: none;
}
.arka-hero-actions .arka-btn-login .wp-block-button__link::before,
.arka-hero-actions .arka-btn-login .wp-block-button__link::after {
        content: '';
        flex: none;
        display: inline-block;
}
.arka-hero-actions .arka-btn-login .wp-block-button__link::before {
        width: 20px;
        height: 20px;
        background: #162C5B;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M5 19.5c1.6-3.2 4.1-4.8 7-4.8s5.4 1.6 7 4.8'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M5 19.5c1.6-3.2 4.1-4.8 7-4.8s5.4 1.6 7 4.8'/%3E%3C/svg%3E") center/contain no-repeat;
}
.arka-hero-actions .arka-btn-login .wp-block-button__link::after {
        width: 14px;
        height: 14px;
        background: #667085;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.arka-hero-actions .arka-btn-login .wp-block-button__link:hover {
        background: #EEF2F7;
        color: #162C5B;
}

/* ===== v1.1.4: دکمهٔ حساب کاربری هدر ===== */
/* حالت مهمان: «ورود و ثبت نام» — همان ظاهر دکمهٔ نمونه (آیکون کاربر + متن) */
.arka-header-cta--login {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #F5F7FA;
        color: #162C5B;
        border: 1px solid #E2E7EF;
}
.arka-header-cta--login:hover {
        background: #EEF2F7;
        color: #162C5B;
        transform: none;
}
.arka-header-cta__icon,
.arka-account__icon {
        flex: none;
        width: 18px;
        height: 18px;
        background: currentColor;
        opacity: 0.85;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M5 19.5c1.6-3.2 4.1-4.8 7-4.8s5.4 1.6 7 4.8'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M5 19.5c1.6-3.2 4.1-4.8 7-4.8s5.4 1.6 7 4.8'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* حالت واردشده: لینک «پنل من» + کلید فلش منو (v1.6.0؛ قرص نارنجی برند از v1.6.1)
   لینک مستقیم به پنل؛ کلید فلش همان قرص ادامه می‌یابد و منو را باز/بسته می‌کند؛
   قرص نارنجی CTA برند (#F58220، هاور #E66D0A — هم‌خانوادهٔ دکمهٔ «پیوست‌کردن عکس/رسید»)
   تا تنها اکشن توپُر هدر و کاملاً دکمه‌نما باشد؛ CTA مهمان عمداً خنثی/طوسی می‌ماند */
.arka-account {
        position: relative;
        flex: 0 0 auto;
        display: inline-flex;
        align-items: stretch;
}
.arka-account__btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #F58220;
        color: #fff;
        border: 0;
        border-start-start-radius: 12px;
        border-end-start-radius: 12px;
        padding: 9px 13px;
        font-family: inherit;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.7;
        text-decoration: none;
        white-space: nowrap;
        transition: background 0.15s ease;
}
.arka-account__btn:hover,
.arka-account__btn:focus-visible {
        background: #E66D0A;
        color: #fff;
}
.arka-account__toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        background: #F58220;
        color: #fff;
        border: 0;
        cursor: pointer;
        padding: 0;
        border-start-end-radius: 12px;
        border-end-end-radius: 12px;
        border-inline-start: 1px solid rgba(255, 255, 255, 0.22);
        transition: background 0.15s ease;
}
.arka-account__toggle:hover {
        background: #E66D0A;
}
.arka-account__arrow {
        flex: none;
        width: 13px;
        height: 13px;
        background: rgba(255, 255, 255, 0.9);
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
        transition: transform 0.15s ease;
}
.arka-account.is-open .arka-account__arrow {
        transform: rotate(180deg);
}
.arka-account__menu {
        position: absolute;
        top: calc(100% + 8px);
        inset-inline-end: 0;
        min-width: 232px;
        background: #fff;
        border: 1px solid var(--arka-border, #E2E7EF);
        border-radius: 14px;
        box-shadow: 0 14px 34px rgba(15, 31, 66, 0.16);
        padding: 8px;
        z-index: 9991;
        /* v1.1.5: به‌جای display از visibility/opacity استفاده می‌شود تا بسته‌شدن منو
           با تأخیر کوتاه انجام شود (hover-intent) — به این ترتیب وقتی ماوس به‌سرعت از
           دکمه به سمت منو حرکت می‌کند، منو در مسیر بسته نمی‌شود و نمی‌پرد */
        visibility: hidden;
        opacity: 0;
        transform: translateY(6px);
        pointer-events: none;
        /* بسته‌شدن: محو در ۰٫۱۵ ثانیه؛ خاموش‌شدن واقعی (visibility/pointer-events)
           ۰٫۲۵ ثانیه بعد — فاصلهٔ امن برای رسیدن ماوس به منو */
        transition: opacity 0.15s ease, transform 0.15s ease,
                visibility 0s linear 0.25s, pointer-events 0s linear 0.25s;
}
.arka-account.is-open .arka-account__menu {
        visibility: visible;
        opacity: 1;
        transform: none;
        pointer-events: auto;
        /* باز شدن بدون تأخیر */
        transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s, pointer-events 0s;
}
/* در دسکتاپ با هاور هم منو باز شود (مثل نمونه) */
@media (min-width: 880px) and (hover: hover) {
        .arka-account:hover .arka-account__menu {
                visibility: visible;
                opacity: 1;
                transform: none;
                pointer-events: auto;
                transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s, pointer-events 0s;
        }
        /* پل هاور: ناحیهٔ ۱۲ پیکسلی زیر دکمه (که فاصلهٔ ۸ پیکسلی دکمه تا منو را می‌پوشاند)
           همیشه جزو ناحیهٔ هاور ویجت حساب است؛ حرکت سریع ماوس از دکمه به منو دیگر
           هاور را قطع نمی‌کند. پل شفاف است و روی هیچ محتوای قابل کلیکی نمی‌افتد */
        .arka-account::after {
                content: "";
                position: absolute;
                top: 100%;
                inset-inline: 0;
                height: 12px;
        }
        /* v1.1.7: بعد از بستن عمدی (Escape یا کلیکِ بستن روی خود دکمه)، تا وقتی ماوس
           روی ویجت مانده هاور نباید منو را فوراً دوباره باز کند — کلاس is-suppressed
           را JS در بستن عمدی می‌گذارد و با mouseleave یا کلیکِ بازکردن حذف می‌شود */
        .arka-account.is-suppressed:hover .arka-account__menu {
                visibility: hidden;
                opacity: 0;
                pointer-events: none;
        }
}
/* دسترس‌پذیری کیبورد: فقط وقتی فوکوس داخل خود منو است (Tab به آیتم‌ها) باز بماند؛
   فوکوسِ روی دکمه نباید منو را مجبور به بازماندن کند وگرنه بعد از Escape بسته نمی‌شود */
.arka-account__menu:focus-within {
        visibility: visible;
        opacity: 1;
        transform: none;
        pointer-events: auto;
        transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s, pointer-events 0s;
}
.arka-account__head {
        display: grid;
        gap: 2px;
        padding: 10px 12px;
        border-bottom: 1px solid #E2E7EF;
        margin-bottom: 6px;
}
.arka-account__head strong {
        font-size: 14px;
        font-weight: 800;
        color: #20242C;
}
.arka-account__head small {
        font-size: 12px;
        color: #667085;
}
.arka-account__menu a,
.arka-account__menu button {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 8px;
        padding: 10px 12px;
        border: 0;
        border-radius: 10px;
        background: none;
        font-family: inherit;
        font-size: 13.5px;
        font-weight: 600;
        color: #162C5B;
        text-decoration: none;
        cursor: pointer;
        text-align: right;
        line-height: 1.8;
}
/* v1.1.6: آیکون آیتم‌های منوی حساب (گرید برای پنل، خروج برای لگ‌اوت) */
.arka-account__item-icon {
        flex: none;
        width: 18px;
        height: 18px;
        background: currentColor;
        opacity: 0.8;
}
.arka-account__item-icon--panel {
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1.6'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1.6'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1.6'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='1.6'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1.6'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1.6'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1.6'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='1.6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.arka-account__item-icon--out {
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21h4a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-4'/%3E%3Cpolyline points='8 17 3 12 8 7'/%3E%3Cline x1='3' y1='12' x2='15' y2='12'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21h4a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-4'/%3E%3Cpolyline points='8 17 3 12 8 7'/%3E%3Cline x1='3' y1='12' x2='15' y2='12'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* v1.6.0: آیکون گارانتی (سپر) و درخواست خدمت (پرونده) برای منوی حساب */
.arka-account__item-icon--warranty {
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.6-3 8.1-7 10-4-1.9-7-5.4-7-10V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.6-3 8.1-7 10-4-1.9-7-5.4-7-10V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E") center/contain no-repeat;
}
.arka-account__item-icon--cases {
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.arka-account__menu a:hover,
.arka-account__menu a:focus-visible,
.arka-account__menu button:hover,
.arka-account__menu button:focus-visible {
        background: #EEF2F7;
        color: #162C5B;
}
/* v1.1.6: دکمهٔ خروج رنگ‌دار (قرمز ملایم همیشه، پررنگ‌تر با هاور) */
.arka-account__menu .arka-account__logout {
        color: #C93636;
        background: #FBEAEA;
        font-weight: 700;
}
.arka-account__menu button.arka-account__logout:hover,
.arka-account__menu button.arka-account__logout:focus-visible {
        background: #F5DADA;
        color: #A32B2B;
}
.arka-account__logout:disabled {
        opacity: 0.6;
        cursor: default;
}
/* در موبایل دکمهٔ حساب مثل CTA قبلی به انتهای چیدمان (چپ) برود */
@media (max-width: 879px) {
        .arka-account {
                margin-inline-start: auto;
        }
        .arka-account__menu {
                min-width: 216px;
        }
}

/* ===== v1.6.0: هم‌خوان با به‌روزرسانی افزونهٔ Arka Guarantee ===== */
/* دکمهٔ «پیوست‌کردن عکس/رسید» در پرونده‌های خدمت — در حالت معمول بی‌رنگ بود و
   قابل تشخیص نبود؛ رنگ برند (نارنجی CTA) می‌گیرد */
body .arka-dash .arka-attachment-submit {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-top: 2px;
        background: var(--arka-accent, #F58220) !important;
        color: #fff !important;
        font-family: inherit;
        font-weight: 800;
        font-size: 14px;
        padding: 11px 16px !important;
        border-radius: 10px !important;
        cursor: pointer;
        transition: background 0.15s ease;
}
body .arka-dash .arka-attachment-submit:hover,
body .arka-dash .arka-attachment-submit:focus-visible {
        background: var(--arka-accent-dark, #E66D0A) !important;
        color: #fff !important;
}
/* سایدبار چسبان صفحهٔ پنل زیر هدر چسبان نمی‌رود (top قبلی 20px بود؛ هدر ۷۳px است) */
@media (min-width: 920px) {
        body.arka-frontend-active .arka-panel-side {
                top: 88px !important;
        }
        body.admin-bar.arka-frontend-active .arka-panel-side {
                top: 120px !important; /* + نوار مدیریت ۳۲px */
        }
}

/* ===== v1.2.0: پاپ‌آپ «ورود / عضویت» (حالت مهمان) — طراحی مشابه نمونهٔ کاربر:
   لوگوی رسمی بالای پنجره، عنوان، فیلد موبایل با آیکون، دکمهٔ نارنجی و متن شرایط ===== */
.arka-lm {
        position: fixed;
        inset: 0;
        z-index: 99960; /* بالاتر از پنجرهٔ استعلام (99950) */
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        background: rgba(15, 31, 66, 0.55);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
}
.arka-lm[hidden] {
        display: none;
}
.arka-lm__dialog {
        direction: rtl;
        position: relative;
        width: 100%;
        max-width: 400px;
        max-height: min(92vh, 640px);
        overflow: auto;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 24px 60px rgba(15, 31, 66, 0.35);
        padding: 26px 24px 20px;
        text-align: center;
        font-family: inherit;
        animation: arkaLmIn 0.18s ease;
}
@keyframes arkaLmIn {
        from {
                transform: translateY(10px);
                opacity: 0;
        }
        to {
                transform: none;
                opacity: 1;
        }
}
.arka-lm__close {
        position: absolute;
        top: 12px;
        inset-inline-end: 12px; /* چپ در RTL — مثل نمونهٔ کاربر */
        width: 34px;
        height: 34px;
        border-radius: 10px;
        border: 1px solid var(--arka-border, #E2E7EF);
        background: #fff;
        color: var(--arka-text, #20242C);
        font-size: 19px;
        line-height: 1;
        cursor: pointer;
        z-index: 2;
}
.arka-lm__close:hover {
        background: var(--arka-bg, #F5F7FA);
}
.arka-lm__brand {
        display: grid;
        justify-items: center;
        gap: 6px;
        margin-bottom: 14px;
}
.arka-lm__logo {
        display: block;
        width: 64px;
        height: 64px;
        border-radius: 50%;
}
.arka-lm__brand-name {
        font-size: 16px;
        font-weight: 800;
        color: var(--arka-primary, #162C5B);
}
.arka-lm__brand-tag {
        font-size: 11.5px;
        color: var(--arka-muted, #667085);
}
.arka-lm__title {
        margin: 0 0 4px;
        font-size: 18px;
        font-weight: 800;
        color: var(--arka-primary, #162C5B);
}
.arka-lm__hint {
        margin: 0 0 14px;
        font-size: 13px;
        color: var(--arka-muted, #667085);
}
.arka-lm__field {
        display: flex;
        align-items: center;
        gap: 8px;
        /* v1.5.0: longhand + !important — الگوی مقاوم v1.3.0؛ توجه: کروم مقدار resolved
           ‎border-width‎ را به پیکسل صحیح گرد می‌کند (1.5px → گزارش 1px) و این طبیعی است */
        border-width: 1.5px !important;
        border-style: solid !important;
        border-color: var(--arka-border, #E2E7EF) !important;
        border-radius: 12px;
        padding: 0 12px;
        background: #fff;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.arka-lm__field:focus-within {
        border-color: var(--arka-primary, #162C5B) !important;
        box-shadow: 0 0 0 3px rgba(22, 44, 91, 0.10);
}
/* v1.4.0: آیکون کنار فیلدهای پاپ‌آپ حذف شد (خواستهٔ کاربر) — فیلد فقط ورودی ساده است
   v1.5.0: حذف «کادر داخلی» — reset.css قالب به input[type=tel/…] قاب ۱px + شعاع ۳px می‌دهد
   (اختصاصیت ۰,۱,۱ از ‎.arka-lm__input‎ یعنی ۰,۱,۰ بالاتر است) و در فوکوس هم هالهٔ سفید ۴px
   می‌گذارد؛ نتیجه داخل قاب خود فیلد یک کادر دوم دیده می‌شد. با ‎!important‎ بر آن غلبه می‌کنیم
   تا ورودی هیچ قاب/هالهٔ خودی نداشته باشد و فقط قاب بیرونیِ خود فیلد دیده شود. */
.arka-lm__field .arka-lm__input {
        flex: 1 1 auto;
        min-width: 0;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        padding: 11px 0;
        font-family: inherit;
        font-size: 15px;
        font-weight: 600;
        color: var(--arka-text, #20242C);
        text-align: left;
        letter-spacing: 0.5px;
}
.arka-lm__submit {
        display: block;
        width: 100%;
        margin-top: 12px;
        border: 0;
        cursor: pointer;
        background: var(--arka-accent, #F58220);
        color: #fff;
        font-family: inherit;
        font-weight: 800;
        font-size: 15px;
        padding: 12px 16px;
        border-radius: 12px;
        transition: background 0.15s ease;
}
.arka-lm__submit:hover {
        background: var(--arka-accent-dark, #E66D0A);
        color: #fff;
}
.arka-lm__submit:disabled {
        opacity: 0.6;
        cursor: default;
}
.arka-lm__error {
        color: #C93636;
        background: #FBEAEA;
        border-radius: 10px;
        padding: 8px 12px;
        font-size: 12.5px;
        line-height: 1.9;
        margin: 10px 0 0;
}
.arka-lm__error[hidden] {
        display: none;
}
.arka-lm__row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        margin-top: 10px;
}
.arka-lm__linkbtn {
        border: 0;
        background: none;
        cursor: pointer;
        font-family: inherit;
        font-size: 12.5px;
        font-weight: 700;
        color: var(--arka-primary, #162C5B);
        padding: 6px 4px;
}
.arka-lm__linkbtn:hover {
        color: var(--arka-accent, #F58220);
}
.arka-lm__linkbtn:disabled {
        color: var(--arka-muted, #667085);
        cursor: default;
}
.arka-lm__terms {
        margin: 16px 0 0;
        font-size: 11.5px;
        line-height: 2;
        color: var(--arka-muted, #667085);
}
.arka-lm__terms a {
        color: var(--arka-primary, #162C5B);
        font-weight: 700;
        text-decoration: underline;
}
.arka-lm__terms a:hover {
        color: var(--arka-accent, #F58220);
}
/* حلقهٔ تمرکز واضح برای کنترل‌های پاپ‌آپ (دسترس‌پذیری) —
   v1.3.0: فیلد متنی حالت تمرکز را با قاب سرمه‌ای خودِ فیلد نشان می‌دهد (بدون حلقهٔ نارنجی؛ نارنجی فقط دکمهٔ CTA) */
.arka-lm__dialog button:focus-visible,
.arka-lm__dialog a:focus-visible {
        outline: 3px solid var(--arka-accent, #F58220);
        outline-offset: 2px;
        border-radius: 6px;
}
.arka-lm__dialog input:focus-visible {
        outline: none;
}
@media (max-width: 480px) {
        .arka-lm__dialog {
                padding: 22px 18px 16px;
                border-radius: 16px;
        }
        .arka-lm__logo {
                width: 56px;
                height: 56px;
        }
}

/* ===== v1.3.0: حلقهٔ تمرکز فرم‌های افزونهٔ ارکا (استعلام + پنل) سرمه‌ای — نارنجی فقط دکمهٔ CTA ===== */
.arka-dash :is(input, select, textarea):focus-visible {
        outline-color: var(--arka-primary, #162C5B);
}

/* ===== v1.3.0: برگهٔ «ورود به گارانتی ارکا» — هم‌شکل پاپ‌آپ ورود =====
   کارت سفید گردگوشه با لوگوی رسمی، نام برند، عنوان و راهنمای داخل کارت؛
   فیلد با قاب سرمه‌ای هنگام تمرکز و دکمهٔ نارنجی تمام‌عرض.
   پیشوند body برای برتری بر استایل محتوای برگه (inline در body) است. */
body .arka-dash.arka-login {
        max-width: 400px;
        background: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: var(--arka-border, #E2E7EF);
        border-radius: 20px;
        box-shadow: 0 18px 44px rgba(15, 31, 66, 0.12);
        padding: 26px 24px 20px;
        text-align: center;
}
/* لوگوی رسمی به‌جای نشان قفل سرمه‌ای — همان لوگوی هدر/پاپ‌آپ */
body .arka-dash.arka-login::before {
        content: "";
        display: block;
        width: 64px;
        height: 64px;
        margin: 2px auto 10px;
        border-radius: 50%;
        background: url("https://arkagaranti.ir/wp-content/uploads/2026/10/arka-logo.png") center/cover no-repeat;
}
body .arka-dash.arka-login h3 {
        margin: 0 0 14px;
        font-size: 18px;
        font-weight: 800;
        color: var(--arka-primary, #162C5B);
        text-align: center;
        line-height: 1.7;
}
/* نام برند بالای عنوان (مطابق پاپ‌آپ) */
body .arka-dash.arka-login h3::before {
        content: "ارکا سرویس";
        display: block;
        font-size: 16px;
        font-weight: 800;
        color: var(--arka-primary, #162C5B);
        margin-bottom: 2px;
}
/* راهنمای ورود زیر عنوان (به‌جای یادداشت خط‌چین بالای کارت) */
body .arka-dash.arka-login h3::after {
        content: "برای ورود، شمارهٔ موبایل خود را وارد کنید؛ کد تأیید پیامک می‌شود.";
        display: block;
        font-size: 13px;
        font-weight: 400;
        color: var(--arka-muted, #667085);
        margin-top: 4px;
        line-height: 2;
}
/* یادداشت قدیمی بالای کارت حذف می‌شود (محتوایش داخل کارت تزریق شده) */
body.page-id-20 .arka-panel-note {
        display: none;
}
body .arka-dash.arka-login .arka-step label {
        display: block;
        text-align: right;
        font-size: 13px;
        font-weight: 600;
        color: var(--arka-text, #20242C);
        margin: 12px 0 6px;
}
body .arka-dash.arka-login .arka-step input {
        width: 100%;
        box-sizing: border-box;
        /* longhand + !important: شِنارکد حاوی var در برابر قواعد !important سراسری
           (‎.arka-dash input{border-color/border-radius !important}‎) می‌بازد */
        border-width: 1.5px !important;
        border-style: solid !important;
        border-color: var(--arka-border, #E2E7EF) !important;
        border-radius: 12px !important;
        background: #fff;
        padding: 11px 12px;
        font-family: inherit;
        font-size: 15px;
        font-weight: 600;
        color: var(--arka-text, #20242C);
        letter-spacing: 0.5px;
        margin-bottom: 4px;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body .arka-dash.arka-login .arka-step input:focus-visible {
        outline: none;
        border-color: var(--arka-primary, #162C5B) !important;
        box-shadow: 0 0 0 3px rgba(22, 44, 91, 0.10);
}
/* دکمهٔ نارنجی تمام‌عرض مثل پاپ‌آپ */
body .arka-dash.arka-login .arka-btn-primary {
        display: block;
        width: 100%;
        margin-top: 12px;
        padding: 12px 16px;
        font-size: 15px;
        font-weight: 800;
        border-radius: 12px !important;
        background: var(--arka-accent, #F58220) !important;
        color: #fff;
        transition: background 0.15s ease;
}
body .arka-dash.arka-login .arka-btn-primary:hover {
        background: var(--arka-accent-dark, #E66D0A) !important;
        color: #fff;
}
/* «ارسال دوباره» به سبک دکمهٔ متنی پاپ‌آپ */
body .arka-dash.arka-login .arka-btn-ghost {
        display: block;
        width: 100%;
        margin-top: 6px;
        padding: 10px;
        border-radius: 10px;
        background: transparent;
        color: var(--arka-primary, #162C5B);
        font-size: 13px;
        font-weight: 700;
        text-align: center;
}
body .arka-dash.arka-login .arka-btn-ghost:hover {
        color: var(--arka-accent, #F58220);
        background: transparent;
}
body .arka-dash.arka-login .arka-error {
        text-align: right;
}
@media (max-width: 480px) {
        body .arka-dash.arka-login {
                padding: 22px 18px 16px;
                border-radius: 16px;
        }
        body .arka-dash.arka-login::before {
                width: 56px;
                height: 56px;
        }
}

/* ---------- v1.7.0: ویرایش نام مشتری در کارت کاربرِ پنل ---------- */
.arka-uprofile-edit {
        margin-top: 10px;
        background: transparent;
        border: 1px dashed #C6CFDE;
        color: var(--arka-primary, #123B63);
        border-radius: 999px;
        padding: 5px 14px;
        font-family: inherit;
        font-size: .8rem;
        font-weight: 700;
        cursor: pointer;
        transition: border-color .15s ease, color .15s ease, background .15s ease;
}
/* گارد [hidden]: برخی CSSهای سراسری اتریبیوت hidden را با display خنثی می‌کنند */
.arka-uprofile-edit[hidden],
.arka-uprofile-form[hidden] {
        display: none !important;
}
.arka-uprofile-edit:hover {
        border-color: #F58220;
        color: #E66D0A;
        background: #FFF6EE;
}
.arka-uprofile-form {
        margin-top: 10px;
        display: grid;
        gap: 8px;
        text-align: right;
}
.arka-uprofile-label {
        display: grid;
        gap: 4px;
        font-size: .75rem;
        font-weight: 700;
        color: #4A5A75;
}
.arka-uprofile-input {
        width: 100%;
        box-sizing: border-box;
        border: 1.5px solid #D8E2F6;
        background: #F5F8FD;
        border-radius: 10px;
        padding: 8px 12px;
        font-family: inherit;
        font-size: .9rem;
        color: #123B63;
        transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.arka-uprofile-input:hover {
        background: #F1F5FC;
        border-color: #B9C9E8;
}
.arka-uprofile-input:focus {
        outline: none;
        background: #FFFFFF;
        border-color: #F58220;
        box-shadow: 0 0 0 3px rgba(245, 130, 32, .18);
}
.arka-uprofile-actions {
        display: flex;
        gap: 8px;
        margin-top: 2px;
}
.arka-uprofile-save {
        flex: 1;
        border: 0;
        border-radius: 10px;
        padding: 8px 12px;
        background: #F58220;
        color: #FFFFFF;
        font-family: inherit;
        font-weight: 800;
        font-size: .85rem;
        cursor: pointer;
        transition: background .15s ease;
}
.arka-uprofile-save:hover {
        background: #E66D0A;
}
.arka-uprofile-save:disabled {
        opacity: .6;
        cursor: default;
}
.arka-uprofile-cancel {
        border: 1px solid #D8E2F6;
        background: #FFFFFF;
        color: #4A5A75;
        border-radius: 10px;
        padding: 8px 14px;
        font-family: inherit;
        font-size: .85rem;
        font-weight: 700;
        cursor: pointer;
        transition: border-color .15s ease, color .15s ease;
}
.arka-uprofile-cancel:hover {
        border-color: #B9C9E8;
        color: #123B63;
}
.arka-uprofile-msg {
        margin: 0;
        min-height: 1em;
        font-size: .78rem;
        font-weight: 700;
        color: #C0392B;
        text-align: right;
}
.arka-uprofile-msg.is-ok {
        color: #1E7A3A;
}