/* ============================================
   FITLIST - Custom CSS
   ============================================ */

/* === 1. تنعيم التمرير === */
html {
  scroll-behavior: smooth;
}

/* === 2. شاشة الترحيب === */
.s-splash-screen {
  background: linear-gradient(135deg, #0a212e 0%, #004573 50%, #266b99 100%) !important;
}

/* === 3. تحسين بطاقات المنتجات === */
.product-entry, .s-product-card-entry {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 16px;
  overflow: hidden;
}
.product-entry:hover, .s-product-card-entry:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 35px rgba(0,0,0,0.12);
}

/* === 4. تحسين صور المنتجات === */
.product-entry img, .s-product-card-entry img {
  transition: opacity 0.4s ease;
}
.product-entry:hover img, .s-product-card-entry:hover img {
  opacity: 0.92;
}

/* === 5. تحسين زر اضف للسلة === */
.s-product-card-entry .s-button-element,
.btn--add-to-cart,
.s-product-card-add-to-cart-btn {
  background: linear-gradient(135deg, #004573, #266b99) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 10px 24px !important;
  color: #fff !important;
  font-weight: 700 !important;
  transition: opacity 0.3s ease, box-shadow 0.3s ease !important;
  letter-spacing: 0.5px;
}
.s-product-card-entry .s-button-element:hover,
.btn--add-to-cart:hover,
.s-product-card-add-to-cart-btn:hover {
  opacity: 0.9;
  box-shadow: 0 6px 20px rgba(38,107,153,0.4) !important;
}

/* === 6. شارات الخصم === */
.s-product-card-promotion-title,
[class*="promotion-title"] {
  background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
  color: #fff !important;
  font-weight: 800 !important;
  border-radius: 8px !important;
  padding: 4px 12px !important;
  font-size: 0.85em !important;
}

/* === 7. تحسين الاسعار === */
.s-product-card-price {
  color: #266b99 !important;
  font-weight: 800 !important;
  font-size: 1.15em !important;
}

/* === 8. السعر القديم === */
.s-product-card-starting-price {
  text-decoration: line-through !important;
  color: #999 !important;
  font-size: 0.85em !important;
}

/* === 9. شريط العروض المتحرك === */
.marquee, .s-marquee, [class*="marquee"] {
  background: linear-gradient(90deg, #e63946, #ff6b6b, #e63946) !important;
  background-size: 200% 100%;
  animation: gradientMove 3s ease infinite;
  padding: 10px 0 !important;
  font-weight: 700 !important;
  font-size: 1.05em !important;
}
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* === 10. تحسين عناوين الاقسام === */
.s-block__title,
[data-s*="section-title"] {
  position: relative;
  font-weight: 800 !important;
  font-size: 1.4em !important;
}

/* === 11. تحسين الهيدر === */
.s-header, .store-header, header {
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

/* === 12. تحسين الفوتر === */
.s-footer, .store-footer {
  background-color: #0a212e !important;
  color: #e0e0e0 !important;
  background: linear-gradient(180deg, #0a212e, #004573) !important;
}

/* === 13. ظهور تدريجي للبلوكات === */
.s-block {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 0.8s ease forwards;
}
.s-block:nth-child(1) { animation-delay: 0.1s; }
.s-block:nth-child(2) { animation-delay: 0.3s; }
.s-block:nth-child(3) { animation-delay: 0.5s; }
.s-block:nth-child(4) { animation-delay: 0.7s; }
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* === 14. روابط الفوتر === */
.s-footer a, .store-footer a {
  transition: color 0.3s ease !important;
}
.s-footer a:hover, .store-footer a:hover {
  color: #004573 !important;
}

/* === 15. قسم الاسئلة === */
.s-block-faq .s-block-faq__question {
  border-radius: 8px !important;
  transition: background 0.3s ease !important;
}
.s-block-faq .s-block-faq__question:hover {
  background: rgba(38,107,153,0.08) !important;
}

/* === 16. ايقونات التواصل === */
.s-social-media-icon {
  transition: color 0.3s ease, opacity 0.3s ease !important;
}
.s-social-media-icon:hover {
  color: #004573 !important;
  opacity: 0.85;
}

/* === 17. شريط البحث === */
.s-search-input, input[type="search"] {
  border-radius: 25px !important;
  padding: 10px 20px !important;
  border: 2px solid #eee !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.s-search-input:focus, input[type="search"]:focus {
  border-color: #004573 !important;
  box-shadow: 0 0 0 3px rgba(38,107,153,0.15) !important;
  outline: none !important;
}

/* === 18. تحسينات الجوال === */
@media (max-width: 768px) {
  .product-entry:hover, .s-product-card-entry:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  }
  .s-block__title {
    font-size: 1.2em !important;
  }
}
/* === Footer Titles === */
.store-footer h4, .store-footer .footer-title, .store-footer strong {
  color: #fff !important;
  font-weight: 700 !important;
  border-bottom: 2px solid #266b99;
  padding-bottom: 8px;
  display: inline-block;
}
.store-footer p, .store-footer span:not(.line) {
  color: #b0c4d4 !important;
  line-height: 1.8 !important;
}

/* === Extra Button Override === */
.btn--floated.btn--add-to-cart,
div.btn--add-to-cart {
  background: linear-gradient(135deg, #004573, #266b99) !important;
}