/* --- أزرار عامة شفافه وحدود ونص أخضر --- */
.btn,
.btn-primary,
.button,
input[type="submit"],
button,
.add-to-cart-btn,
.product-card__add-to-cart,
.product-card__wishlist-btn,
.quick-view-btn,
a.btn,
a.button {
  background-color: transparent !important;
  border: 1.5px solid #667C26 !important;
  color: #667C26 !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* عند المرور Hover على الأزرار العامة */
.btn:hover,
.btn-primary:hover,
.button:hover,
input[type="submit"]:hover,
button:hover,
.add-to-cart-btn:hover,
.product-card__add-to-cart:hover,
.quick-view-btn:hover {
  background-color: #667C26 !important;
  border-color: #5A6E20 !important;
  color: white !important;
}

/* --- زر أضف للسلة في الهيدر --- */
.header .add-to-cart-btn,
.header button.add-to-cart-btn {
  background-color: transparent !important;
  color: #667C26 !important;
  border: 1.5px solid #667C26 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.header .add-to-cart-btn:hover,
.header button.add-to-cart-btn:hover {
  background-color: #667C26 !important;
  color: white !important;
}

/* --- زر تسجيل الدخول / الحساب --- */
.header .login-btn,
.header .login-button,
.header-user,
.header-user .icon,
.user-icon,
.login-button {
  background-color: transparent !important;
  color: #667C26 !important;
  border: 1.5px solid #667C26 !important;
  box-shadow: none !important;
  background-image: none !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.header .login-btn:hover,
.header .login-button:hover,
.header-user:hover,
.login-button:hover {
  background-color: #667C26 !important;
  color: white !important;
}

/* --- القائمة الجانبية Sidebar Menu --- */
.sidebar-menu,
.sidebar-menu ul,
.sidebar-menu li,
.sidebar-menu a,
.sidebar-menu svg,
.sidebar-menu i {
  background-color: transparent !important;
  color: #667C26 !important;
  fill: #667C26 !important;
  border: none !important;
  box-shadow: none !important;
  transition: color 0.3s ease, background-color 0.3s ease;
}

.sidebar-menu li:hover,
.sidebar-menu a:hover {
  color: #5A6E20 !important;
  fill: #5A6E20 !important;
  background-color: transparent !important;
}

/* --- خيارات الاختيار (Radio / Checkbox / Option Buttons) --- */
.product-options button,
.product-options .option,
.variant-button,
.option-label {
  background-color: transparent !important;
  color: #667C26 !important;
  border: 1.5px solid #667C26 !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* حالة اختيار الخيار مفعّل */
.product-options .option.active,
.variant-button.active,
.option-label.active,
.product-options input[type="radio"]:checked + .option-label,
.product-options input[type="checkbox"]:checked + .option-label {
  background-color: #667C26 !important;
  color: white !important;
  border-color: #5A6E20 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* إزالة أي لون تعبئة أو تأثير وردي/زهري */
.pink-background,
.pink-border,
.pink-text,
.option-pink,
.button-pink,
.btn-pink,
.icon-pink,
.text-pink {
  background-color: transparent !important;
  border-color: #667C26 !important;
  color: #667C26 !important;
  box-shadow: none !important;
  fill: #667C26 !important;
}

/* --- أيقونات عامة (بحث، سلة، حساب، تقييم) --- */
.icon,
.fa,
.fas,
.far,
.fab,
svg,
.header-icons i,
.header-icons svg,
.fa-heart,
.fa-star,
.fa-chevron-left,
.fa-chevron-right,
.product-rating i,
.rating i {
  color: #667C26 !important;
  fill: #667C26 !important;
}

/* --- دوائر عدد المنتجات في السلة --- */
.cart-count,
.cart-count-badge,
.badge,
.header .cart-count {
  background-color: transparent !important;
  color: #667C26 !important;
  border-radius: 50% !important;
  border: 1.5px solid #667C26 !important;
  box-shadow: none !important;
}

/* --- السعر والألوان النصية في الصفحات --- */
.price,
.price:before,
.product-price,
h1, h2, h3, h4, h5, h6,
.section-title,
.banner-title,
.product-title,
a,
a:hover,
.text-primary,
.subtitle,
.small-title {
  color: #667C26 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* --- أدوات التنقل والاسهم في السليدر --- */
.swiper-button-prev,
.swiper-button-next,
.slick-prev,
.slick-next {
  background-color: transparent !important;
  color: #667C26 !important;
  border-radius: 50% !important;
  border: 1.5px solid #667C26 !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover,
.slick-prev:hover,
.slick-next:hover {
  background-color: #5A6E20 !important;
  color: white !important;
}

/* --- أزرار "اشتري الآن" --- */
button.buy-now,
button.buy-now:hover,
.add-to-cart-now,
.add-to-cart-now:hover {
  background-color: transparent !important;
  border-color: #667C26 !important;
  color: #667C26 !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* --- إزالة أي ظلال أو تعبئة زهرية محتملة --- */
.banner,
.banner-title,
.promo-title,
.section-title,
.text-pink,
.icon-pink {
  background-color: transparent !important;
  color: #667C26 !important;
  box-shadow: none !important;
  
}

  /* 1. الأزرار الاختيارية - إزالة اللون الزهري عند التحديد */
.product-options button,
.product-options .option,
.variant-button,
.option-label {
  background-color: transparent !important;
  color: #667C26 !important;
  border: 1.5px solid #667C26 !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
}

/* عند التحديد (active/checked) - لون أخضر وتعبئة أخضر ونص أبيض */
.product-options .option.active,
.variant-button.active,
.option-label.active,
.product-options input[type="radio"]:checked + .option-label,
.product-options input[type="checkbox"]:checked + .option-label {
  background-color: #667C26 !important;
  color: white !important;
  border-color: #5A6E20 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* 2. أداة الانسحاب (Slider Scrollbar) - لون أخضر */
.swiper-scrollbar-drag,
.slick-scrollbar-drag {
  background-color: #667C26 !important;
}

/* 3. عداد الشراء (Badge) أعلى زر السلة - لون أخضر ونص أبيض */
.cart-count,
.cart-count-badge,
.badge,
.header .cart-count {
  background-color: #667C26 !important;
  color: white !important;
  border-radius: 50% !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: bold;
  padding: 0 6px;
  min-width: 18px;
  text-align: center;
  line-height: 18px;
}

/* تأكد لون أيقونة السلة نفسه */
.header-cart,
.cart-icon,
.cart-button {
  color: #667C26 !important;
  background-color: transparent !important;
  border: 1.5px solid #667C26 !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.header-cart:hover,
.cart-icon:hover,
.cart-button:hover {
  background-color: #667C26 !important;
  color: white !important;
  border-color: #5A6E20 !important;
}
/* إجبار لون محتوى الـ before في أزرار السلايدر */
.swiper-button-prev::before,
.swiper-button-next::before,
.slick-prev::before,
.slick-next::before {
  color: #667C26 !important;
  fill: #667C26 !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  background: none !important;
}

/* لو الأزرار تحتوي SVG داخلها */
.swiper-button-prev svg,
.swiper-button-next svg,
.slick-prev svg,
.slick-next svg {
  fill: #667C26 !important;
  color: #667C26 !important;
  filter: none !important;
}

/* منع أي خلفية أو تأثير وردي */
.swiper-button-prev,
.swiper-button-next,
.slick-prev,
.slick-next {
  background-image: none !important;
  background-color: transparent !important;
  border: 1.5px solid #667C26 !important;
  color: #667C26 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* عند Hover */
.swiper-button-prev:hover,
.swiper-button-next:hover,
.slick-prev:hover,
.slick-next:hover {
  background-color: #667C26 !important;
  color: white !important;
  border-color: #5A6E20 !important;
}
/* استهداف أول ديف علوي في الصفحة كإعلان */
body > div:first-child {
  background-color: #667C26 !important;
  color: white !important;
  position: sticky;
  top: 0;
  z-index: 9999;
  text-align: center;
  padding: 10px 20px;
  font-weight: bold;
}

/* النص داخل هذا الشريط */
body > div:first-child * {
  color: white !important;
  fill: white !important;
}

/* روابط وأزرار داخل الشريط */
body > div:first-child a,
body > div:first-child button {
  color: white !important;
  background: transparent !important;
  border: 1px solid white !important;
}

body > div:first-child a:hover,
body > div:first-child button:hover {
  color: #667C26 !important;
  background-color: white !important;
}