/*
  =============================================================================
  11:11 Shoes Premium Custom Theme
  Colors: Black (#111111), Gold (#D4AF37), White (#FFFFFF)
  =============================================================================
*/

:root {
  --primary-gold: #D4AF37;
  --gold-hover: #BFA030;
  --primary-dark: #111111;
  --bg-light: #FFFFFF;
  --text-gray: #4A4A4A;
  --accent-burgundy: #8B0000;
  --accent-green: #25D366;
  --border-light: #EAEAEA;
}

body {
  background-color: var(--bg-light) !important;
  color: var(--primary-dark) !important;
  font-family: 'Cairo', sans-serif !important;
}

/* Header */
header, .header-container, .navbar {
  background-color: var(--primary-dark) !important;
  color: var(--bg-light) !important;
  border-bottom: 2px solid var(--primary-gold) !important;
}

header a, .navbar a {
  color: var(--bg-light) !important;
}

header a:hover, .navbar a:hover {
  color: var(--primary-gold) !important;
}

/* Buttons & CTA */
button, .btn, .button, input[type="submit"], .add-to-cart, .checkout-btn {
  background-color: var(--primary-gold) !important;
  color: var(--primary-dark) !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

button:hover, .btn:hover, .checkout-btn:hover {
  background-color: var(--gold-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

/* Pulse Animation for Buy Buttons */
@keyframes gold-pulse {
  0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7); }
  70% { box-shadow: 0 0 0 10px rgba(212, 175, 55, 0); }
  100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
}

.pulse, .buy-now-btn, .order-now {
  animation: gold-pulse 2s infinite !important;
}

/* Product Cards */
.product-card, .item, .card {
  border: 1px solid var(--border-light) !important;
  border-radius: 12px !important;
  background: var(--bg-light) !important;
  transition: all 0.3s ease !important;
}

.product-card:hover, .item:hover {
  border-color: var(--primary-gold) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

/* Pricing & Badges */
.price, .current-price {
  color: var(--primary-gold) !important;
  font-weight: bold !important;
  font-size: 1.2rem !important;
}

.old-price {
  color: var(--text-gray) !important;
  text-decoration: line-through !important;
}

.badge, .discount-badge, .sale-tag {
  background-color: var(--accent-burgundy) !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
  padding: 4px 8px !important;
}

/* Footer */
footer, .footer, .site-footer {
  background-color: var(--primary-dark) !important;
  color: #CCCCCC !important;
  border-top: 3px solid var(--primary-gold) !important;
}

footer a { color: #FFFFFF !important; }
footer a:hover { color: var(--primary-gold) !important; }