/* ═══════════════════════════════════════════════════════════════
   NAT-CTA-URGENT — تضمین دکمه‌های فراخوان در موبایل
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

    /* ─── حذف تمام محدودیت‌های ارتفاع قبلی ─── */
    html body main > section#submit.section,
    html body main > section#submit.section > .container,
    html body main > section#submit.section .cta {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* ─── CTA container ─── */
    html body main > section#submit.section {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 18px 0 !important;
        box-sizing: border-box !important;
        background: transparent !important;
    }
    html body main > section#submit.section > .container {
        display: block !important;
        width: 100% !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    /* ─── CTA اصلی — عمودی، وسط‌چین ─── */
    html body main > section#submit.section .cta {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 22px 20px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        gap: 16px !important;
        border-radius: 14px !important;
        text-align: center !important;
    }

    /* ─── متن ─── */
    html body main > section#submit.section .cta__text {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }
    html body main > section#submit.section .cta__text h2,
    html body main > section#submit.section .cta h2 {
        display: block !important;
        font-size: 1.1rem !important;
        margin: 0 0 8px !important;
        color: #fbf9f3 !important;
        line-height: 1.4 !important;
        font-weight: 800 !important;
    }
    html body main > section#submit.section .cta__text p,
    html body main > section#submit.section .cta p {
        display: block !important;
        font-size: .82rem !important;
        line-height: 1.7 !important;
        margin: 0 !important;
        color: rgba(251,249,243,.88) !important;
    }

    /* ═══ دکمه‌ها — تضمین نمایش ═══ */
    html body main > section#submit.section .cta__actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        width: 100% !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* همه دکمه‌ها */
    html body main > section#submit.section .cta__actions a,
    html body main > section#submit.section .cta__actions .btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 48px !important;
        padding: 14px 20px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
        font-family: 'Vazirmatn', Tahoma !important;
        font-size: .92rem !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        border-radius: 12px !important;
        text-align: center !important;
        position: relative !important;
        z-index: 2 !important;
        cursor: pointer !important;
    }

    /* دکمهٔ اصلی — طلایی */
    html body main > section#submit.section .cta__actions a[href*="submit.php"],
    html body main > section#submit.section .cta__actions .btn--primary {
        background: linear-gradient(135deg, #D99A2B, #8B5E14) !important;
        color: #1a1e22 !important;
        border: none !important;
        box-shadow: 0 6px 20px rgba(217,154,43,.35) !important;
    }
    html body main > section#submit.section .cta__actions a[href*="submit.php"]::before {
        content: '✍️' !important;
        font-size: 1rem !important;
        margin-left: 6px !important;
    }

    /* دکمهٔ ثانویه — شفاف با border */
    html body main > section#submit.section .cta__actions a[href*="about.php"],
    html body main > section#submit.section .cta__actions .btn--ghost {
        background: transparent !important;
        color: #fbf9f3 !important;
        border: 1.5px solid rgba(251,249,243,.35) !important;
    }

    /* active/focus */
    html body main > section#submit.section .cta__actions a:active {
        transform: translateY(1px) !important;
    }

    /* ─── حذف هر قانونی که قبلاً مخفی کرده ─── */
    html body main > section#submit.section .cta__actions,
    html body main > section#submit.section .cta__actions *,
    html body main > section#submit.section .cta a,
    html body main > section#submit.section .cta .btn {
        display: revert !important;
        visibility: visible !important;
    }
    /* استثنا: دکمه‌ها flex می‌مانند */
    html body main > section#submit.section .cta__actions a,
    html body main > section#submit.section .cta__actions .btn {
        display: flex !important;
    }
}

/* موبایل کوچک */
@media (max-width: 400px) {
    html body main > section#submit.section .cta {
        padding: 18px 14px !important;
    }
    html body main > section#submit.section .cta__actions a {
        font-size: .86rem !important;
        min-height: 46px !important;
        padding: 12px 16px !important;
    }
}