/* Add custom CSS styles below */ 
.custom-message {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;          /* النص كله أبيض */
  background: #c99b66;  /* لون الخلفية */
  padding: 8px;
  border-radius: 6px;
}
body {
  font-family: 'Cairo', sans-serif !important;
  background: #fff !important;
  color: #2c1b0e !important; /* بني غامق قوي */
  line-height: 1.8;
}

/* ===== الهيدر ===== */
.site-header,
.store-header,
.top-header,
.header-main,
.header {
  background: url('https://www.transparenttextures.com/patterns/leather.png') repeat !important;
  background-color: #5C4033 !important; /* بني جلد */
  color: #2c1b0e !important;
  border-bottom: 3px solid #8B4513 !important;
  letter-spacing: 0.5px;
}

.site-header a,
.store-header a,
.header a {
  color: #2c1b0e !important; /* روابط بني غامق */
  font-weight: 600;
  transition: color .3s ease, letter-spacing .3s ease;
}
.site-header a:hover,
.store-header a:hover,
.header a:hover {
  color: #d4af37 !important; /* ذهبي عند المرور */
  letter-spacing: 1px;
}

/* ===== البانر / السلايدر ===== */
.hero,
.hero-section,
.main-banner,
.main-slider,
.slider,
.banner {
  border-radius: 18px !important;
  overflow: hidden;
  border: 3px solid #8B4513 !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.25);
}

/* ===== الأزرار ===== */
.button,
.button-primary,
.action-btn,
.add-to-cart,
.btn,
.primary-btn {
  background: url('https://www.transparenttextures.com/patterns/leather.png') repeat,
              linear-gradient(135deg, #8B4513, #5C4033) !important;
  background-color: #5C4033 !important;
  color: #fff !important;
  font-weight: 700;
  padding: 12px 28px !important;
  border-radius: 12px !important;
  border: 2px solid #8B4513 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all .3s ease;
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}
.button:hover,
.button-primary:hover,
.action-btn:hover,
.add-to-cart:hover,
.btn:hover,
.primary-btn:hover {
  background: url('https://www.transparenttextures.com/patterns/leather.png') repeat,
              linear-gradient(135deg, #d4af37, #b8860b) !important;
  border-color: #d4af37 !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* ===== الفوتر ===== */
.footer,
.site-footer,
.main-footer,
.store-footer {
  background: url('https://www.transparenttextures.com/patterns/leather.png') repeat !important;
  background-color: #5C4033 !important; /* جلد بني */
  color: #2c1b0e !important; /* النصوص بني غامق قوي */
  border-top: 3px solid #8B4513 !important;
  padding: 40px 20px;
}

.footer h4,
.site-footer h4 {
  color: #8B4513 !important; /* بني جلد متوسط للعناوين */
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.footer a,
.site-footer a {
  color: #2c1b0e !important; /* روابط بني غامق قوي */
  font-weight: 600;
  transition: color .3s ease;
}
.footer a:hover,
.site-footer a:hover {
  color: #d4af37 !important; /* ذهبي عند المرور */
}

/* ===== الأيقونات ===== */
.icon,
svg,
i {
  fill: #d4af37 !important;   /* ذهبية */
  color: #d4af37 !important;
  transition: color .3s ease, transform .3s ease;
}
.icon:hover,
svg:hover,
i:hover {
  color: #8B4513 !important; /* بني جلد */
  transform: scale(1.2);
}