/* =========================================================
   تنسيق الأيقونات والزر المنبثق والتموجات (في البداية)
========================================================= */
.icon-btn,
.header-icon,
.s-header-icon,
.s-block-header-icon,
.s-block-header-cart,
.s-cart-icon,
.s-wishlist-icon,
.s-block-product-card-wishlist,
.s-filter-icon,
.s-block-header-toggle,
[class*="icon-btn"],
[class*="header-icon"],
[class*="cart-icon"],
[class*="wishlist-icon"],
[class*="search-icon"],
[class*="user-icon"],
[class*="menu-icon"],
header button:has(svg),
header a:has(svg) {
  background-color: #f0f6f8 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  border: none !important;
  transition: background-color 0.2s ease-in-out;
}

.icon-btn svg,
.header-icon svg,
.s-header-icon svg,
.s-cart-icon svg,
.s-wishlist-icon svg,
.s-filter-icon svg,
header button svg,
header a svg,
[class*="icon-btn"] svg {
  color: #004d73 !important;
  stroke: #004d73 !important;
}

.icon-btn:hover,
.header-icon:hover,
.s-header-icon:hover,
.s-cart-icon:hover,
.s-wishlist-icon:hover,
.s-filter-icon:hover,
header button:hover,
header a:hover {
  background-color: #dcebf0 !important;
}

.s-cart-count,
.s-wishlist-count,
[class*="count-badge"] {
  background-color: #e74c3c !important;
  color: #fff !important;
  border-radius: 50% !important;
}

/* =========================================================
   التهيئة العامة والألوان (خلفية بيضاء ونصوص سماوية)
========================================================= */
:root {
  --th-dark: #004d73;
  --th-blue: #0088cc;
  --th-blue-2: #236BA8;
  --th-blue-3: #2CB4E6;
  --th-light: #A1DAF8;
  --th-bg: #FFFFFF;
  --th-white: #FFFFFF;
  --th-text: #0088cc;
}

html,
body,
main,
main > section,
main > .s-block,
.s-block--features,
.shipping,
.delivery,
.testimonials,
.faq,
.faqs,
.page-content,
.static-page {
  background: #FFFFFF !important;
  color: #0088cc !important;
  background-image: none !important;
}

/* =========================================================
   الهيدر والقائمة والفوتر
========================================================= */
header,
.header,
.site-header,
.top-navbar,
.navbar,
.main-nav,
.main-menu,
.nav-menu,
footer {
  background: #FFFFFF !important;
  color: #004d73 !important;
  border-bottom: 2px solid #f0f6f8 !important;
  box-shadow: none !important;
}

header *,
.header *,
.navbar *,
.main-nav *,
.main-menu *,
footer * {
  color: #0088cc !important;
}

header a:hover,
.navbar a:hover,
.main-nav a:hover,
footer a:hover {
  color: #004d73 !important;
}

/* =========================================================
   العناوين والنصوص العامة
========================================================= */
h1, h2, h3, h4, h5, h6,
.section-title,
main h1, main h2, main h3, main h4 {
  color: #004d73 !important;
  font-weight: 800 !important;
}

p, span, label, small, li, a {
  color: #0088cc !important;
}

/* =========================================================
   بطاقات المنتجات
========================================================= */
.product-card,
.product-entry,
.product-block,
.product-item,
.product-box,
.s-product-card {
  background: #FFFFFF !important;
  color: #0088cc !important;
  border: 1px solid #dcebf0 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(0,77,115,.06) !important;
}

.product-card *,
.s-product-card * {
  color: #0088cc !important;
}

.product-card .price,
.s-product-card .price,
.s-product-card-price {
  color: #004d73 !important;
  font-weight: 900 !important;
}

.s-product-card-content,
.product-card-content {
  background: #FFFFFF !important;
}

.s-product-card-content-title,
.s-product-card-content-title a,
.product-card .product-title {
  color: #004d73 !important;
}

/* =========================================================
   تعديل ألوان زر إضافة للسلة (تدرج السماوي المطابق للشعار)
========================================================= */
.s-product-card-add-to-cart,
.s-product-card button[class*="cart"],
.s-product-card button[class*="add"],
.s-product-card .add-to-cart,
.product-card button,
button.s-product-card-add-to-cart,
div[class*="product-card"] button,
salla-button[class*="cart"],
.s-product-card salla-button {
  background: linear-gradient(135deg, #2CB4E6 0%, #0088cc 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid #A1DAF8 !important;
  box-shadow: none !important;
}

.s-product-card-add-to-cart *,
.s-product-card button[class*="cart"] *,
.s-product-card button[class*="add"] *,
.s-product-card .add-to-cart *,
.product-card button *,
button.s-product-card-add-to-cart *,
div[class*="product-card"] button *,
salla-button[class*="cart"] *,
.s-product-card salla-button * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

.s-product-card-add-to-cart:hover,
.s-product-card button[class*="cart"]:hover,
.s-product-card .add-to-cart:hover,
.product-card button:hover {
  background: linear-gradient(135deg, #0088cc 0%, #004d73 100%) !important;
  color: #FFFFFF !important;
}

.s-product-card-add-to-cart:hover *,
.s-product-card button[class*="cart"]:hover *,
.product-card button:hover * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* =========================================================
   حقول الإدخال
========================================================= */
input,
textarea,
select {
  background: #FFFFFF !important;
  color: #0088cc !important;
  border: 2px solid #dcebf0 !important;
  border-radius: 10px !important;
}

input::placeholder,
textarea::placeholder {
  color: #71839B !important;
}

/* =========================================================
   تعديلات خاصة بواجهة الجوال (Mobile View Fixes)
========================================================= */
@media (max-width: 768px) {
  html,
  body,
  main,
  main > section,
  main > .s-block,
  header,
  .header,
  .site-header,
  .navbar,
  .main-nav,
  .main-menu,
  .nav-menu,
  footer,
  .s-product-card,
  .product-card,
  .s-product-card-content,
  .product-card-content {
    background: #FFFFFF !important;
    background-image: none !important;
  }

  p, span, label, small, li, a, 
  .s-product-card *, .product-card * {
    color: #0088cc !important;
  }
  
  h1, h2, h3, h4, h5, h6, 
  .section-title, 
  .s-product-card-content-title, 
  .s-product-card-price {
    color: #004d73 !important;
  }

  .s-product-card-add-to-cart,
  .s-product-card button[class*="cart"],
  .s-product-card .add-to-cart,
  .product-card button {
    background: linear-gradient(135deg, #2CB4E6 0%, #0088cc 100%) !important;
    color: #FFFFFF !important;
    border-color: #A1DAF8 !important;
  }

  .s-product-card-add-to-cart *,
  .s-product-card button[class*="cart"] *,
  .product-card button * {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
  }

  .mobile-menu,
  .s-mobile-menu,
  .drawer,
  .offcanvas,
  [class*="mobile-nav"],
  [class*="drawer"] {
    background: #FFFFFF !important;
    color: #0088cc !important;
  }

  .mobile-menu *,
  .drawer *,
  .offcanvas * {
    color: #0088cc !important;
  }
}