/* ═══════════════════════════════════════════════════════════════════
   MIDOFY DYNAMIC CSS - من لوحة التحكم
   ═══════════════════════════════════════════════════════════════════ */

/* ==================== HEADER COLORS ==================== */
#top {
  background: #f5f5f5 !important;
  color: #666666 !important;
}

#header {
  background: #940000 !important;
  color: #333333 !important;
}

#header a,
#top a {
  color: #d32f2f !important;
}

#header a:hover,
#top a:hover {
  color: #b71c1c !important;
}

#header .fa,
#top .fa {
  color: #666666 !important;
}

#main-menu,
#menu {
  background: #000000 !important;
}

#menu > li > a,
#menu li > a,
.navbar-nav > li > a {
  color: #ffffff !important;
}

#menu > li > a:hover,
#menu > li.active > a,
#menu li:hover > a,
.navbar-nav > li:hover > a {
  background: #b71c1c !important;
  color: #ffffff !important;
}

/* Dropdown Menu Links */
#menu .dropdown-menu a,
.dropdown-menu a {
  color: #333333 !important;
}

#menu .dropdown-menu a:hover {
  color: #b71c1c !important;
}

/* Search Bar */
#search input {
  background: #ffffff !important;
  border-color: #000000 !important;
}

#search .btn,
#search button {
  background: #940000 !important;
}

#search .btn:hover,
#search button:hover {
  background: #b71c1c !important;
}

#search .btn i,
#search .btn .fa,
#search button i,
#search .fa-search {
  color: #ffffff !important;
}

/* Wishlist */
#wishlist-total i,
#wishlist-total .fa-heart {
  color: #ffffff !important;
}

#wishlist-total span {
  color: #ffffff !important;
}

/* Cart Colors */
#cart .btn {
  background: #f5f5f5 !important;
  border-color: #e0e0e0 !important;
  color: #333333 !important;
}

#cart .btn:hover {
  border-color: #d32f2f !important;
}

/* ==================== FOOTER COLORS ==================== */
footer {
  background: #940000 !important;
  color: #ffffff !important;
}

footer h5,
footer h4 {
  color: #ffffff !important;
}

footer a {
  color: #ffffff !important;
}

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

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

.footer-bottom {
  background: #000000 !important;
}

/* ==================== PRODUCTS COLORS ==================== */
.product-thumb {
  background: #ffffff !important;
  border-color: #e0e0e0 !important;
  border-radius: 12px !important;
}

.product-thumb:hover {
  border-color: #d32f2f !important;
}

.product-thumb h4,
.product-thumb h4 a {
  color: #333333 !important;
  font-size: 16px !important;
}

.product-thumb h4 a:hover {
  color: #d32f2f !important;
}

.price,
.price-new {
  color: #d32f2f !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.price-old {
  color: #999999 !important;
}

/* زر "اشتري الآن" */
.btn-cart-add {
  background: #d32f2f !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  transition: all 0.3s !important;
}

.btn-cart-add:hover {
  background: #b71c1c !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(211, 47, 47, 0.3) !important;
}

/* أيقونات Wishlist و Compare */
.btn-action-icon {
  background: #f5f5f5 !important;
  color: #666666 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  transition: all 0.3s !important;
}

.btn-action-icon:hover {
  background: #d32f2f !important;
  color: #ffffff !important;
  border-color: #d32f2f !important;
  transform: translateY(-2px) !important;
}

.product-label-special,
.product-label-list {
  background: #e74c3c !important;
  color: #ffffff !important;
}

/* ==================== PRODUCT PAGE SPECIFIC ==================== */
#button-cart,
.btn-add-cart {
  background: #d32f2f !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  transition: all 0.3s !important;
}

#button-cart:hover,
.btn-add-cart:hover {
  background: #b71c1c !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(211, 47, 47, 0.3) !important;
}

/* Product Page Action Icons */
.btn-action-icon-lg.btn-default {
  background: #f5f5f5 !important;
  color: #666666 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
}

.btn-action-icon-lg.btn-default:hover {
  background: #d32f2f !important;
  color: #ffffff !important;
  border-color: #d32f2f !important;
}

/* ==================== GENERAL COLORS ==================== */
body {
  background: #ffffff !important;
  color: #333333 !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
  font-size: 14px !important;
}

a {
  color: #d32f2f !important;
}

a:hover {
  color: #b71c1c !important;
}

/* Register & Login */
#top-links a[href*="register"] {
  background: #d32f2f !important;
  color: white !important;
}

#top-links a[href*="register"]:hover {
  background: #b71c1c !important;
}

#top-links a[href*="login"] {
  background: #212121 !important;
  color: white !important;
}

#top-links a[href*="login"]:hover {
  background: #b71c1c !important;
}

/* ==================== MOBILE VARIABLES ==================== */
body.mobile-theme {
  --mobile-grid-columns: 2;
  --mobile-bottom-bg: #ffffff;
  --mobile-bottom-text: #333333;
  --mobile-bottom-active: #d32f2f;
  --mobile-bottom-icon: #333333;
  --mobile-bottom-icon-active: #d32f2f;
  --mobile-bottom-icon-size: 22px;
}