/* إعادة ضبط شاملة لثيم رايد - الهوية الملكية الكاملة
   الألوان: الأخضر الغامق (#0B3F08) والسكري (#FDF8F2)
   الحالة: تم إصلاح القائمة الجانبية + نصوص الفوتر + الحركات كاملة
*/

/* --- 1. إعدادات الألوان الرئيسية --- */
:root {
  --color-primary: #0B3F08 !important;
  --color-primary-dark: #072b05 !important;
  --color-primary-reverse: #FDF8F2 !important;
  --main-color: #0B3F08 !important;
  --secondary-color: #FDF8F2 !important;
}

/* --- 2. الهيدر والقائمة العلوية --- */
div#mainnav { background-color: #0B3F08 !important; border-bottom: 2px solid #072b05 !important; }
header, .main-nav-container, .top-header { border-bottom: 1px solid #072b05 !important; }
.main-menu li.root-level > a, .main-menu li > a { color: #FDF8F2 !important; font-weight: bold !important; }
.main-menu li.root-level > a:hover { color: var(--color-primary-reverse) !important; }

/* أيقونات المستخدم والسلة */
i.header-btn__icon.sicon-user-circle, 
i.header-btn__icon.sicon-shopping-bag,
.header-btn__icon {
  background-color: #FDF8F2 !important; 
  color: #0B3F08 !important; 
  border: none !important;
  border-radius: 8px !important;
}
.s-cart-summary-count {
  background-color: var(--color-primary-reverse) !important;
  color: var(--color-primary) !important;
}

/* --- 3. إصلاح القائمة الجانبية (الجوال) --- */
/* جعل النصوص تظهر بالأخضر الغامق لتكون مرئية على الخلفية البيضاء */
.s-menu-drawer .s-menu-drawer-link, 
.s-menu-drawer a, 
.s-menu-drawer span,
.mobile-menu a,
.mobile-menu span,
.s-menu-drawer-title {
  color: #0B3F08 !important;
  opacity: 1 !important;
  font-weight: bold !important;
}
.s-menu-drawer-close { color: #0B3F08 !important; }

/* --- 4. العناوين (Titles Style) --- */
.s-block__title h2, .s-slider-block__title h2, .s-block-header h2, h2.text-lg, .title-main {
  background: linear-gradient(90deg, #0B3F08 0%, #072b05 100%) !important;
  color: #FDF8F2 !important;
  padding: 12px 25px !important;
  border-radius: 5px 25px !important;
  border-right: 4px solid #FDF8F2 !important; 
  display: inline-block !important;
  position: relative;
  overflow: hidden;
}

/* --- 5. قسم المميزات (Features Section) --- */
.s-block--features { background-color: transparent !important; padding: 20px 0 !important; margin: 0 !important; }
.s-block--features .grid {
  background: linear-gradient(135deg, #0B3F08 0%, #072b05 100%) !important;
  border-radius: 3rem !important;
  border: 1px solid #072b05 !important; 
  border-right: 10px solid #FDF8F2 !important; 
  padding: 25px 15px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
  display: flex !important;
  flex-direction: row !important; 
  justify-content: space-around !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
}
.s-block--features__item { background-color: transparent !important; display: flex !important; flex-direction: column !important; align-items: center !important; flex: 1 !important; }
.s-block--features__item h2 { color: #FDF8F2 !important; font-weight: bold !important; font-size: 1rem !important; margin-top: 10px !important; }
.s-block--features__item p { display: none !important; }

/* أيقونات المميزات */
i.sicon-store2, i.sicon-shipping-fast, i.sicon-fire {
  filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(373%) hue-rotate(320deg) brightness(103%) contrast(98%) !important;
  width: 2.2rem !important; height: auto !important; margin: 0 auto !important; display: block !important;
}
i.sicon-store2 { content: url(https://i.ibb.co/ZMVgXQ4/100.png) !important; }
i.sicon-shipping-fast { content: url(https://i.ibb.co/42FcRvm/Untitled-2.png) !important; }
i.sicon-fire { content: url(https://i.ibb.co/PgZLm56/image.png) !important; }

/* --- 6. بطاقة المنتج والأزرار --- */
.s-product-card-promotion-title { background: #FDF8F2 !important; color: #0B3F08 !important; }
.s-button-element { background-color: #0B3F08 !important; color: #FDF8F2 !important; border: 1px solid #FDF8F2 !important; }
.s-button-wide { width: 100%; border-radius: 15px; position: relative; overflow: hidden; }

/* --- 7. المفوتر (Footer Section) --- */
footer.store-footer { background-color: #000 !important; }
.store-footer__inner { background-color: #0B3F08 !important; padding-inline: 30px !important; border-top: 5px solid #FDF8F2 !important; }

/* إصلاح لون الوصف والسجل التجاري والضريبي للأبيض */
.store-footer h3, .store-footer .footer-title, .store-footer a, .store-footer p, 
.store-footer span:not(.s-cart-summary-count), .store-footer .contact-item, 
.store-footer__description, .footer-info__item, .footer-info__item * {
  color: #ffffff !important;
  opacity: 1 !important;
}
.social-link { background-color: #FDF8F2 !important; color: #0B3F08 !important; border-radius: 8px !important; }

/* --- 8. سكرول بار --- */
::-webkit-scrollbar-thumb { background: #FDF8F2 !important; }

/* --- 9. الحركات (Animations) --- */
/* نبض الشعار */
.navbar-brand { animation: heartbeat 2.5s ease-in-out infinite both; }
@keyframes heartbeat {
  0% { transform: scale(1); animation-timing-function: ease-out; }
  10% { transform: scale(0.91); animation-timing-function: ease-in; }
  17% { transform: scale(0.98); animation-timing-function: ease-out; }
  33% { transform: scale(0.87); animation-timing-function: ease-in; }
  45% { transform: scale(1); animation-timing-function: ease-out; }
}

/* لمعان الأزرار والعناوين */
.s-button-wide::after, .s-block__title h2::after, .s-slider-block__title h2::after {
  content: "";
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
  animation: smooth-shine 3s infinite;
}

@keyframes smooth-shine {
  0% { left: -100%; }
  30% { left: 100%; }
  100% { left: 100%; }
}

/* --- 10. توافق الجوال --- */
@media (max-width: 768px) {
  .s-block--features .grid { flex-wrap: wrap !important; justify-content: center !important; }
  .s-block--features__item { min-width: 30% !important; }
  .store-footer__inner * { text-align: center !important; justify-content: center !important; }
  .navbar-brand { width: 20vw; }
}