/* pwa.css - استایل‌های مخصوص برنامه وب پیشرفته (PWA) */

/* تنظیمات کلی برای حالت PWA */
body {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    background-color: #f5f5f5;
    overscroll-behavior-y: contain; /* جلوگیری از کشیدن اضافی در مرورگر */
}

/* هدر با حالت امن (Safe Area) برای آیفون‌های دارای ناچ */
@supports (padding: max(0px)) {
    .app-header {
        padding-top: max(0px, env(safe-area-inset-top));
        padding-right: max(1rem, env(safe-area-inset-right));
        padding-left: max(1rem, env(safe-area-inset-left));
    }

    .app-main {
        padding-bottom: max(1rem, env(safe-area-inset-bottom));
    }
}

/* کلاس برای نمایش آفلاین بودن */
.offline-indicator {
    display: none;
    background-color: var(--warning-color);
    color: #000;
    text-align: center;
    padding: 0.4rem;
    font-weight: bold;
    font-size: 0.9rem;
    position: sticky;
    top: var(--header-height);
    z-index: 999;
}

body.offline .offline-indicator {
    display: block;
}

/* دکمه نصب برنامه */
.install-prompt {
    background-color: var(--primary-color);
    color: var(--white);
    border: none;
    border-radius: var(--border-radius-md);
    padding: 0.8rem 1.5rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: var(--shadow-md);
    transition: all var(--transition-speed);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem auto;
}

.install-prompt:hover {
    background-color: var(--primary-dark);
    box-shadow: var(--shadow-lg);
}

/* انیمیشن برای ظاهر شدن */
@keyframes slideUp {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.slide-up {
    animation: slideUp 0.3s ease;
}

/* تنظیمات برای جلوگیری از انتخاب متن در حین استفاده */
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* اسکرول‌بار سفارشی */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* تنظیمات برای نمایش صحیح در WebView */
@media (display-mode: standalone) {
    body {
        user-select: none;
    }
}

/* جلوگیری از بزرگ‌نمایی با دابل‌تپ در WebView */
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
}

/* فعال کردن انتخاب متن فقط در فیلدها */
input, textarea, select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    touch-action: auto;
}