/* 1. تنسيق الزر بالكامل (رمادي) */
.out-of-stock-button {
     
    /* الحدود: رمادي متوسط */
    border-color: #cccccc !important;
    
        /* النص الأساسي (اسم الخيار): رمادي داكن */
    color: #6d6d6d !important; 


    
}

 .out-of-stock-button .out-of-stock-indicator-text {
     color: #cc0000 !important; 
    
     display: inline; 
}
/* ======================================= */
/* 1. قواعد الأزرار الأساسية (الوضع الفاتح) */
/* ======================================= */
 
/* إخفاء مدخل الراديو الفعلي */
.custom-radio-input {
    display: none;
}

/* تصميم الزر (Label) */
.custom-radio-label {
    display: inline-block;
    padding: 5px 10px;
    margin: 5px 5px 5px 0; /* تباعد بين الأزرار */
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    background-color: #ffffff; /* الخلفية الفاتحة الافتراضية */
    color: #333333; /* لون النص في الوضع الفاتح */
    font-size: 14px;
    transition: all 0.2s ease;
    text-align: center;
    white-space: nowrap; 
    
}

/* تنسيق حالة التحويم (Hover) في الوضع الفاتح */
.custom-radio-label:hover {
    background-color: #f0f0f0; 
}

/* تنسيق الزر عند اختياره (Checked - الوضع الفاتح والداكن) */
.custom-radio-input:checked + .custom-radio-label {
   
    background-color: #16feff33;

    color: #008187;

    border-color: #0c969c;

    font-weight: bold;  
}

/* تنسيق الحاوية */
.custom-radio-buttons-container {
    display: flex;
    flex-wrap: wrap; 
    margin-top: 10px;
}

/* ======================================= */
/* 2. قواعد الوضع الداكن (Dark Mode) */
/* ======================================= */

/* قاعدة إزالة الخلفية التي كانت موجودة مسبقاً */
.theme-dark .s-block--categories .slide--cat-entry {
    background: transparent !important;
}

/* تطبيق الألوان الداكنة على الأزرار غير المختارة */
.theme-dark .custom-radio-label {
    /* تغيير الخلفية إلى لون داكن */
    background-color: #1f2039; 
    /* تغيير لون النص إلى لون فاتح */
    color: #ffffff;
    /* تغيير لون الحدود ليناسب الخلفية الداكنة */
    border-color: #555555;
}

/* تنسيق حالة التحويم (Hover) في الوضع الداكن */
.theme-dark .custom-radio-label:hover {
    /* لون أغمق قليلاً أو أفتح قليلاً لإظهار التفاعل */
    background-color: #444444; 
}

/* ملاحظة: حالة الاختيار (Checked) ستحافظ على لونها الأساسي (#007bff) ما لم يتم تحديد قاعدة خاصة بها هنا. */
/* ------------------------------------------- */
/* rating card  -----------------*/
/* ------------------------------------------- */
.rating-outer-form {
flex-direction: column;
}
.s-rating-modal-wrapper {
height: -webkit-fit-content !important;
}

@media (max-width: 576px) {
.s-modal-body.s-modal-align-middle.s-modal-padding.s-modal-entering.s-modal-md {
padding-bottom: 11px;
height: 100%;
}}
 
/* ------------------------------------------- */
/* product card  -----------------*/
/* ------------------------------------------- */
.s-product-card-entry {
    border: solid 1px #dbdbdb !important;
}
.s-product-card-entry .s-product-card-sale-price h4 {
    color: #ff4444 !important;
}
.s-login-modal-tab, .s-login-modal-wrapper {

height: -webkit-fit-content !important;
padding-bottom: 21px !important;
}
.s-product-card-entry .s-product-card-price, .s-product-card-entry , .s-product-card-entry .s-product-card-starting-price h4 {
   color: var(--text-color) !important;
}

.s-product-card-entry .s-product-card-content-sub {

    flex-wrap: nowrap !important;

}

.s-product-card-entry .s-product-card-image {
    background: #ffffff none repeat 0 0 / auto auto padding-box border-box scroll !important;
}


.s-product-card-entry .s-product-card-image a {

    background: #ffffff;
}


button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center{
    background: #16feff33 !important;
    color: #0c969c;}

.theme-dark button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background: #16feff33;
    color: #00eaf4 !important;
}

.s-product-card-content-footer:has(> salla-add-product-button .s-button-outline.s-button-disabled) {
    border: dashed 1px red;
    border-radius: 8px;
    padding: 3.5px;
     top: -6px;
    background: #ff161614 !important;
}

.s-product-card-entry .s-product-card-rating {
    font-size: 14px;
    }

.s-product-card-content-footer .s-button-element[product-status=out] .s-button-text {
    font-size: 15px;
    color: #F44336;
}



/* ------------------------------------------- */
/* product page  -----------------*/
/* ------------------------------------------- */


.s-product-options-thumbnails-wrapper div label.go-to-slide {
    border-radius: 10px;
    border: solid rgba(156, 163, 175, var(--tw-text-opacity, 1)) 1.5px;
}

button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center.s-button-wrap.hydrated , button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center{
    background: #274eff !important;
    color: #ffff !important;
}
ul.s-payments-list {
    opacity: 0;
    height: 0;
}


@media (max-width: 990px) {
   .price_is_on_sale {
    display: none !important;
  }
}
@media (max-width: 576px) {
    .ps-header .ps-logo img {
        width: 133px;
    }
}


salla-quick-buy {
display: none;
}
/* ------------------------------------------- */
/* nav bar  -----------------*/
/* ------------------------------------------- */

.ps-logo {
    filter: drop-shadow(2px 1px 1px black);
}
.ps-header__middle.inner {
    background: linear-gradient(180deg, var(--color-primary) -80%, transparent) !important;

}
.custom-main-normal, .theme-dark .custom-main-normal{
    background: #ffffff00 !important;
    }

@media (max-width: 576px) {
    .ps-header .ps-logo img {
        width: 133px;
    }
}


/* ------------------------------------------- */
/* category page -----------------*/
/* ------------------------------------------- */

.banners-catg-pages img {

    width: 100%;
}

/* ------------------------------------------- */
/* home page -----------------*/
/* ------------------------------------------- */
/* product slide  */


.loader-init {
    background-color: rgba(0, 0, 0, 0.6);
    }

@media (min-width: 350px) {
 .s-products-slider-card.swiper-slide {
     max-width: 40% !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .s-products-slider-card.swiper-slide {
 
    max-width: 12rem !important; 
  }
}

@media (min-width: 1200px) {
  .s-products-slider-card.swiper-slide {
      max-width: 14rem  !important;
  }
}


/*category slide */
.s-block.s-block--categories:nth-of-type(2) .swiper-wrapper > div {

    width: 12% !important; 
}
@media (max-width: 576px) {
.s-block.s-block--categories:nth-of-type(2) .swiper-wrapper > div {
    width: 19% !important; 
    max-width: initial !important; 
}
}


.s-block.s-block--categories:nth-of-type(2) .slide--cat-entry h2 {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* يحدد عدد السطور */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 100%;
  text-align: center;
}


.s-block.s-block--categories:nth-of-type(2) salla-slider[type]:not(.hydrated) .swiper > div > div > div,
.s-block.s-block--categories:nth-of-type(2) salla-slider[type]:not(.hydrated) > div > div {
    width: 12% !important;
}


@media (max-width: 576px) {
    .s-block--categories .carousel-slider .swiper-wrapper > div {
        min-width: 142px;
    }
}
/* ------------------------------------------- */
/* product page -----------------*/
/* ------------------------------------------- */

.dts-page .main-dts .brand img {
    max-width: 75px; 
}
.theme-dark .p-que-addcart salla-add-product-button .s-add-product-button-mini-checkout-content {
    background: transparent !important;
    color: var(--color-primary) !important;
}
.theme-dark .p-que-addcart salla-add-product-button .s-add-product-button-mini-checkout-content svg {
    fill: var(--color-primary)!important;
}

@media (max-width: 576px) {
    .price-descount-box {
        flex-direction: row;
    }
    p.n-price.total-price {
    display: none !important;
    }
}
.s-product-options-thumbnails-wrapper div input[type=radio] + label {
    position: relative;
    height: auto !important;
    width: 4rem;
}

.theme-dark .s-product-options-option-content {
    background: #14142b !important;
}
.support-sticky-bar .left-sec.active .sticky-bar-bottom {
    gap: 40px;
    box-shadow: 1px 1px 20px 0px rgb(32 226 215) !important;
}




/* ------------------------------------------- */
/* for re†urn polices-----------------*/
/* ------------------------------------------- */
form.form.product-form .s-metadata-box-header,
.s-metadata-box-header {
    display: none;
}

.s-metadata-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px 0;
    background-color: transparent !important;
}

.s-metadata-row {
    width: calc(25% - 20px);
    max-width: 85px;
    min-width: 75px;
    gap: 0rem;
    align-items: center;
    flex-direction: column; 
    justify-content: flex-start;
    text-align: center;
    padding: 5px;
    margin: 5px;
    border-bottom: none !important; 
}

.s-metadata-row-name {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    border: 1px solid #e5e5e5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 31px;
    min-width: initial;
}

.s-metadata-row-value {
    font-weight: 500;
    font-size: 12px;
    margin: 0;
    text-align: center;
    line-height: 1.4;
    white-space: normal;
    word-break: keep-all;
    display: inline-block;
    text-wrap: balance;
}

.s-metadata-row-value:lang(ar) {
    direction: rtl;
}

.s-metadata-box .s-metadata-row:nth-child(2) .s-metadata-row-name {
    background-image: url('https://cdn.salla.sa/oNQR/Yyvp8fIIJnwng460nUFp6rfYZReTEf4syx2m81vz.png');
}

.s-metadata-box .s-metadata-row:nth-child(3) .s-metadata-row-name {
    background-image: url('https://cdn.salla.sa/oNQR/b8yybsfuRLsRIgzSrIADwgd1InuNWFkcd7pGjAKp.png');
}

.s-metadata-box .s-metadata-row:nth-child(4) .s-metadata-row-name {
    background-image: url('https://cdn.salla.sa/oNQR/gCowEyunNVAfOaHpQwp7xi6vaDQjLg4s1awTDVrm.png');
}


.s-metadata-box .s-metadata-row:nth-child(5) .s-metadata-row-name {
    background-image: url('https://cdn.salla.sa/oNQR/feI3LbnE15OmvC6vWYnx0ER8LbohvDG5YKwDnOyM.png');
}


@media (min-width: 1280px) {

    .s-metadata-box {
        flex-direction: column;
        padding: 10px; 
        border-radius: 8px; 
        background-color: #fff !important;
    }

    .s-metadata-row {
        width: 100%;
        max-width: none;
        min-width: initial;
        flex-direction: row; 
        justify-content: flex-start;
        text-align: right;
        align-items: center;
        padding: 5px 5px;
        margin: 0;
        gap: 0;
        border-bottom: 1px solid #eee; 
    }

    .s-metadata-row:last-child {
        border-bottom: none;
    }

    .s-metadata-row-name {
        width: 25px; 
        height: 25px;
        min-width: 25px; 
        margin-left: 10px;
        margin-bottom: 0;
        background-size: 20px;
        border: none; 
        background-color: transparent;
    }

    .s-metadata-row-value {
        font-size: 14px;
        font-weight: normal;
        text-align: right;
    }
}
.theme-dark .s-metadata-box {
    background-color: var(--color-secondary-dark-mode) !important;
}