/* ===== تخصيص شريط التوب فقط ===== */

/* شريط التوب أسود والنص أبيض */
.topnav-is-dark .top-navbar {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* مربع العملات أبيض ونص أسود */
.topnav-is-dark .top-navbar .currency-box,
.topnav-is-dark .top-navbar .currency-selector,
.topnav-is-dark .top-navbar .currency-switcher {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0.4rem 0.7rem;
  font-size: 0.9rem;
}

/* مربع البحث أبيض ونص أسود */
.topnav-is-dark .top-navbar .s-search-input {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding-left: 2.2rem; /* ابعاد النص عن أيقونة البحث */
  height: 2.2rem;
}

/* الأيقونة (المكبر) داخل مربع البحث */
.topnav-is-dark .top-navbar .s-search-icon {
  position: absolute;
  left: 1 rem;
  top: 50%;
  transform: translateY(-50%);
  color: #555;
}

/* ===== تعديل القاعدة العامة ===== */
/* استثناء مربع البحث من القاعدة العامة */
[type='text']:not(.s-search-input),
input:not([type]):not(.s-search-input),
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='tel'],
[type='time'],
[type='week'],
[multiple],
textarea,
select {
  appearance: none;
  background-color: #080808; /* غامق لبقية الحقول */
  border: 1px solid #6b7280;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #f6efef;
}


/* ====== Header Style ====== */

element.style {
}
.bg-inherit {
    background-color: #000000;
    color: #ffffff !important;    /* خط أبيض */
}
/* أيقونات الهيدر */
.top-header i,
.top-navbar i {
    color: #ffffff !important;   /* أبيض */
}
.sicon-user-circle:before {
    content: "\f072";   /* رمز الأيقونة */
    color: #ffffff;     /* أبيض */
    font-size: 18px;    /* حجم الأيقونة */
}
.sicon-shopping-bag:before {
    content: "\ef36";   /* رمز الأيقونة */
    color: #ffffff;     /* أبيض */
    font-size: 18px;    /* حجم الأيقونة */
}

.product__description a {
    --tw-text-opacity: 1;
    color: #000000;
    color: rgb(114 118 130);
}

/* ====== All secondary page buttons ===== */
.s-button-primary {
    background-color: #000000 !important;  /* خلفية أسود */
    border: 1px solid #000000 !important;  /* حدود أسود */
    color: #ffffff !important;             /* نص أبيض */
    transition: background-color 0.3s ease; /* تأثير سلس عند hover */
}

.s-button-primary:hover {
    background-color: #4a4b4b !important;  /* تغير الخلفية عند المرور */
    color: #ffffff !important;             /* النص يظل أبيض */
}

.s-add-product-button-mini-checkout-content svg {
    height: 1rem;
    margin-right: .375rem;
    width: 1rem;
    fill: rgb(0 0 0);
}
.s-fast-checkout-button.outline {
    background-color: transparent;
    border: 1px solid #000000;
    color: #000000;
}
.s-fast-checkout-button.outline {
    background-color: transparent;
    border: 1px solid #030303;
    color: #090909;
}
.s-button-primary-outline {
    fill: #080808;
    fill: #000000;
    color: #000000;
    color: #040404;
}
.s-user-menu-trigger {
    align-items: center;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
    cursor: pointer;
    display: flex
;
    width: -moz-fit-content;
    width: fit-content;
    --tw-bg-opacity: 1;
    background-color: #000000;
    background-color: rgb(0 0 0);
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .875rem .625rem;
}