/* إعدادات القائمة العلوية الزجاجية */
.glass-nav {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.dark .glass-nav {
    background: rgba(11, 15, 25, 0.85);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* إخفاء شريط التمرير (السكرول بار) لجمالية التصميم */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* تأثيرات كروت المنتجات عند التمرير عليها */
.pro-card { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.pro-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 25px rgba(99, 102, 241, 0.15);
    border-color: rgba(99, 102, 241, 0.3);
}

/* أنيميشن دخول النوافذ المنبثقة (Modals) */
.modal-enter { animation: modalIn 0.3s ease-out forwards; }
@keyframes modalIn {
    from { opacity: 0; transform: scale(0.95) translateY(10px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

/* أنيميشن الظهور السلس للصفحات والتنقل بينها */
.fade-in { animation: fadeIn 0.4s ease-out forwards; }
@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
}

/* تأثيرات الفاتورة الناجحة (نبض الصح الأخضر) */
@keyframes successPulse {
    0% { transform: scale(0.5); opacity: 0; }
    70% { transform: scale(1.15); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
.animate-success { animation: successPulse 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }

/* إعدادات الطباعة للفاتورة (إخفاء كل شيء عدا الفاتورة) */
@media print {
    body * { visibility: hidden; }
    #invoiceModal, #invoiceModal * { visibility: visible; }
    #invoiceModal { position: absolute; left: 0; top: 0; width: 100%; height: auto; }
    .no-print { display: none !important; }
}

/* ========================================================
   🌟 تأثيرات الثيمات الديناميكية (مصمم المتجر)
   ======================================================== */

/* 1. ثيم السايبر (Cyber Gamer) - ألوان النيون الخضراء */
body[data-theme="cyber"] .bg-primary { background-color: #10b981 !important; color: #000 !important; }
body[data-theme="cyber"] .text-primary { color: #10b981 !important; }
body[data-theme="cyber"] .from-primary { --tw-gradient-from: #10b981 var(--tw-gradient-from-position) !important; }
body[data-theme="cyber"] .to-secondary { --tw-gradient-to: #065f46 var(--tw-gradient-to-position) !important; }
body[data-theme="cyber"] .shadow-neon { box-shadow: 0 0 20px rgba(16, 185, 129, 0.4) !important; }
body[data-theme="cyber"] .dark\:bg-cardDark { border-color: rgba(16, 185, 129, 0.3) !important; }
body[data-theme="cyber"] .border-primary { border-color: #10b981 !important; }

/* 2. ثيم النيون (Neon Gamer) - ألوان بنفسجية وسماوية مشعة */
body[data-theme="neon"] { background-color: #0f172a !important; color: #f8fafc !important; }
body[data-theme="neon"] .bg-primary { background-color: #a855f7 !important; color: #fff !important; }
body[data-theme="neon"] .text-primary { color: #c084fc !important; }
body[data-theme="neon"] .from-primary { --tw-gradient-from: #a855f7 var(--tw-gradient-from-position) !important; }
body[data-theme="neon"] .to-secondary { --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position) !important; }
body[data-theme="neon"] .shadow-neon { box-shadow: 0 0 30px rgba(168, 85, 247, 0.5) !important; }
body[data-theme="neon"] .dark\:bg-cardDark { background-color: #1e293b !important; border-color: rgba(168, 85, 247, 0.4) !important; box-shadow: inset 0 0 10px rgba(168, 85, 247, 0.1); }
body[data-theme="neon"] .border-primary { border-color: #a855f7 !important; }
body[data-theme="neon"] .pro-card:hover { box-shadow: 0 0 25px rgba(6, 182, 212, 0.5) !important; border-color: #06b6d4 !important; transform: translateY(-5px) scale(1.02); }

/* 3. الثيم الفاخر (Luxury Gold) - ألوان ذهبية ونحاسية وخلفية سوداء */
body[data-theme="luxury"] { background-color: #121212 !important; color: #e5e5e5 !important; }
body[data-theme="luxury"] .glass-nav { background: rgba(18, 18, 18, 0.95) !important; border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important; }
body[data-theme="luxury"] .bg-primary { background-color: #d4af37 !important; color: #000 !important; }
body[data-theme="luxury"] .text-primary { color: #d4af37 !important; }
body[data-theme="luxury"] .from-primary { --tw-gradient-from: #d4af37 var(--tw-gradient-from-position) !important; }
body[data-theme="luxury"] .to-secondary { --tw-gradient-to: #aa7c11 var(--tw-gradient-to-position) !important; }
body[data-theme="luxury"] .shadow-neon { box-shadow: 0 0 20px rgba(212, 175, 55, 0.25) !important; }
body[data-theme="luxury"] .dark\:bg-cardDark { background-color: #1a1a1a !important; border-color: rgba(212, 175, 55, 0.3) !important; }
body[data-theme="luxury"] .border-primary { border-color: #d4af37 !important; }
body[data-theme="luxury"] .pro-card { border-radius: 0.75rem !important; } /* حواف رسمية أكثر */
body[data-theme="luxury"] .pro-card:hover { box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15) !important; border-color: #d4af37 !important; }

/* 4. الثيم المسطح الناعم (Soft Flat) - ألوان فاتحة وظلال ناعمة */
body[data-theme="soft"] { background-color: #f8fafc !important; color: #334155 !important; }
body[data-theme="soft"] .glass-nav { background: rgba(255, 255, 255, 0.95) !important; border-bottom: 1px solid rgba(0,0,0,0.03) !important; }
body[data-theme="soft"] .bg-primary { background-color: #3b82f6 !important; color: #fff !important; }
body[data-theme="soft"] .text-primary { color: #3b82f6 !important; }
body[data-theme="soft"] .from-primary { --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position) !important; }
body[data-theme="soft"] .to-secondary { --tw-gradient-to: #60a5fa var(--tw-gradient-to-position) !important; }
body[data-theme="soft"] .shadow-neon { box-shadow: 0 10px 40px rgba(59, 130, 246, 0.15) !important; }
body[data-theme="soft"] .dark\:bg-cardDark { background-color: #ffffff !important; border-color: #e2e8f0 !important; }
body[data-theme="soft"] .bg-white { background-color: #ffffff !important; border-color: #e2e8f0 !important; }
body[data-theme="soft"] .border-primary { border-color: #3b82f6 !important; }
body[data-theme="soft"] .pro-card { border-radius: 2rem !important; box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important; border: 1px solid #f1f5f9 !important; }
body[data-theme="soft"] .pro-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(59, 130, 246, 0.15) !important; border-color: rgba(59, 130, 246, 0.2) !important; }