:root {
  --main-color: #153e40;
  --second-color: #ef7023;
  --text-color: #ee6f22;
  --bg-color: #203b36;
  --alt-bg: rgb(19, 63, 66);
}

* {
  background-color: transparent !important;
}
html, body {
  background-color: var(--bg-color) !important;
  font-family: 'Almarai', sans-serif !important;
  color: var(--text-color) !important;
  overflow-x: hidden !important;
}

header,
footer,
.nue_header,
.nue_header_container {
  background-color: var(--main-color) !important;
  color: var(--text-color) !important;
}

::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.bg-white,
[class*="bg-white"],
.bg-gray-100,
.bg-gray-200,
.bg-gray-300,
.bg-gray-50,
.bg-slate-50,
.bg-neutral-50,
.home_products_grid_card,
.default_product_featured_card,
.default_product_list_card,
.home_banner_img {
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
}

.home_products_grid_card h3,
.home_products_grid_card span,
.default_product_featured_card h2,
.default_product_featured_card span,
.default_product_list_card h2,
.default_product_list_card span,
.text-heading,
.text-gray-600,
.text-gray-900 {
  color: #fff !important;
}

.bg-gray-300 {
  background-color: var(--main-color) !important;
}

button,
[type="button"],
[type="submit"],
.add-to-cart,
[class*="btn"],
[class*="button"] {
  background-color: var(--second-color) !important;
  color: var(--main-color) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-weight: bold !important;
  transition: all 0.3s ease !important;
}
button:hover,
[type="button"]:hover,
[type="submit"]:hover,
.add-to-cart:hover,
[class*="btn"]:hover,
[class*="button"]:hover {
  background-color: #d45a1a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

a {
  color: var(--second-color) !important;
}

input,
textarea,
select {
  border-color: var(--second-color) !important;
}

h2, h3, h4 {
  color: var(--second-color) !important;
}

svg,
button svg,
.add-to-cart svg,
.quantity-plus svg,
.quantity-minus svg {
  fill: white !important;
  color: white !important;
}

::before,
::after {
  box-sizing: border-box;
  border: 0 solid var(--second-color);
}

#loading-screen {
  background-color: var(--bg-color);
}

.slider_button {
  background-color: transparent !important;
  color: var(--text-color) !important;
  box-shadow: none !important;
  border: none !important;
}
.slider_buttons_container {
  display: none !important;
}

footer,
.store-footer,
.store-footer__inner {
  border: 2px solid var(--second-color) !important;
}

/* سلة */
.add-to-cart,
button[data-action="cart"],
button[name="add-to-cart"],
a[href*="cart"] {
  background-color: var(--main-color) !important;
  color: white !important;
  border: 2px solid var(--second-color) !important;
  border-radius: 8px !important;
  font-weight: bold !important;
  transition: 0.3s ease !important;
}
.add-to-cart:hover,
button[data-action="cart"]:hover,
button[name="add-to-cart"]:hover,
a[href*="cart"]:hover {
  background-color: var(--second-color) !important;
  color: white !important;
  box-shadow: 0 0 10px rgba(239, 112, 35, 0.4) !important;
}

/* الدفع */
button[name="proceed"],
button.checkout-button,
a[href*="checkout"],
a[href*="payment"],
.s-button-element[type="submit"] {
  background-color: var(--main-color) !important;
  color: white !important;
  border: 2px solid var(--second-color) !important;
  border-radius: 8px !important;
  font-weight: bold !important;
  transition: 0.3s ease !important;
}
button[name="proceed"]:hover,
button.checkout-button:hover,
a[href*="checkout"]:hover,
a[href*="payment"]:hover,
.s-button-element[type="submit"]:hover {
  background-color: var(--second-color) !important;
  color: white !important;
  box-shadow: 0 0 10px rgba(239, 112, 35, 0.4) !important;
}

/* الكمية */
.s-quantity-input-button,
.quantity-plus,
.quantity-minus,
button[data-action="increase"],
button[data-action="decrease"] {
  background-color: var(--main-color) !important;
  color: white !important;
  border: 1px solid var(--second-color) !important;
  border-radius: 6px !important;
  transition: 0.3s ease !important;
}
.s-quantity-input-button:hover,
.quantity-plus:hover,
.quantity-minus:hover,
button[data-action="increase"]:hover,
button[data-action="decrease"]:hover {
  background-color: var(--second-color) !important;
  box-shadow: 0 0 6px rgba(239, 112, 35, 0.3) !important;
}

/* تحديد البطاقات */
.home_products_grid_card,
.default_product_featured_card,
.default_product_list_card,
.banner-entry,
.section-category,
.s-product-card-vertical,
.product-box,
.category-card,
.category-entry {
  border: 2px solid var(--second-color) !important;
  border-radius: 10px !important;
  padding: 10px !important;
  transition: all 0.3s ease !important;
}
.home_products_grid_card:hover,
.default_product_featured_card:hover,
.default_product_list_card:hover,
.banner-entry:hover,
.section-category:hover,
.s-product-card-vertical:hover,
.product-box:hover,
.category-card:hover,
.category-entry:hover {
  box-shadow: 0 0 10px rgba(239, 112, 35, 0.3) !important;
  transform: translateY(-4px) !important;
}

/* العناوين والحقول */
label,
.checkout-section label,
.form-group label,
.s-form-group label {
  color: white !important;
  font-weight: bold !important;
}

select,
input,
textarea {
  background-color: #fff !important;
  color: #000 !important;
  border: 2px solid var(--second-color) !important;
  border-radius: 8px !important;
  padding: 10px !important;
  font-size: 16px !important;
  position: relative;
  z-index: 10;
}

select option {
  background-color: #fff !important;
  color: #000 !important;
}

.checkout-form .form-title,
.checkout-form .section-title,
.checkout-form .section-subtitle {
  color: var(--second-color) !important;
  font-weight: bold !important;
}

select:focus {
  outline: none !important;
  border: 2px solid var(--second-color) !important;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

/* بدون لوجو حركة الماوس */



/* خلفية القائمة المنسدلة */
.gov_select .select__menu {
  background-color: #ef7023 !important; /* لون أورانج */
  color: white !important;              /* النص أبيض */
  z-index: 9999;                       /* لضمان ظهورها فوق العناصر الأخرى */
}

/* نص الخيارات */
.gov_select .select__option {
  color: white !important;
  background-color: #ef7023 !important;
}

/* لون الخلفية عند تمرير الماوس على خيار */
.gov_select .select__option--is-focused {
  background-color: #d65c00 !important; /* درجة أغمق من الأورانج */
  color: white !important;
}

/* اللون للنص المختار */
.gov_select .select__single-value {
  color: white !important;
}

/* لون مؤشر السهم */
.gov_select .select__dropdown-indicator svg {
  fill: white !important;
}

/* لون الخط الأساسي */
.gov_select .select__control {
  background-color: #ef7023 !important;
  border-color: #ef7023 !important;
  color: white !important;
}

/* Placeholder النصي */
.gov_select .select__placeholder {
  color: rgba(255,255,255,0.7) !important;
}
