/* PWA Fullscreen Mode Styles */

/* إخفاء عناصر المتصفح عند تشغيل التطبيق كـ PWA */
@media all and (display-mode: standalone) {
    body {
        /* إخفاء شريط العنوان */
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }

    /* إخفاء scrollbar */
    ::-webkit-scrollbar {
        display: none;
    }

    html {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
}

/* iOS Safari PWA */
@supports (-webkit-touch-callout: none) {
    .pwa-standalone {
        /* إضافة padding للـ notch في iOS */
        padding-top: constant(safe-area-inset-top);
        padding-top: env(safe-area-inset-top);
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* منع ظهور عناصر المشاركة */
.pwa-standalone {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* السماح بتحديد النص في الـ inputs */
.pwa-standalone input,
.pwa-standalone textarea,
.pwa-standalone [contenteditable] {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* إخفاء أي splash screen افتراضي */
@media (display-mode: standalone) {
    html {
        background-color: #FFFFFF;
    }
}

/* Android Chrome PWA */
@media (display-mode: fullscreen) {
    body {
        margin: 0;
        padding: 0;
    }
}

/* Landscape mode في fullscreen */
@media (orientation: landscape) and (display-mode: standalone) {
    body {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }
}