/*
 * نوار پایین واحد موبایل (includes/fap-tabbar.php): سایت و پنل حساب یک نوار دارند.
 * همان ظاهر نوار پایین پنل (پیش از این .fap-acc-tabbar در account-panel.css). فقط تا عرض ۱۰۲۳.
 *
 * وزن دوکلاسه عمدی است: ریست پوسته [type=button]:hover و قانون لینک کیت (۰،۱،۱) را می‌برد.
 */

.fap-tabbar.fap-tabbar {
    display: none;
}

@media (max-width: 1023px) {
    .fap-tabbar.fap-tabbar {
        position: fixed;
        inset-inline: 0;
        bottom: 0;
        z-index: 90;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: end;
        height: calc(66px + env(safe-area-inset-bottom));
        margin: 0;
        padding: 0 4px env(safe-area-inset-bottom);
        border-top: 1px solid var(--fap-c-line, #e0e8e9);
        background: rgba(255, 255, 255, .97);
        box-shadow: var(--fap-sh-md, 0 2px 6px rgba(19, 41, 45, .05), 0 12px 28px -8px rgba(19, 41, 45, .16));
        direction: rtl;
        font-family: var(--fap-font, 'Vazirmatn', 'FAP Vazirmatn', Tahoma, sans-serif);
    }

    .fap-tabbar .fap-tabbar__item {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        height: 66px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--fap-c-muted, #566a6e);
        font: 600 var(--fap-fs-2xs, 11px)/1.3 var(--fap-font, 'Vazirmatn', 'FAP Vazirmatn', Tahoma, sans-serif);
        letter-spacing: 0;
        text-decoration: none;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .fap-tabbar .fap-tabbar__item:hover,
    .fap-tabbar .fap-tabbar__item:focus {
        background: transparent;
        color: var(--fap-c-ink, #13292d);
    }

    .fap-tabbar .fap-tabbar__item.is-active {
        color: var(--fap-brand-700, #0b6c62);
    }

    .fap-tabbar .fap-tabbar__item.is-active .fap-tabbar__ico::after {
        content: "";
        position: absolute;
        top: -9px;
        left: 50%;
        width: 18px;
        height: 3px;
        margin-left: -9px;
        border-radius: 0 0 var(--fap-r-xs, 6px) var(--fap-r-xs, 6px);
        background: var(--fap-brand-500, #1aa29a);
    }

    .fap-tabbar .fap-tabbar__ico {
        position: relative;
        display: inline-flex;
    }

    .fap-tabbar .fap-tabbar__dot {
        position: absolute;
        top: -6px;
        inset-inline-end: -10px;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        border: 2px solid #fff;
        border-radius: var(--fap-r-pill, 999px);
        background: var(--fap-c-error, #c81e1e);
        color: #fff;
        font-size: var(--fap-fs-2xs, 11px);
        font-weight: 700;
        line-height: 14px;
        text-align: center;
    }

    .fap-tabbar .fap-tabbar__dot.is-amber {
        background: var(--fap-c-warning-accent, #f59e0b);
        color: var(--fap-c-warning-strong, #974407);
    }

    .fap-tabbar .fap-tabbar__fab {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        margin-top: -20px;
        border: 4px solid #fff;
        border-radius: 50%;
        background: var(--fap-brand-500, #1aa29a);
        color: #fff;
        box-shadow: var(--fap-sh-md, 0 2px 6px rgba(19, 41, 45, .05), 0 12px 28px -8px rgba(19, 41, 45, .16));
    }

    .fap-tabbar .fap-tabbar__add {
        color: var(--fap-brand-600, #0d8276);
    }

    /* دکمه وسط «دستیار»: همان چهره دکمه شناور چت (AI_Chatbot::launcher_image()) */
    .fap-tabbar .fap-tabbar__fab.is-face {
        overflow: hidden;
    }

    .fap-tabbar .fap-tabbar__fab.is-face img {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }

    /* سایت: محتوا پشت نوار نماند؛ دکمه شناور چت جایش را به دکمه وسط نوار داده است */
    body.fap-has-tabbar {
        padding-bottom: calc(66px + env(safe-area-inset-bottom));
    }

    body.fap-has-tabbar .fap-ai-launcher {
        display: none !important;
    }

    /* تبلت: پنجره شناور چت (۳۸۰ پیکسلی، پایین گوشه) بالای نوار باز شود */
    body.fap-has-tabbar .fap-ai-panel {
        inset-block-end: calc(78px + env(safe-area-inset-bottom));
        max-height: calc(100vh - 100px - env(safe-area-inset-bottom));
    }

    /* موقع تایپ در دستیار هوشمند پنل کیبورد جای نوار پایین است (account-panel.js) */
    .fap-acc-typing .fap-tabbar.fap-tabbar {
        display: none;
    }
}

/* گوشی: پنجره چت تمام‌صفحه است و روی نوار می‌نشیند (ai-chatbot.css) */
@media (max-width: 600px) {
    body.fap-has-tabbar .fap-ai-panel {
        inset-block-end: 0;
        max-height: 100%;
    }
}