/* pwa-style.css */
.pwa-install-button {
    /* التنسيقات الأساسية التي يجب أن تكون ثابتة */
    border: none;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s ease, transform 0.2s ease; /* إضافة تأثير للتحول */
    display: block; /* لضمان أنه يأخذ سطرًا كاملاً */
    text-align: center;
    text-decoration: none; /* إذا كان الزر في الأصل رابطًا */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل خفيف للزر */
}

.pwa-install-button:active {
    transform: translateY(1px); /* تأثير ضغطة الزر */
}

/* ملاحظة: قيم الألوان، الحواف، الحجم، التباعد، الهوامش والعرض
   سيتم توفيرها ديناميكياً من إعدادات لوحة تحكم ووردبريس عبر CSS inline.
   لذلك، تم حذفها من هنا لتجنب التعارض.
*/

/* فئة إضافية لعناصر القائمة لضمان عدم وجود تنسيق رابط افتراضي */
.pwa-menu-button-item a {
    text-decoration: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}
.pwa-menu-button-item a:hover {
    background: none !important;
    color: inherit !important; /* للحفاظ على لون النص إذا كان الزر له لون مختلف */
}

/* ================================== */
/* أنماط أيقونة التثبيت الجديدة        */
/* ================================== */
.pwa-install-icon {
    display: inline-block;
    width: 28px;  /* حجم الأيقونة */
    height: 28px;
    cursor: pointer;
    vertical-align: middle; /* لمحاذاة الأيقونة بشكل جيد مع النص المحيط */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: #333; /* لون افتراضي يمكن تغييره بسهولة */
    transition: transform 0.2s ease;
}

.pwa-install-icon:hover {
    transform: scale(1.1); /* تكبير بسيط عند التمرير */
}

/* أيقونة التثبيت (الحالة الافتراضية) - شكل سهم تنزيل */
/* نستخدم SVG مدمج ليكون واضحاً وقابلاً للتلوين عبر خاصية 'fill' */
.pwa-install-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E");
}

/* أيقونة الفتح (عندما يكون التطبيق مثبتاً) - شكل سهم الخروج من صندوق */
.pwa-install-icon.pwa-open-app {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E");
}