/* ===============================
   TATBOQ SECURITY THEME - SALLA
   =============================== */

/* الألوان الأساسية */
:root {
  --main-color: #0A1F44;      /* أزرق داكن */
  --dark-color: #111111;      /* أسود فحمي */
  --accent-color: #C62828;    /* أحمر عروض */
  --text-light: #ffffff;
}

/* الخط */
body {
  font-family: 'Cairo', 'Tajawal', sans-serif;
  background-color: #f7f7f7;
}

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

/* اسم المتجر */
.store-name, .logo-text {
  color: var(--text-light) !important;
  font-weight: bold;
}

/* الأزرار */
button,
.btn,
.salla-btn {
  background-color: var(--main-color) !important;
  color: #fff !important;
  border-radius: 8px;
  transition: 0.3s;
}

button:hover,
.btn:hover,
.salla-btn:hover {
  background-color: var(--accent-color) !important;
}

/* عناوين الأقسام */
.section-title,
h1, h2, h3 {
  color: var(--main-color);
  font-weight: bold;
}

/* بطاقات المنتجات */
.product-card {
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  transition: 0.3s;
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* السعر */
.price {
  color: var(--accent-color) !important;
  font-weight: bold;
}

/* الفوتر */
footer {
  background-color: var(--dark-color);
  color: #ccc;
}

footer a {
  color: #ccc;
}

footer a:hover {
  color: var(--accent-color);
}

/* موبايل */
@media (max-width: 768px) {
  .header {
    padding: 10px;
  }
}