/* =========================================
   الدعم الواحد | الهوية الأساسية للمتجر
   ========================================= */

:root {
  --dam-primary: #006b78;
  --dam-primary-dark: #004f59;
  --dam-secondary: #0b8fa0;
  --dam-light: #f4fafb;
  --dam-white: #ffffff;
  --dam-text: #17343a;
  --dam-muted: #6b7d82;
  --dam-border: #e4edef;
  --dam-radius: 16px;
  --dam-shadow: 0 8px 25px rgba(0, 80, 90, 0.08);
}

/* الصفحة */
body {
  font-family: Arial, "Tahoma", sans-serif !important;
  background: #ffffff !important;
  color: var(--dam-text) !important;
}

/* الروابط */
a {
  transition: all 0.25s ease !important;
}

/* الأزرار */
button,
[type="button"],
[type="submit"],
.s-button-element {
  border-radius: 12px !important;
  transition: all 0.25s ease !important;
}

/* تحسين أزرار الشراء */
button:hover,
[type="button"]:hover,
[type="submit"]:hover {
  transform: translateY(-1px);
}

/* الحقول */
input,
select,
textarea {
  border-radius: 12px !important;
  border-color: var(--dam-border) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--dam-primary) !important;
  box-shadow: 0 0 0 3px rgba(0, 107, 120, 0.08) !important;
}

/* البطاقات */
.s-product-card,
.product-card,
.card {
  border-radius: var(--dam-radius) !important;
  border: 1px solid var(--dam-border) !important;
  box-shadow: var(--dam-shadow) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  background: var(--dam-white) !important;
}

.s-product-card:hover,
.product-card:hover,
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 35px rgba(0, 80, 90, 0.13) !important;
}

/* صور المنتجات */
.s-product-card img,
.product-card img {
  transition: transform 0.4s ease !important;
}

.s-product-card:hover img,
.product-card:hover img {
  transform: scale(1.03);
}

/* سعر المنتج */
.s-product-card-price,
.product-price {
  color: var(--dam-primary) !important;
  font-weight: 700 !important;
}

/* شارات المنتجات */
.s-product-card-badge,
.product-card .badge {
  border-radius: 8px !important;
}

/* العناوين */
h1,
h2,
h3,
h4 {
  color: var(--dam-text);
  font-weight: 700;
}

/* الأقسام */
section {
  border-radius: 0;
}

/* تحسين صور البنرات */
.banner img,
.s-block img {
  border-radius: var(--dam-radius) !important;
}

/* الفوتر */
footer {
  background: #063f47 !important;
  color: #ffffff !important;
}

footer a {
  color: #ffffff !important;
}

footer a:hover {
  color: #8ce5ed !important;
}

/* =========================================
   تحسين الجوال
   ========================================= */

@media (max-width: 768px) {

  body {
    font-size: 15px !important;
  }

  h1 {
    font-size: 28px !important;
  }

  h2 {
    font-size: 23px !important;
  }

  h3 {
    font-size: 19px !important;
  }

  .s-product-card,
  .product-card,
  .card {
    border-radius: 14px !important;
    box-shadow: 0 5px 18px rgba(0, 80, 90, 0.07) !important;
  }

  button,
  [type="button"],
  [type="submit"] {
    min-height: 44px;
  }

}

/* =========================================
   شريط التمرير
   ========================================= */

::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-thumb {
  background: var(--dam-primary);
  border-radius: 20px;
}

::-webkit-scrollbar-track {
  background: #f3f7f8;
}
/* =========================================
   الدعم الواحد | تحسين الهيدر
   ========================================= */

/* خلفية الهيدر */
header,
.s-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e8f0f2 !important;
}

/* تثبيت مظهر الهيدر */
header .container,
.s-header .container {
  max-width: 1400px !important;
}

/* روابط القائمة */
header a,
.s-header a {
  color: #17343a !important;
  font-weight: 600 !important;
  transition: all 0.25s ease !important;
}

/* عند المرور على القائمة */
header a:hover,
.s-header a:hover {
  color: #006b78 !important;
}

/* زر البحث */
header input[type="search"],
.s-header input[type="search"] {
  border: 1px solid #e2ecef !important;
  background: #f7fafb !important;
  border-radius: 14px !important;
}

/* أيقونات الهيدر */
header svg,
.s-header svg {
  transition: all 0.25s ease !important;
}

/* لون الأيقونات */
header svg:hover,
.s-header svg:hover {
  color: #006b78 !important;
}

/* السلة */
header .cart,
.s-header .cart {
  border-radius: 14px !important;
}

/* =========================================
   تحسين المسافات في الجوال
   ========================================= */

@media (max-width: 768px) {

  header,
  .s-header {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  header .container,
  .s-header .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* تقليل الفراغات بين أقسام الصفحة */
  section {
    margin-bottom: 12px !important;
  }

  /* البنرات */
  .banner,
  .s-block-banner {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .banner img,
  .s-block-banner img {
    border-radius: 18px !important;
  }
}