/* الألوان الأساسية */
:root {
  --color-primary: #d4af37;
  --color-primary-dark: #b89325;
  --color-primary-light: #ead58e;
  --color-primary-reverse: #111111;
}

/* خلفية المتجر */
html,
body {
  background: #090909 !important;
  color: #f5f5f5;
}

/* الهيدر والقائمة */
header,
.main-nav-container,
.inner,
.top-navbar {
  background-color: #111111 !important;
  color: #f5f5f5;
}

header a,
header button,
.top-navbar a {
  color: #f5f5f5;
}

/* بطاقات المنتجات */
.s-product-card-entry {
  background: #161616 !important;
  border: 1px solid #303030 !important;
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: 0 6px 20px rgb(0 0 0 / 20%);
  transition: border-color 0.2s ease,
              box-shadow 0.2s ease;
}

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

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

.s-product-card-price {
  color: #ead58e !important;
}

.s-product-card-sale-price h4 {
  color: #ead58e !important;
}

.s-product-card-sale-price span {
  color: #b5b5b5 !important;
}

/* الأزرار الرئيسية */
.s-button-primary {
  background: #d4af37 !important;
  border-color: #d4af37 !important;
  color: #111111 !important;
  border-radius: 10px !important;
}

/* حقول الإدخال */
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
  background-color: #1b1b1b;
  color: #f5f5f5;
  border: 1px solid #555555;
  border-radius: 10px;
}

input::placeholder,
textarea::placeholder {
  color: #aaaaaa;
}

/* الفوتر */
.store-footer,
.store-footer__inner {
  background: #111111 !important;
  color: #dedede;
  border-top: 1px solid #303030;
}

.store-footer a {
  color: #dedede;
}

/* وضوح التنقل بلوحة المفاتيح */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #ead58e !important;
  outline-offset: 3px;
}

/* تأثيرات أجهزة المؤشر */
@media (hover: hover) {
  .s-product-card-entry:hover {
    border-color: #d4af37 !important;
    box-shadow: 0 8px 24px rgb(0 0 0 / 35%);
  }

  .s-button-primary:hover {
    background: #ead58e !important;
    border-color: #ead58e !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .s-product-card-entry {
    transition: none;
  }
}