/* develope By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */ 
:root {

       --color-primary: #0e78cf;
    --color-primary-dark: #85575a;
    --color-primary-light: #d2a4a7;
    --color-primary-reverse: #2c0001;
}
    align-items: center;
    justify-content: center !important;
    /*color: rgb(148, 133, 142)*/
    ; }

[dir="rtl"] .s-slider-block__title h2 {
    padding-left: 0rem;
    text-align: center;
}

div.s-block__title {
    justify-content: center;
}

/*تغيير لون الهيدر*/
.main-nav-container {
    background-color: #fff;
}

/*ايقونات الهيدر*/
.header-btn__icon {
    color: #var(--color-primary);
    
    border: none;
}

/*
.header-btn__icon {
    color:var(--color-primary);
    background-color: var(--color-primary)40;
    border-radius: 9px;
    border-color: #var(--color-primary);
}*/
/*ايقونة القائمة الجانبية*/
.sicon-menu:before {
    color: var(--color-primary);
}

/*search*/
.top-navbar {
    background-color: #ffff;
}

/*ملخص السلة*/
.s-cart-summary-total {
    color: #000;
    /* color: rgb(0 0 0/var(--tw-text-opacity)); */
    /*display: none;*/
}

/*==end header==*/
 /*==start slider image==*/
@media (min-width: 750px) {
    salla-slider.photos-slider .swiper-slide {
        position: relative;
        margin-left: 0rem;
        margin-right: 0rem;
        height: auto;
        width: 100%;
        overflow: hidden;
        border-radius: 0.375rem;
    }

    section:nth-of-type(1).s-block.s-block--photos-slider {
        margin-top: 0rem;
    }
}

@media (max-width: 991px) {
    salla-slider.photos-slider .swiper {
        padding-left: 0 !important;
    }

    salla-slider.photos-slider .swiper-slide {
        border-radius: 0px !important;
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

/*==end slider image==*/
/*==statrt categories==*/
s-block.s-block--banners > .grid {
    grid-template-columns: 1fr 1fr;
}

.s-block.s-block--banners > .grid .banner-entry {
    padding-top: 0%;
}

.two-row .banner-entry:first-child {
    grid-column: auto;
    grid-row: auto;
}

.s-block.s-block--banners:nth-of-type(19) {
    margin-bottom: 1rem;
}

.s-block.s-block--banners > .grid .banner-entry {
    height: 170px;
}

@media (max-width: 2001px) {
    .s-block.s-block--banners > .grid {
        grid-template-columns: 1fr 1fr 1fr !important ;
    }

    .s-block.s-block--banners:nth-of-type(19) > .grid .banner-entry:last-child, .s-block.s-block--banners:nth-of-type(21) > .grid .banner-entry:last-child, .s-block.s-block--banners:nth-of-type(22) > .grid .banner-entry:last-child {
        grid-column: 1 ;
    }
}

/*categories responsive*/
/*phones screen*/
@media (max-width: 600px) {
    .s-block.s-block--banners > .grid .banner-entry {
        height: 110px;
    }
}

/*ipad air, ipad mini screen*/
@media screen and (max-width: 900px) and (min-width:600px) {
    .s-block.s-block--banners > .grid .banner-entry {
        height: 210px;
    }
}

/*ipad pro and laptop screen*/
@media screen and (min-width: 900px) {
    .s-block.s-block--banners > .grid .banner-entry {
        height: 280px;
    }
}

section:nth-of-type(1).s-block.s-block--fixed-banner.wide-placeholder .container {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

/*
section.s-block.s-block--fixed-banner.wide-placeholder .container:hover,.lazy__bg.lazy.entered.loaded:hover {
    transform: translateY(-8px);
}*/
section.s-block.s-block--fixed-banner.wide-placeholder .container,:hover {
    transition: transform 0.3s, box-shadow 0.3s;
}

@media (max-width: 991px) {
    section.s-block.s-block--fixed-banner.wide-placeholder .container {
        padding: 0;
    }
}

/*توسيط عنوان اقسام المتجر*/
.s-block.s-block--banners.container .s-block__title {
    justify-content: center !important;
}

/*.s-block.s-block--banners > .grid .banner-entry {  
border: 1px solid var(--color-primary);  
padding: 0px;
margin: 0px;
} */
/*==end categories==*/
/*==start procducts==*/
/*تغيير لون الخلفية الرمادية اللي خلف صورة المنتج*/
.s-product-card-image {
    background-color: #fff;
}

/*shadow around product card*/
.s-product-card-entry {
    border: 1px groove var(--color-primary);
    box-shadow: rgba(0, 0, 0, 0.36) 2.5px 2.5px 5px, rgba(0, 0, 0, 0) -2.5px -2.5px 5px;
}

.s-product-card-entry:hover {
    animation: danmove ease 1s;
}

@keyframes danmove {
    0% {
        transform: rotate(-2deg)
    }

    40% {
        transform: rotate(2deg)
    }

    100% {
        transform: rotate(0)
    }
}

/*add to cart box*/
salla-add-product-button[width=wide]:hover {
    box-shadow: rgba(0,0,0,0.43) 0 2px 4px,rgba(0,0,0,0.43) 0 7px 13px -3px,rgba(0,0,0,0.43) 0 -3px 0 inset;
    animation: signal 2000ms infinite
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 var(--color-primary) inset
    }

    100% {
        box-shadow: 0 0 0 5px var(--color-primary) inset
    }
}

/*==end products==*/
/*== genral==*/
‎/*عنوان المنتجات المتحركة*/
/*.s-slider-block__title {
    background: var(--color-primary);
    width: 100%;
}*/
/*عنوان المنتجات الثابتة*/
.s-block__title {
    background: var(--color-primary);
}

*/ body#app {
    background-color: #fff;
}

.app-inner.flex.flex-col.min-h-full {
    background-color: #ffffff;
}

.shadow-default {
    box-shadow: none;
}

/*==end general==*/
/*==start footer==*/
.footer-is-light .store-footer .store-footer__inner {
    background-color: #000;
    color: #fff;
}

@media (max-width: 991px) {
    .store-footer {
        text-align: center;
        margin-top: 0px;
    }

    /*center logo & links*/
    .store-footer a {
        justify-content: center;
        flex-direction: column;
    }

    /*من نحن واسم المتجر*/
    .lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
        justify-content: center;
        display: inline-grid;
    }

    /*المسافات بين ايقونات التواصل والنصوص*/
    .unicode {
        margin-top: 7px;
        margin-bottom: 10px;
    }

    .store-footer .contact-social ul {
        justify-content: center;
    }
}

i.rtl\:ml-2\.5.ltr\:mr-2\.5.border.rounded-full.w-8.h-8.justify-center.flex.items-center.shrink-0.sicon-whatsapp2 {
    border-radius: 9px;
    border-width: 0px;
    color: #fff;
    background: #ffffff54;
}

i.rtl\:ml-2\.5.ltr\:mr-2\.5.border.rounded-full.w-8.h-8.justify-center.flex.items-center.shrink-0.sicon-iphone {
    border-radius: 9px;
    border-width: 0px;
    color: #fff;
    background: #ffffff54;
}

i.rtl\:ml-2\.5.ltr\:mr-2\.5.border.rounded-full.w-8.h-8.justify-center.flex.items-center.shrink-0.sicon-paper-plane-o {
    border-radius: 9px;
    border-width: 0px;
    color: #fff;
    background: #ffffff54;
}

i.rtl\:ml-2\.5.ltr\:mr-2\.5.border.rounded-full.w-8.h-8.justify-center.flex.items-center.shrink-0.sicon-phone {
    border-radius: 9px;
    border-width: 0px;
    color: #fff;
    background: #ffffff54;
}

i.rtl\:ml-2\.5.ltr\:mr-2\.5.border.rounded-full.w-8.h-8.justify-center.flex.items-center.shrink-0.sicon-mail {
    border-radius: 9px;
    border-width: 0px;
    color: #fff;
    background: #ffffff54;
}

.footer-is-light .store-footer .social-link {
    border-radius: 9px;
    border-width: 0px;
    color: #fff;
    background: #ffffff54;
}

/*==end footer==*/
/*==start main menu==*/
.mm-spn.mm-spn--light {
    color: #ffff;
    background: #000;
}

nav#mobile-menu {
    color: AC7E8130;
}
body.dark-mode *,.dark-mode div * {
    color: #fff !important;
    border-color: rgb(42 42 42);
}

body.dark-mode .bg-white,.dark-mode .s-comments-product,.dark-mode .tamara-product-widget, .dark-mode .spotii-wrapper,
.dark-mode #tabbyPromoWrapper {
    border-color: rgb(42 42 42)  !important;  background-color: rgb(32 32 32)  !important;
}

.dark-mode .s-filters-widget-container,body.dark-mode .slide--cat-entry, body.dark-mode .s-product-card-entry, body.dark-mode .s-block--features__item, .dark-mode .brand-item , .dark-mode .s-reviews-testimonial, .dark-mode .store-footer {
    color: #fff !important;
    background-color: rgb(32 32 32)
}

.dark-mode .form-input,.dark-mode .s-price-range-number-input,.dark-mode .bg-gray-100,.dark-mode .s-modal-body {
    color: #fff !important;
    border-color: rgb(42 42 42);
    background-color: rgb(42 42 42)
}

.dark-mode .s-button-primary-outline {
    background-color: rgb(42 42 42)
}

.dark-mode .store-footer__inner, .dark-mode .s-button-light-outline,.dark-mode .s-login-modal-input {
    background-color: rgb(42 42 42) !important;
    color: #fff;
}

.dark-mode .s-modal-close {
    background-color: transparent !important;
}

@media only screen and (min-width: 1024px) {
    .dark-mode .main-menu li>a {
        background-color: rgb(32 32 32)
    }

    .dark-mode .main-menu .has-children li a:hover, .dark-mode .main-menu .has-children .has-children:hover>a {
        color: #f7eeff;
        color: var(--color-primary);
        background-color: rgb(55 55 55);
    }
}

.dark-mode .s-modal-body * {
    color: #f7eeff !important;
}

.dark-mode {
    --color-primary: #7dc4d1;
    --color-primary-dark: #40a3c7;
    --color-primary-light: #2aa9c0;
    --color-primary-reverse: #ccffff;
}