/*ظبط البانر للشاشة كاملة*/

section.olla-banner {
    padding: 0;
    /*margin: 10px 0;*/
}
section.olla-banner .container {
    max-width: none!important;
    margin: 0!important;
    padding: 0!important;
}

.banner--fixed img {
    border-radius: 0 !important;
}



/*مقاس الصورة في صفحة التحميل */
body:after {
    background-size: 80%;
}


/*مقاس الصورة بالهيدر*/
div.app-inner.flex.flex-col.min-h-full > nav > div > div.py-2.flex.items-center.justify-between.gap-10.w-full > div.w-32 {
    width: 25rem;
}



	/*لون الهيدر */
nav {
    background: #000 !important;
    color: #fff;
}


/*لون القائمة*/
.flex.navbar {
		/*لون الخلفية*/
    background: #000;
    
    /*لون النص*/
    color: #fff;
}	

.header-btn__icon.icon::before {
    color: #fff;
}




button.olla-background.bg-emerald-500.text-white.py-2.px-6.font-medium.rounded-full,span.s-cart-summary-count {
    background: #fff !important;
    color: var(--color-primary) !important;
}

p.s-cart-summary-content b {
    color: #fff;
}

ul.dropdown-menu * {
    color: #000;
}


ul.flex .olla-text-hover:hover {
    color: #c3bdbd !important;
}

@media(max-width:767px) {
ul.dropdown-menu {
    background: #000;
    color: #fff;
}
ul.dropdown-menu * {
    color: #fff;
}

#app > div.app-inner.flex.flex-col.min-h-full > nav > div {
    width: 90%;
    margin: auto;
}
}



footer {background:#000; color:#fff;}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div:nth-child(1) > div.info.text-slate-600.text-sm.flex.flex-col.mt-4 > p {color: #ccc}




.s-button-btn,
input.s-search-input,
.olla-card salla-add-product-button button,
.olla-card .promotion,
button.olla-background.bg-emerald-500.text-white.py-2.px-6.font-medium.rounded-full
{
    border-radius: 10px !important;
}


.w-full.h-full.bg-center.bg-origin-content.overflow-hidden.bg-no-repeat.bg-cover.group-hover\:scale-110.ease-in-out.duration-300 {
    border-radius: 10px;
}



@media(max-width:767px) {
#app > div.app-inner.flex.flex-col.min-h-full > div.tala-main-links.relative.pt-6.md\:pb-10.container.md\:px-20.mx-auto salla-slider .slide--one-fourth {width:75px; width:75px;
}
}


.s-slider-v-centered .s-slider-block__title-nav button{
    background: #4F1920;
        box-shadow: none;

}
.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled svg {fill: #F4DAB4;}

.text-\[var\(--header-textmain-color\)\] {
  color: #fff;
  
  .bg-\[var\(--header-menu-color\)\] {
  background-color: #000;