@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;900&family=Orbitron:wght@400;600;700;900&display=swap');

:root {
  
  --bg-white:      #FFFFFF;
  --bg-light:      #F7F7F7;
  --bg-sidebar:    #F2F2F2;
  --bg-card:       #FFFFFF;
  --bg-footer:     #1A2810;

  
  --green-dark:    #2D4A1E;
  --green-mid:     #3D6228;
  --green-light:   #4E7A32;

  
  --gold:          #C9A84C;
  --gold-dark:     #A0802A;
  --gold-light:    #E0C070;

  
  --text-black:    #000000;
  --text-dark:     #1A1A1A;
  --text-gray:     #666666;
  --text-light:    #999999;

  
  --border-light:  #E0E0E0;
  --border-gold:   rgba(201,168,76,0.4);

  --shadow-card: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-hover: 0 6px 20px rgba(0,0,0,0.12);

  --radius: 4px;
  --font: 'Cairo', sans-serif;
  --font-price: 'Orbitron', monospace;
  --transition: all 0.25s ease;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  background: var(--bg-white) !important;
  color: var(--text-dark) !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 15px;
  line-height: 1.6;
  direction: rtl;
  -webkit-font-smoothing: antialiased;
}

* { color: var(--text-dark) !important; }

main, .main, section, .section, article,
.page-content, .page-wrapper, .wrapper,
[class*="section"], [class*="content"],
[class*="container"], [class*="wrapper"] {
  background: var(--bg-white) !important;
  background-image: none !important;
}

[style*="background:#1"],[style*="background: #1"],
[style*="background:#0"],[style*="background: #0"],
[style*="background:#2"],[style*="background: #2"],
[style*="background-color:#1"],[style*="background-color: #1"] {
  background: var(--bg-white) !important;
}

header, .header, .site-header {
  background: var(--bg-white) !important;
  border-bottom: 3px solid var(--gold) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

header img, .header img {
  filter: none !important;
  max-height: 56px !important;
  object-fit: contain !important;
}

header svg, .header svg, nav svg,
[class*="header-icons"] svg,
[class*="cart-btn"] svg,
[class*="account-btn"] svg,
[class*="search-btn"] svg {
  color: var(--green-dark) !important;
  fill: var(--green-dark) !important;
  stroke: var(--green-dark) !important;
}
header i, .header i { color: var(--green-dark) !important; }

[class*="cart-count"], [class*="badge-count"] {
  background: var(--green-dark) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

nav, .navbar, .navigation {
  background: var(--bg-white) !important;
}
nav a, .nav-link, .menu-item a {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 600 !important;
  color: var(--text-dark) !important;
  -webkit-text-fill-color: var(--text-dark) !important;
  text-decoration: none !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  border-bottom: 3px solid transparent !important;
  transition: var(--transition) !important;
}
nav a:hover, .nav-link:hover {
  color: var(--green-dark) !important;
  -webkit-text-fill-color: var(--green-dark) !important;
  border-bottom-color: var(--gold) !important;
}

.announcement-bar, .top-bar,
[class*="announcement"], [class*="top-bar"] {
  background: var(--green-dark) !important;
  color: #FFFFFF !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-align: center !important;
  padding: 10px !important;
  letter-spacing: 1px !important;
}
.announcement-bar *, .top-bar * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.hero, .banner, .slider, .hero-section, .main-banner {
  background: var(--bg-light) !important;
  border-bottom: 1px solid var(--border-light) !important;
}

.product-card, .product-item, .product,
[class*="product-card"], [class*="product-item"] {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  transition: var(--transition) !important;
  box-shadow: var(--shadow-card) !important;
  color: var(--text-dark) !important;
}

.product-card:hover, .product-item:hover {
  border-color: var(--gold) !important;
  box-shadow: var(--shadow-hover) !important;
  transform: translateY(-2px) !important;
}

.product-card img, .product-item img {
  filter: none !important;
  transition: var(--transition) !important;
}
.product-card:hover img, .product-item:hover img {
  transform: scale(1.03) !important;
}

.product-name, .product-title, [class*="product-name"] {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  color: var(--text-dark) !important;
  -webkit-text-fill-color: var(--text-dark) !important;
  font-size: 15px !important;
}

.product-price, .price,
[class*="product-price"], [class*="price"],
[class*="amount"] {
  font-family: var(--font-price) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
  background: none !important;
  animation: none !important;
  direction: ltr !important;
  unicode-bidi: embed !important;
  display: inline-block !important;
}

.product-price del, .old-price, .price-old,
[class*="old-price"], [class*="price-old"],
[class*="compare-price"], [class*="original-price"],
s.price, del.price { display: none !important; }

button, .btn, .button, input[type="submit"] {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  border-radius: var(--radius) !important;
  cursor: pointer !important;
  transition: var(--transition) !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

.btn-primary, .add-to-cart, .btn-add-cart,
[class*="add-to-cart"], [class*="btn-primary"] {
  background: var(--green-dark) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: none !important;
  padding: 12px 28px !important;
  font-size: 14px !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 2px 8px rgba(45,74,30,0.3) !important;
}
.btn-primary:hover, .add-to-cart:hover {
  background: var(--green-mid) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(45,74,30,0.4) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.btn-secondary, .btn-outline,
[class*="btn-secondary"], [class*="btn-outline"] {
  background: transparent !important;
  color: var(--green-dark) !important;
  -webkit-text-fill-color: var(--green-dark) !important;
  border: 2px solid var(--green-dark) !important;
  padding: 10px 24px !important;
}
.btn-secondary:hover, .btn-outline:hover {
  background: var(--green-dark) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

button:active { transform: scale(0.97) !important; }

.quantity, [class*="quantity"], [class*="qty"] {
  display: flex !important;
  align-items: center !important;
  direction: ltr !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  width: fit-content !important;
  background: var(--bg-white) !important;
}

.quantity button,
[class*="quantity"] button,
button[class*="minus"],
button[class*="plus"],
button[class*="decrease"],
button[class*="increase"] {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  background: var(--bg-light) !important;
  border: none !important;
  color: var(--green-dark) !important;
  -webkit-text-fill-color: var(--green-dark) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  user-select: none !important;
  transition: var(--transition) !important;
  padding: 0 !important;
  border-radius: 0 !important;
  line-height: 1 !important;
}
.quantity button:hover,
button[class*="minus"]:hover,
button[class*="plus"]:hover {
  background: var(--green-dark) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
.quantity button:active { background: var(--green-mid) !important; transform: scale(0.95) !important; }

.quantity input, [class*="quantity"] input {
  width: 56px !important;
  height: 44px !important;
  text-align: center !important;
  background: var(--bg-white) !important;
  border: none !important;
  border-right: 1px solid var(--border-light) !important;
  border-left: 1px solid var(--border-light) !important;
  color: var(--text-dark) !important;
  -webkit-text-fill-color: var(--text-dark) !important;
  font-family: var(--font-price) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  direction: ltr !important;
  -moz-appearance: textfield !important;
  padding: 0 !important;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

input, textarea, select {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius) !important;
  color: var(--text-dark) !important;
  -webkit-text-fill-color: var(--text-dark) !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  padding: 10px 16px !important;
  transition: var(--transition) !important;
  outline: none !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--green-dark) !important;
  box-shadow: 0 0 0 3px rgba(45,74,30,0.1) !important;
}
input::placeholder, textarea::placeholder {
  color: var(--text-light) !important;
  -webkit-text-fill-color: var(--text-light) !important;
}

.filters, .sidebar, [class*="filter"], [class*="sidebar"] {
  background: var(--bg-sidebar) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius) !important;
  color: var(--text-dark) !important;
}
.filter-title, .sidebar-title,
[class*="filter-title"], [class*="sidebar-title"] {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  color: var(--green-dark) !important;
  -webkit-text-fill-color: var(--green-dark) !important;
  font-size: 15px !important;
  border-bottom: 2px solid var(--gold) !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
}

footer, .footer, .site-footer, [class*="footer"] {
  background: var(--bg-footer) !important;
  border-top: 3px solid var(--gold) !important;
  position: relative !important;
}
footer *, .footer * {
  color: #B8C8A8 !important;
  -webkit-text-fill-color: #B8C8A8 !important;
}
footer h2, footer h3, footer h4,
.footer h2, .footer h3, .footer h4 {
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  margin-bottom: 16px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(201,168,76,0.3) !important;
}
footer a, .footer a {
  color: #90A880 !important;
  -webkit-text-fill-color: #90A880 !important;
  text-decoration: none !important;
  transition: var(--transition) !important;
}
footer a:hover, .footer a:hover {
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
}

[class*="feature"], [class*="service"],
[class*="benefit"], [class*="icon-box"] {
  background: var(--bg-light) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius) !important;
}
[class*="feature"] *, [class*="service"] * { color: var(--text-dark) !important; }
[class*="feature"] svg, [class*="service"] svg {
  color: var(--green-dark) !important;
  fill: var(--green-dark) !important;
}

.label-sale, .badge-sale, [class*="sale"] {
  background: var(--gold) !important;
  color: var(--green-dark) !important;
  -webkit-text-fill-color: var(--green-dark) !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: var(--radius) !important;
  font-size: 12px !important;
}
.label-new, .badge-new, [class*="new"] {
  background: var(--green-dark) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: var(--radius) !important;
  font-size: 12px !important;
}

.pagination a, .page-link {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-light) !important;
  color: var(--text-dark) !important;
  -webkit-text-fill-color: var(--text-dark) !important;
  padding: 8px 14px !important;
  border-radius: var(--radius) !important;
  transition: var(--transition) !important;
}
.pagination a:hover, .page-link:hover, .pagination a.active {
  background: var(--green-dark) !important;
  border-color: var(--green-dark) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

[class*="cart"], [class*="checkout"], [class*="order"] {
  background: var(--bg-white) !important;
  color: var(--text-dark) !important;
}
.cart-total, .order-total, [class*="total"] {
  font-family: var(--font-price) !important;
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
  font-weight: 700 !important;
  direction: ltr !important;
  unicode-bidi: embed !important;
}

.section-title, [class*="section-title"] {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  color: var(--text-dark) !important;
  -webkit-text-fill-color: var(--text-dark) !important;
  position: relative !important;
  padding-bottom: 10px !important;
}
.section-title::after, [class*="section-title"]::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important; right: 0 !important;
  width: 50px !important; height: 3px !important;
  background: var(--gold) !important;
  border-radius: 2px !important;
}

table { border-collapse: collapse !important; width: 100% !important; }
table th {
  background: var(--bg-light) !important;
  color: var(--green-dark) !important;
  -webkit-text-fill-color: var(--green-dark) !important;
  font-weight: 700 !important;
  padding: 12px 16px !important;
  border: 1px solid var(--border-light) !important;
}
table td {
  padding: 10px 16px !important;
  border: 1px solid var(--border-light) !important;
  color: var(--text-dark) !important;
  -webkit-text-fill-color: var(--text-dark) !important;
}
table tr:hover td { background: var(--bg-light) !important; }

.stars, .rating, [class*="star"], [class*="rating"] {
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
}

.modal, .popup, [class*="modal"], [class*="popup"] {
  background: rgba(0,0,0,0.6) !important;
}
.modal-content, .popup-content {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.2) !important;
  border-radius: var(--radius) !important;
}

.social-links a, .social-icons a, [class*="social"] a {
  color: #90A880 !important;
  -webkit-text-fill-color: #90A880 !important;
  width: 36px !important; height: 36px !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
  background: rgba(201,168,76,0.1) !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--transition) !important;
}
.social-links a:hover, .social-icons a:hover {
  background: var(--gold) !important;
  color: var(--green-dark) !important;
  -webkit-text-fill-color: var(--green-dark) !important;
}

[class*="slide"], [class*="slider"], [class*="swiper"] {
  background: var(--bg-light) !important;
}

hr, .divider {
  border: none !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;
  margin: 24px 0 !important;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--bg-light); }
::-webkit-scrollbar-thumb { background: var(--green-dark); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--green-mid); }

::selection {
  background: rgba(45,74,30,0.15);
  color: var(--green-dark);
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.product-card, .product-item { animation: fadeInUp 0.35s ease forwards; }

@media (max-width: 768px) {
  body { font-size: 14px; }
  .btn-primary, .add-to-cart { width: 100% !important; padding: 14px !important; }
  .quantity button,
  [class*="quantity"] button,
  button[class*="minus"],
  button[class*="plus"] {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    font-size: 22px !important;
  }
  .quantity input { width: 60px !important; height: 48px !important; }
}

* {
  font-family: 'Cairo', sans-serif !important;
}

.product-price, .price,
[class*="product-price"], [class*="price"],
[class*="amount"], .cart-total, .order-total,
[class*="total"], .quantity input,
[class*="quantity"] input {
  font-family: 'Orbitron', monospace !important;
}
.product-description,
.product-desc,
.product-body,
.product-content,
[class*="product-description"],
[class*="product-desc"],
[class*="product-content"],
[class*="product-body"],
[class*="description"] p,
[class*="description"] span,
[class*="description"] li,
[class*="description"] div,
[class*="description"] h1,
[class*="description"] h2,
[class*="description"] h3,
[class*="description"] h4,
[class*="desc"] p,
[class*="desc"] span,
[class*="desc"] li,
[class*="desc"] div {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}