/* =====================================================================
   صفحه معرفی «استعلام خودرو» — /inquiries/
   فقط چیزهایی که مال خود این صفحه‌اند. پوسته (هیرو، بخش‌ها، پرسش‌ها، دعوت)
   از fap-alerts-landing.css می‌آید تا این سه صفحه یک خانواده بمانند.

   ⚠️ همه‌ی قاعده‌ها زیر `.fap-alp` نوشته می‌شوند: هم توکن‌های رنگ آن‌جاست
   (--alp-teal و…)، هم قاعده‌ها با این پیشوند از تایپوگرافی قالب (که روی
   h2/h3/h4 با اختصاصیت ۰٫۱٫۱ می‌نشیند) بالاتر می‌مانند.

   ⚠️ هر <a> دو کلاس جلو می‌گیرد (۰٫۳٫۰) نه یکی. روی پروداکشن قاعده‌ی
   `.elementor-kit-N a` با ۰٫۲٫۱ رنگ لینک را برمی‌دارد و یک قاعده‌ی
   `.fap-alp .x` (۰٫۲٫۰) از آن پایین‌تر است — همان تله‌ای که قبلا هایلایت‌ها
   را روی سایت واقعی بی‌رنگ کرد و روی لوکال هیچ نشانی نداشت.
   ===================================================================== */

/* ------------------------------------------------- کارت کناری هیرو */

/*
 * ستون کناری ارتفاع ثابت ندارد و min-height هم نمی‌گیرد.
 *
 * `.fap-alp-stage` برای صفحه‌ی رادار ۴۰۴ پیکسل کف ارتفاع دارد چون دایره‌ی
 * رادار همان‌قدر است. کارت اینجا کوتاه‌تر است و آن کف، زیر کارت یک نوار خالی
 * می‌ساخت — دقیقا همان چیزی که کل این صفحه برای نداشتنش نوشته شده. ستون به
 * اندازه‌ی محتوای خودش بلند می‌شود و شبکه‌ی هیرو وسطش می‌نشاند.
 */
.fap-alp .fap-iqp-stage {
    min-height: 0;
    position: relative;
}.fap-alp .fap-iqp-demo {
    position: relative;
    z-index: 1;
    width: min(400px, 100%);
    padding: 16px 16px 18px;
    background: #fff;
    border: 1px solid var(--alp-line);
    border-radius: var(--alp-r-lg);
    box-shadow: var(--alp-shadow-m);
}

.fap-alp .fap-iqp-demo-head {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
}

.fap-alp .fap-iqp-demo-head b {
    font-size: var(--fap-fs-md, 14px);
    font-weight: 800;
    color: var(--alp-ink);
}

/* نقطه‌ی زنده — همان نشانه‌ی «فعال» نوار رادار. */
.fap-alp .fap-iqp-demo-head .dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--alp-teal);
    box-shadow: 0 0 0 4px rgba(26, 168, 153, .15);
}

/* شمارنده‌ی گوشه — «۷ مورد»، از داده. */
.fap-alp .fap-iqp-demo-head i {
    margin-inline-start: auto;
    font-style: normal;
    font-size: var(--fap-fs-2xs, 11px);
    font-weight: 700;
    color: var(--alp-muted);
    padding: 3px 9px;
    border-radius: var(--fap-r-pill, 999px);
    background: var(--alp-soft);
}

/* ---- سه سرویس اول ---- */

.fap-alp .fap-iqp-demo-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fap-alp .fap-iqp-demo-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid var(--alp-soft);
}

.fap-alp .fap-iqp-demo-list li:last-child { border-bottom: 0; }

.fap-alp .fap-iqp-demo-list .ic {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: var(--fap-r-sm, 10px);
    background: var(--alp-teal-050);
    color: var(--alp-teal);
}

.fap-alp .fap-iqp-demo-list .ic svg { width: 17px; height: 17px; }

.fap-alp .fap-iqp-demo-list .t {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--fap-fs-md, 14px);
    font-weight: 700;
    color: var(--alp-ink);
}

.fap-alp .fap-iqp-demo-list .p {
    flex: 0 0 auto;
    font-size: var(--fap-fs-xs, 12px);
    font-weight: 800;
    color: var(--alp-ink2);
    white-space: nowrap;
}

.fap-alp .fap-iqp-demo-list .p.is-free {
    padding: 3px 9px;
    border-radius: var(--fap-r-pill, 999px);
    color: var(--alp-down);
    background: var(--alp-down-bg);
}

.fap-alp .fap-iqp-demo .fap-iqp-demo-more {
    display: block;
    margin-top: 12px;
    text-align: center;
    font-size: var(--fap-fs-sm, 13px);
    font-weight: 700;
    color: var(--alp-teal-600);
    text-decoration: none;
}

.fap-alp .fap-iqp-demo .fap-iqp-demo-more:hover { text-decoration: underline; }

/* ------------------------------------------------- خود ابزار استعلام */

/*
 * تیتر داخلی شورت‌کد روی این صفحه تکراری است.
 *
 * شورت‌کد یک مینی‌اپ کامل است و نمای اولش تیتر و توضیح خودش را دارد؛ روی
 * صفحه‌ای که همان جمله را در هیرو گفته، دو تیتر پشت‌سرهم می‌شود. متن خودِ
 * کارت‌ها می‌ماند چون همان‌ها دکمه‌ی شروع‌اند.
 *
 * فقط متن پنهان می‌شود، نه کادر جست‌وجو: آن هم داخل همین ظرف است و روی
 * سایتی با پنج سرویس و بیشتر، تنها راه پیداکردن سریع یک خدمت است.
 */
.fap-alp--inq .fap-inq-hub-intro-text { display: none; }

.fap-alp--inq .fap-inq-hub-intro {
    justify-content: flex-end;
    margin-bottom: 6px;
}

/*
 * حالت مهمان: کارت بیرونی برداشته می‌شود.
 *
 * `[ez-login]` خودش یک کارت کامل است — سفید، با بردر و سایه. داخل کارت سفید
 * `.fap-inq-login` می‌شود دو قاب تودرتوی هم‌رنگ، و چون فرم ورود عرض خودش را
 * دارد، بقیه‌ی آن جعبه یک سطح سفید خالی می‌ماند. همین کار برای رادار و
 * دیده‌بان هم شده (`.fap-alp .fap-al-login` در fap-alerts-landing.css).
 *
 * دامنه‌اش `.fap-alp--inq` است: همان شورت‌کد روی برگه‌ی حساب کاربری باید کارت
 * خودش را داشته باشد، چون آن‌جا ظرفی دور خودش ندارد.
 */
.fap-alp--inq .fap-inq-login {
    max-width: 560px;
    margin-inline: auto;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
}

.fap-alp--inq .fap-inq-login .ez-login-form {
    margin-inline: auto;
}

/* ------------------------------------------------- شبکه سرویس‌ها */

/*
 * یک شبکه‌ی یکپارچه، بدون تیتر گروه.
 *
 * چیدمان قبلی کارت‌ها را زیر تیتر هر گروه می‌برد؛ با پنج و دو سرویس، ردیف
 * آخر گروه اول نصفه می‌ماند و وسط صفحه یک پله‌ی خالی می‌ساخت. ترتیب گروهی در
 * PHP حفظ شده، پس کارت‌های هم‌خانواده هنوز پشت‌سرهم می‌آیند.
 */
.fap-alp .fap-iqp-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(262px, 1fr));
    gap: 16px;
}

.fap-alp .fap-iqp-card {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: #fff;
    border: 1px solid var(--alp-line);
    border-radius: var(--alp-r-lg);
    box-shadow: var(--alp-shadow-s);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.fap-alp .fap-iqp-card:hover {
    border-color: var(--alp-teal-100);
}

.fap-alp .fap-iqp-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.fap-alp .fap-iqp-card-ic {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: var(--fap-r-md, 12px);
    background: var(--alp-teal-050);
    color: var(--alp-teal);
}

.fap-alp .fap-iqp-card-price {
    font-size: var(--fap-fs-sm, 13px);
    font-weight: 800;
    color: var(--alp-ink);
    white-space: nowrap;
}

.fap-alp .fap-iqp-card-price.is-free {
    padding: 4px 11px;
    border-radius: var(--fap-r-pill, 999px);
    color: var(--alp-down);
    background: var(--alp-down-bg);
}

.fap-alp .fap-iqp-card h3 {
    margin: 0 0 7px;
    padding: 0;
    font-size: var(--fap-fs-lg, 16px);
    font-weight: 800;
    line-height: 1.8;
    color: var(--alp-ink);
}

.fap-alp .fap-iqp-card p {
    margin: 0 0 16px;
    font-size: var(--fap-fs-md, 14px);
    line-height: 1.95;
    color: var(--alp-ink2);
}

/* لینک به فرم بالای همان صفحه — نه یک صفحه دیگر. */
.fap-alp .fap-iqp-card .fap-iqp-card-go {
    margin-top: auto;
    align-self: flex-start;
    font-size: var(--fap-fs-md, 14px);
    font-weight: 800;
    color: var(--alp-teal-600);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color .16s ease;
}

.fap-alp .fap-iqp-card .fap-iqp-card-go:hover { border-bottom-color: currentColor; }

/* ------------------------------------------------- هزینه‌ها */

.fap-alp .fap-iqp-pricing {
    background: #fff;
    border: 1px solid var(--alp-line);
    border-radius: var(--alp-r-lg);
    padding: 20px 22px;
    box-shadow: var(--alp-shadow-s);
}

.fap-alp .fap-iqp-price-note {
    font-size: var(--fap-fs-md, 14px);
    line-height: 2;
    color: var(--alp-ink2);
}

.fap-alp .fap-iqp-price-note b { color: var(--alp-ink); }

.fap-alp .fap-iqp-price-note.is-free {
    padding: 12px 15px;
    border-radius: var(--alp-r-md);
    background: var(--alp-down-bg);
    color: var(--fap-c-success-strong, #166534);
}

.fap-alp .fap-iqp-price-note.is-free b { color: var(--fap-c-success-strong, #166534); }

.fap-alp .fap-iqp-pricelist {
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--alp-line);
    border-radius: var(--alp-r-md);
    overflow: hidden;
}

.fap-alp .fap-iqp-pricelist li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 16px;
    font-size: var(--fap-fs-md, 14px);
    color: var(--alp-ink2);
    border-bottom: 1px solid var(--alp-soft);
}

.fap-alp .fap-iqp-pricelist li:last-child { border-bottom: 0; }
.fap-alp .fap-iqp-pricelist li:nth-child(even) { background: var(--fap-c-bg-soft, #f8fafa); }
.fap-alp .fap-iqp-pricelist b { color: var(--alp-ink); white-space: nowrap; }

.fap-alp .fap-iqp-price-foot {
    margin: 14px 0 0;
    font-size: var(--fap-fs-sm, 13px);
    color: var(--alp-muted);
}

/* ------------------------------------------------- موبایل */

@media (max-width: 900px) {
    .fap-alp .fap-iqp-cards { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 480px) {
    .fap-alp .fap-iqp-demo { padding: 14px; }
    .fap-alp .fap-iqp-demo-list .t { font-size: var(--fap-fs-sm, 13px); }
    .fap-alp .fap-iqp-pricing { padding: 16px; }
}