/* Add custom CSS styles below */
}
/* إخفاء خلفية القائمة وبقاء أيقونة الخطوط فقط */
nav.main-navbar {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* تثبيت الأيقونة في مكانها بدون ما تغطي على المحتوى */
nav.main-navbar .drawer-toggle {
  position: fixed !important;
  top: 15px;
  left: 20px;
  z-index: 9999;
}

/* إخفاء أي عناصر ثانية داخل الشريط (مثل الشعار أو الفراغات) */
nav.main-navbar > *:not(.drawer-toggle) {
  display: none !important;
}
/* إخفاء خلفية الشريط بالكامل */
nav.main-navbar {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* إزالة الحاوية البيضاء اللي حول الصورة */
nav.main-navbar > div {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* تثبيت أيقونة القائمة فقط على يمين الصفحة */
nav.main-navbar button,
nav.main-navbar svg {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 9999 !important;
}
/* إخفاء خلفية القائمة والإبقاء على أيقونة المنيو فقط */
nav.main-navbar {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* إخفاء الصورة داخل الشريط */
nav.main-navbar img {
  display: none !important;
}

/* ضبط مكان أيقونة المنيو بحيث تبقى واضحة فوق */
nav.main-navbar button,
nav.main-navbar svg {
  position: relative !important;
  z-index: 9999 !important;
  background: none !important;
  box-shadow: none !important;
}
/* حذف القائمة العلوية بالكامل من الموقع */
nav.main-navbar {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* احتياطياً حذف أي نسخة ثانية من القائمة */
header nav,
header .main-navbar,
div[class*="main-navbar"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* إشعار شراء تلقائي بدون HTML — يظهر أسفل يمين */
body::after{
  content: "🛍️ نايف من الرياض • باقة ٩٩ • قبل ٢٠ ثانية";
  position: fixed;
  bottom: 18px;
  right: 18px;
  z-index: 999999;
  direction: rtl;
  background: #304278;
  color: #fff;
  padding: 8px 10px;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(0,0,0,.25);
  font-weight: 800;
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
  animation: lumoraNotice 40s linear infinite, lumoraFade 6s ease-in-out infinite;
}

/* حركة ظهور/اختفاء ناعمة */
@keyframes lumoraFade{
  0%{opacity:0; transform: translateY(8px);}
  10%{opacity:1; transform: translateY(0);}
  80%{opacity:1; transform: translateY(0);}
  100%{opacity:0; transform: translateY(8px);}
}

/* تبديل النصوص (أسماء + أسعار + أزمنة) */
@keyframes lumoraNotice{
  0%   {content:"🛍️ نايف من الرياض قام بشراء باقة ٩٩  قبل ٢٠ ثانية";}
  10%  {content:"🎉 سارة الشهري قام بشراء باقة ١٤٩  قبل ٣٠ ثانية";}
  20%  {content:"🔥 عبدالله المطيري قام بشراء باقة ٢٤٩  قبل دقيقة";}
  30%  {content:"✨ نورة العتيبي قام بشراء باقة ٩٩  قبل ٤٥ ثانية";}
  40%  {content:"⭐ محمد القحطاني قام بشراء باقة ٩٩  قبل لحظات";}
  50%  {content:"💎 ريم العنزي قام بشراء باقة ١٤٩  قبل ٣٠ ثانية";}
  60%  {content:"⚡ تركي الحربي قام بشراء باقة ٢٤٩  قبل دقيقة";}
  70%  {content:"✅ موضي الشهراني قام بشراء باقة ٩٩  قبل ٢٥ ثانية";}
  80%  {content:"🎬 راكان القرني قام بشراء باقة ٣٩٩  قبل ٤٠ ثانية";}
  90%  {content:"🏆 دلال الدوسري قام بشراء باقة ١٤٩  قبل ٣٥ ثانية";}
  100% {content:"🛍️ نايف من الرياض قام بشراء باقة ٩٩  قبل ٢٠ ثانية";}
}

/* لو ما تبغاه يظهر داخل مُحرر سلة فقط */
.live-editor body::after,
.live-editor::after{ display:none !important; }
/* إخفاء الشريط السفلي (قائمة التنقل الجوال) */
nav.mobile-nav-bottom {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
/* تصغير شريط التنبيه البنفسجي */
.lumora-alert {
  font-size: 11px !important;      /* تصغير حجم الخط */
  padding: 4px 8px !important;     /* تصغير المسافة الداخلية */
  border-radius: 6px !important;   /* زوايا أنعم */
  bottom: 10px !important;         /* ترفعه شوي للأعلى */
  background-color: #304278 !important; /* اللون البنفسجي */
  width: fit-content !important;   /* يخليها بحجم النص فقط */
  min-width: 180px !important;     /* يمنعها تكون صغيرة مرة */
}

/* تصغير الأيقونة 🔥 أو 💎 */
.lumora-alert::before {
  font-size: 12px !important;
  margin-left: 3px;
}
.float-home, .float-cart{
  position: fixed;
  bottom: 84px;           /* فوق شريط الجوال شوي */
  right: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px; height: 42px;
  border-radius: 50%;
  background: #304278;    /* لون هويتك */
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  z-index: 10000;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
/* ثبّت شريط الشراء داخل صفحة المنتج وألغِ الـ sticky/fixed */
body.product-single .sticky-product-bar{
  position: static !important;      /* لا fixed ولا sticky */
  inset: auto !important;           /* يلغي top/right/bottom/left اللي تجي من الكلاسات */
  transform: none !important;       
  width: 100% !important;
  max-width: 100% !important;
  box-shadow: none !important;      /* اختياري: بدون ظل */
  margin-top: 12px !important;      /* مسافة بسيطة فوقه */
  z-index: auto !important;
}

/* بعض الثيمات تزيد مساحة تحت الصفحة لما يكون الشريط sticky – نشيلها */
body.is-sticky-product-bar .product-single{
  padding-bottom: 0 !important;
}

/* لو كان مفعل ترجمة المحور (left-1/2 / translate-x-1/2) من كلاس Tailwind */
body.product-single .sticky-product-bar[class*="left-1/2"],
body.product-single .sticky-product-bar[class*="translate-x-1/2"],
body.product-single .sticky-product-bar[class*="bottom-"]{
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}