/* Add custom CSS styles below */ 

body {
    background-color: #fbf2e8;
}


/* إخفاء السعر بجانب أيقونة السلة في الهيدر */
header .s-cart-summary-content {
    display: none;
}

/* تأثير التمرير لتغيير لون الهيدر */
.top-navbar, .main-nav-container.fixed-pinned {
    background: #fff !important;
}

.main-nav-container {
    background-color: transparent !important;

    z-index: 50;
    position: relative;
}

.top-navbar .hidden.lg\:flex.items-center {
    display: none;
}


.header {
    background-color: #fff;
    color: #fff;
    padding: 20px 0;
    text-align: center;
}

.header a {
    color: #fff;
    margin: 0 10px;
}

.navbar {
    background-color: #fff;
    overflow: hidden;
}

.navbar a {
    float: left;
    display: block;
    color: #fff;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
}

.navbar a:hover {
    background-color: #fff;
    color: #fff;
}




/*الفوتر الفوتر الفوتر الفوتر الفوتر*/
/*الفوتر الفوتر الفوتر الفوتر الفوتر*/

/* تنسيق الفوتر */
/* تنسيق الفوتر */
.footer-is-light .store-footer {
    background-color: #ddd3c7 !important;
    margin-left: 16px;
    margin-right: 16px;
    color: #fff;
    border-top-right-radius: 30px !important;
    border-top-left-radius: 30px !important;
    text-align: center !important; /* توسيط النصوص في الفوتر */
}

.store-footer h3 {
    text-align: center !important;
    color: #000; /* اجعل النص شفافًا */

}


.store-footer__inner {
    background-color: #53d781 !important;
    text-align: center !important; /* توسيط النصوص في الفوتر */
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: #ddd3c7 !important;
    color: #000;
    border-top-right-radius: 30px !important;
    border-top-left-radius: 30px !important;
    text-align: center !important; /* توسيط النصوص في الفوتر */
}

.py-4 {
    background-color: #492f20;
}

.copyright-text p {
    color: #fff !important;
    text-align: center; /* توسيط النصوص في الفوتر */
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: none;
    margin-top: 0;
    flex-wrap: wrap;
    text-align: center; /* توسيط النصوص في الفوتر */
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div h3 {
    display: none;
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div a {
    margin-bottom: 0;
    text-align: center; /* توسيط النصوص في الفوتر */
    color: #000;
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div:first-of-type a i,
.store-footer__inner .container:first-of-type div:nth-of-type(3) div a i {
    color: #000;
    transition: all .3s ease;
    border: none;
    font-size: 18px;
}

.store-footer a .unicode {
    display: none;
    color: #fff;
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div a:hover {
    opacity: .6;
}

.store-footer .store-footer__inner .container div .hidden {
    display: none;
}

/* تنسيق الأكورديون في الفوتر */
button.accordion {
    padding-left: 2rem !important;
    margin-bottom: 0;
    width: 100%;
    background-color: #000;
    color: #023529;
    border: none;
    outline: none;
    text-align: center; /* توسيط النصوص في الفوتر */
    padding: 8px 15px;
    font-size: 18px;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    margin-top: 15px;
    font-weight: 500 !important;
}

button.accordion:after {
    font-family: "font awesome 5 pro";
    content: "\2b" !important;
    font-size: 16px;
    float: left;
    position: absolute;
    left: 1rem;
    top: .8rem;
}

html[lang=en] button.accordion {
    text-align: center; /* توسيط النصوص في الفوتر */
}

html[lang=en] button.accordion:after {
    float: right;
    left: auto;
    right: 1rem;
}

button.accordion.is-open:after {
    content: "\f068" !important;
}

button.accordion.is-open {
    background-color: #252122;
    color: #fff;
    border-radius: 8px 8px 0 0;
}

.faqs-div h3, .faqs-div h5 {
    font-size: 1.3rem;
    font-weight: 900;
    text-align: center; /* توسيط النصوص في الفوتر */
    color: #000 !important;
}

.faqs-div h5 {
    font-size: .9rem;
    font-weight: 400;
    text-align: center; /* توسيط النصوص في الفوتر */
}

button.accordion.is-open strong {
    color: #000 !important;
}

#btn-show-more {
    display: none;
}

.accordion-content {
    background-color: #000;
    border-top: none;
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-in-out;
    border-radius: 0 0 8px 8px;
    text-align: center; /* توسيط النصوص في الفوتر */
}

.accordion-content.active {
    border: 1px solid #efefef;
    max-height: 1000px; /* لضمان التمدد الكامل للمحتوى */
}


.content-entry p,
.content-entry h4,
.content-entry h1,
.content-entry h2,
.content-entry h3 {
    color: #000; /* لون النص الرمادي الداكن */
}
h1.font-bold {
    color: #333; /* لون النص الرمادي الداكن */
}

.shadow-default .text-gray-500,
.shadow-default .font-bold {
    color: #333; /* لون النص الرمادي الداكن */
}

.shadow-default b,
.shadow-default span {
    color: #333; /* لون النص الرمادي الداكن */
}
/* تخصيص نصوص الهيدر */

.iti input, .iti input[type=text], .iti input[type=tel]{

color:#000;
}

.starting-or-normal-price .total-price {
    color: #333 !important; /* لون النص الرمادي الداكن مع زيادة الأولوية */
}

.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800 {
    color: #000 !important; /* لون النص الأبيض مع زيادة الأولوية */
}
.iti--separate-dial-code .iti__selected-dial-code {
  color: #333 !important;
}


/* الممننتتتتتجااااااااات*/
/* الممننتتتتتجااااااااات*/
/* الممننتتتتتجااااااااات*/
/* الممننتتتتتجااااااااات*/
/* الممننتتتتتجااااااااات*/


.s-product-card-sale-price span {
    color: #000; /* اللون الأسود */
    }
/* تنسيق المنتجات */
.s-product-card-vertical .s-product-card-wishlist-btn {
    display: none;
}

.s-product-card-content-title a {
    text-align: center;
    font-size: 1rem;

}

.s-product-card-content-sub,
.s-product-card-content-subtitle {
    justify-content: center;
    text-align: center;
}

.s-product-card-content-footer .s-button-primary-outline {

    font-size: 18px; /* حجم الخط */
    font-weight: bold; /* وزن الخط */
    padding: 10px 20px; /* إضافة مساحة داخلية للزر */
    border-radius: 15px; /* تدوير الحواف بشكل أكبر */
    cursor: pointer; /* تغيير شكل المؤشر عند التمرير على الزر */
    text-align: center; /* توسيط النص داخل الزر */
    display: inline-block; /* ضمان أن الزر يأخذ حجم النص فقط */
    transition: background-color 0.3s ease; /* إضافة تأثير عند التمرير */
}


.s-product-card-price {
    color: #000;
}


.banner--fixed img {
    background-color: #transparent; !important;
}

.s-product-card-fit-height.s-product-card-vertical .s-product-card-image {
    background-color: #000 !important;
}

/* إزالة تأثير اللون الباهت (التدرج الرمادي) للمنتجات التي نفدت كميتها */
.s-product-card-out-of-stock img.loaded {
    --tw-grayscale: grayscale(0%); /* إزالة التدرج الرمادي */
}

/* تنسيق صور المنتجات لتغطية الحاوية بالكامل */
.s-product-card-image img {
    width: 100%;
    height: 100%;
    object-fit: faill; /* يجعل الصورة تغطي الحاوية بالكامل */
    background-color: #D9EDDA; /* لون خلفية الحاوية لتتناسق مع لون البطاقات */
    border-radius: 8px; /* نفس حواف الصور */
}