/* ===================================================
   HARKA STORE – MASTER OVERRIDE EDITION
   Project: Harka for Prosthetics
   Blue (Titles & Product Name): #2562ce
   Green (Text & Footer): #04ada8
   Icons: #7c8899 | Size: Scaled Up
=================================================== */

:root {
  --primary: #2562ce;
  --secondary: #04ada8;
  --icons-color: #7c8899;
}

/* ================= GLOBAL BACKGROUND ================= */

body {
  background: 
    radial-gradient(circle at 80% 10%, rgba(4,173,168,.15), transparent 40%),
    radial-gradient(circle at 10% 90%, rgba(37,98,206,.15), transparent 40%),
    linear-gradient(135deg,#0e1a2b,#0f2554) !important;
  background-attachment: fixed !important;
}

/* ================= HEADER BASE ================= */

header, .main-header, .navbar, .navbar-default {
  background: #ffffff !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.08);
}

/* ================= SECTION TRANSPARENCY ================= */

.s-block, .s-block-features, .s-block-statistics, .s-block__display,
.s-block__content, .s-features-item, .container {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ================= TITLE & PRODUCT COLORS (التعديل المطلوب) ================= */

/* العناوين الأساسية وعناوين المنتجات باللون الأزرق المعتمد لـ "حركة" */
.s-block__title, 
.s-features-item__title, 
.section-header__title,
.product-details__title, /* عنوان المنتج في صفحة المنتج */
.s-product-card__title,   /* عناوين المنتجات في الاقتراحات والبطاقات */
h1, h2, h3, 
.s-statistics-item__title {
  color: #2562ce !important;
  -webkit-text-fill-color: #2562ce !important;
  font-weight: 800 !important;
}

/* ================= TEXT & FOOTER COLORS ================= */

/* النصوص الثانوية والوصف باللون الأخضر المعتمد */
.s-block__description, .s-features-item__description, .s-features-item p,
.section-header__description, p, .s-statistics-item__description,
footer a, footer a span, .footer-contact-item a, .footer-contact-item span {
  color: #04ada8 !important;
  -webkit-text-fill-color: #04ada8 !important;
  opacity: 1 !important;
}

/* ================= ICONS: COLOR #7C8899 & SIZE +1 ================= */

/* استهداف الأيقونات لتغيير اللون وتكبير الحجم */
.s-features-item__icon, 
.s-statistics-item__icon,
.s-features-item__icon i,
.s-statistics-item__icon i {
  color: #7c8899 !important;
  filter: invert(58%) sepia(13%) saturate(718%) hue-rotate(178deg) brightness(90%) contrast(89%) !important;
  transform: scale(1.25) !important; 
  display: inline-block !important;
}

/* ================= NAVIGATION & NAVIGATION TEXT ================= */

header * ul li a, header * ul li a span {
  color: #0f2554 !important;
  font-weight: 900 !important;
}

header * ul li a:hover, header * ul li a:hover span {
  color: #04ada8 !important;
}