/* === Custom CSS Styles === */

/* شاشة التحميل */
.fullscreen-loader {
    background-color: #404235;
}

/* عرض المنتجات وتعديل المقاسات */
@media (min-width: 1024px) {
    .s-products-list-vertical-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .custom-product-height {
        height: 90px;
        width: 320px;
    }

    .custom-large-container {
        width: 674px;
        height: 575px;
        padding-top: 60px;
        padding-bottom: 65px;
    }
}

/* إخفاء إعلان فيسبوك */
.sicon-facebook::before {
    content: "\e938";
    display: none;
}

/* ترتيب العناصر في الشاشات المتوسطة */
@media (min-width: 768px) {
    .custom-md-layout {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* تغيير خلفيات عناصر */
.store-features-style-2-content-single-icon-box,
.mm-spn.mm-spn--light {
    background-color: #404235;
}

.hidden-elements {
    display: none;
}

/* زر واتساب */
.custom-whatsapp-button {
    height: 66px;
    width: 66px;
    background-color: #404235;
}

/* تعديل ألوان النصوص */
.custom-text-color,
.custom-gray-text,
.custom-secondary-text {
    color: #404235;
}

/* كروت المنتجات - الوضع الليلي */
.dark .custom-product-card {
    background-color: #fbffe84f;
}

/* تلوين عناصر متنوعة */
.custom-heading,
.custom-link:hover,
.mm-spn,
.mm-spn--light {
    color: #404235;
}

/* عداد السلة */
.custom-cart-counter {
    background-color: #404235;
}

/* خلفية عناصر في الوضع الليلي */
.dark .custom-dark-bg {
    background-color: #51553eba;
}

@media (max-width: 1600px) {
    .is-sticky-product-bar .sticky-product-bar.dark {
        background-color: #51553eba;
    }
}

/* نصوص في الوضع الليلي */
.dark .custom-dark-text {
    color: rgb(248, 246, 234);
}

.dark .custom-faq-bg {
    background-color: rgb(92, 95, 81);
}

.dark .custom-dark-feature-box {
    background-color: #f8f6ea;
    border: 1px solid #404235;
}

.dark .custom-dark-icon {
    color: #404235;
}

.dark .custom-dark-secondary-text {
    color: #f8f6ea;
}

/* أزرار السلايدر */
.enhanced-products-slider-action-button {
    border-color: #f8f6ea;
}

.enhanced-products-slider-action-button:hover {
    border-color: #f8f6ea;
    background-color: #f8f6ea;
}