/* ======= إعدادات عامة ======= */
:root {
  --main-blue: #0d47a1;
  --dark-black: #111111;
  --light-gray: #f4f6f8;
  --border-color: #0d47a1;
}

/* ======= خلفية المتجر كاملة ======= */
body,
.store-home,
.store-content {
  background-color: var(--light-gray) !important;
  color: var(--dark-black);
  font-family: "Cairo", sans-serif;
}

/* ======= الهيدر ======= */
.header,
.header__wrapper {
  background-color: var(--dark-black) !important;
  border-bottom: 3px solid var(--main-blue);
}

.header a,
.header__nav a {
  color: #ffffff !important;
}

.header a:hover {
  color: var(--main-blue) !important;
}

/* ======= أزرار المتجر ======= */
button,
.btn,
.btn-primary {
  background-color: var(--main-blue) !important;
  color: #ffffff !important;
  border: 2px solid var(--main-blue);
  border-radius: 8px;
  transition: 0.3s ease;
}

button:hover,
.btn:hover {
  background-color: #08306b !important;
  border-color: #08306b;
}

/* ======= بطاقات المنتجات ======= */
.product-card,
.product-item {
  background-color: #ffffff;
  border: 2px solid var(--border-color);
  border-radius: 12px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.08);
  transition: 0.3s ease;
}

.product-card:hover {
  transform: translateY(-5px);
  border-color: #08306b;
}

/* ======= عناوين المنتجات ======= */
.product-title,
.product-card__title {
  color: var(--dark-black);
  font-weight: bold;
}

/* ======= الأسعار ======= */
.price,
.product-price {
  color: var(--main-blue);
  font-weight: bold;
}

/* ======= الأقسام ======= */
.category-card,
.categories-item {
  background: #ffffff;
  border: 2px solid var(--border-color);
  border-radius: 12px;
}

/* ======= الفوتر ======= */
.footer,
.store-footer {
  background-color: var(--dark-black) !important;
  border-top: 3px solid var(--main-blue);
  color: #ffffff;
}

.footer a {
  color: #ffffff !important;
}

.footer a:hover {
  color: var(--main-blue) !important;
}

/* ======= إطار عام للمحتوى ======= */
.container,
.store-container {
  border: 2px solid var(--border-color);
  border-radius: 16px;
  padding: 15px;
  background-color: #ffffff;
}/* ======= إطار بتشجير وميلان ======= */
.product-card,
.product-item,
.category-card,
.store-container {
  position: relative;
  overflow: hidden;
}

/* خلفية تشجير مائل داخل الإطار */
.product-card::before,
.product-item::before,
.category-card::before,
.store-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    135deg,
    rgba(13,71,161,0.12),
    rgba(13,71,161,0.12) 10px,
    rgba(0,0,0,0.05) 10px,
    rgba(0,0,0,0.05) 20px
  );
  transform: skew(-3deg);
  z-index: 0;
}

/* إبقاء المحتوى فوق التشجير */
.product-card > *,
.product-item > *,
.category-card > *,
.store-container > * {
  position: relative;
  z-index: 1;
}

/* تقوية الإطار الخارجي */
.product-card,
.product-item,
.category-card,
.store-container {
  border: 2px solid #0d47a1;
  border-radius: 14px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* تأثير عند المرور */
.product-card:hover,
.category-card:hover {
  transform: translateY(-6px) skewX(-1deg);
  transition: 0.3s ease;
}