/* 1. شاشة التحميل */
#vip-sleephome-preloader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: linear-gradient(135deg, #ffffff 0%, #e0e5ec 50%, #b8c6db 100%); z-index: 99999999; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.8s ease-in-out; font-family: 'Cairo', sans-serif; }
.preloader-center-content { display: flex; flex-direction: column; align-items: center; gap: 25px; }
.lux-logo-wrapper { width: 160px; height: 160px; border-radius: 50%; padding: 10px; background: #ffffff; box-shadow: 0 10px 30px rgba(0,0,0,0.1), inset 0 0 15px rgba(184,198,219,0.5); position: relative; display: flex; justify-content: center; align-items: center; animation: pulse-glow 2s infinite ease-in-out; }
.lux-logo-wrapper::before { content: ''; position: absolute; top: -6px; left: -6px; right: -6px; bottom: -6px; border-radius: 50%; border: 3px solid transparent; border-top-color: #c62828; border-bottom-color: #c62828; animation: spin-ring 1.5s linear infinite; }
.lux-logo-wrapper img { width: 100%; height: 100%; object-fit: contain; border-radius: 50%; }
.lux-loading-text { color: #c62828; font-size: 22px; font-weight: bold; animation: text-pulse 1.5s infinite alternate; }
.engineer-signature { position: absolute; bottom: 90px; display: flex; align-items: center; gap: 8px; background: linear-gradient(90deg, #1a1a1a, #2c3e50, #1a1a1a); padding: 8px 20px; border-radius: 50px; text-decoration: none !important; box-shadow: 0 8px 20px rgba(0,0,0,0.2); border: 1px solid #d4af37; transition: transform 0.3s ease, box-shadow 0.3s ease; z-index: 10; }
.engineer-signature:hover { transform: translateY(-5px); box-shadow: 0 12px 25px rgba(0,0,0,0.3); }
.sig-text { color: #d4af37; font-size: 13px; font-weight: bold; white-space: nowrap; }
.crown-icon { font-size: 16px; animation: text-pulse 2s infinite alternate; }

@keyframes spin-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes pulse-glow { 0%, 100% { box-shadow: 0 5px 15px rgba(0,0,0,0.1); transform: scale(0.98); } 50% { box-shadow: 0 15px 35px rgba(44,62,80,0.3); transform: scale(1.02); } }
@keyframes text-pulse { 0% { opacity: 0.6; transform: translateY(0); } 100% { opacity: 1; transform: translateY(-3px); } }

/* 2. الخلفية والمنتجات */
body, .app-inner { background-color: #f8f9fa !important; background-image: linear-gradient(135deg, #fdfdfd 0%, #edf1f4 100%) !important; }
.product-entry, .product-item, .product-card, salla-product-card, .s-product-card { border: 1px solid rgba(212, 175, 55, 0.5) !important; border-radius: 12px !important; transition: all 0.4s ease !important; background-color: #ffffff !important; overflow: hidden !important; }
.product-entry:hover, .product-item:hover, .product-card:hover, salla-product-card:hover, .s-product-card:hover { border-color: #d4af37 !important; box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4) !important; transform: translateY(-5px) !important; z-index: 10 !important; }

/* 3. الفوتر والتوسيط */
footer, .salla-footer { text-align: center !important; font-family: 'Cairo', sans-serif !important; padding-bottom: 80px !important; }
footer h3, footer h4, .footer-widget h3, .widget-title { color: #c62828 !important; font-size: 20px !important; font-weight: bold !important; text-align: center !important; display: block !important; margin-bottom: 15px !important; }
footer p, footer .textwidget, .contact-list li { text-align: center !important; justify-content: center !important; color: #555 !important; }

/* 4. تصميم السوشيال والدفع (الترتيب بيتعمل بالـ JS عشان نعاند سلة) */
.footer-social li a, .social-icons a { width: 40px !important; height: 40px !important; border: 2px solid #c62828 !important; color: #c62828 !important; border-radius: 50% !important; display: flex !important; justify-content: center !important; align-items: center !important; transition: 0.3s !important; background: transparent !important; }
.footer-social li a:hover, .social-icons a:hover { background: #c62828 !important; color: #fff !important; transform: translateY(-3px) !important; }
.footer-payments img, .payment-methods img { max-height: 25px !important; display: inline-block !important; margin: 0 5px !important; }
.footer-certificates { display: flex !important; justify-content: center !important; align-items: center !important; gap: 20px !important; margin: 15px 0 !important; flex-wrap: wrap !important; }

/* 5. التوقيع أسفل الفوتر */
#engineer-footer-sig { display: flex; justify-content: center; margin: 20px auto 30px auto; width: 100%; }
.engineer-signature-footer { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(90deg, #1a1a1a, #2c3e50, #1a1a1a); padding: 8px 25px; border-radius: 50px; text-decoration: none !important; border: 1px solid #d4af37; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
.engineer-signature-footer .sig-text { color: #d4af37; font-size: 13px; font-weight: bold; }

/* 6. البار السفلي المدمج الفخم */
#sleephome-bottom-nav { position: fixed !important; bottom: 10px !important; left: 50% !important; transform: translateX(-50%) !important; width: 90% !important; max-width: 400px !important; background: #ffffff !important; border-radius: 30px !important; display: flex !important; justify-content: space-around !important; align-items: center !important; padding: 6px 5px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; border: 2px solid #8b0000 !important; z-index: 999999 !important; animation: pulse-border 2s infinite alternate !important; }
@keyframes pulse-border { 0% { border-color: #8b0000; box-shadow: 0 5px 15px rgba(139,0,0,0.2); } 100% { border-color: #c62828; box-shadow: 0 10px 25px rgba(198,40,40,0.4); } }
.nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none !important; color: #555; transition: 0.3s; flex: 1; }
.nav-icon-wrap { width: 32px !important; height: 32px !important; border-radius: 50%; border: 1px solid rgba(198,40,40,0.3); display: flex; justify-content: center; align-items: center; margin-bottom: 2px; color: #c62828; transition: 0.3s; }
.nav-item i { font-size: 15px !important; }
.nav-item span { font-size: 10px; font-family: 'Cairo', sans-serif; font-weight: bold; color: #c62828; }
.nav-item:hover .nav-icon-wrap { background: #c62828; color: #fff; transform: translateY(-3px); }

/* ألوان خاصة للواتساب والاتصال في البار السفلي */
.wa-icon { color: #25D366 !important; border-color: rgba(37,211,102,0.3) !important; }
.nav-item:hover .wa-icon { background: #25D366 !important; color: #fff !important; border-color: #25D366 !important;}
.call-icon { color: #007bff !important; border-color: rgba(0,123,255,0.3) !important; }
.nav-item:hover .call-icon { background: #007bff !important; color: #fff !important; border-color: #007bff !important;}

@media (min-width: 768px) { #sleephome-bottom-nav { display: none !important; } }