/* Add custom CSS styles below */ 
body{
background-color:#F1F1F1!important;
}

#headerIDD {
    display: flex;
    flex-direction: column;
}

#headerIDD #mainnav {
    order: -1; /* Moves this div to the top */
}

#headerIDD .top-navbar {
    order: 1; /* Keeps this div below */
}

#headerIDD #mainnav{
background-color: #fff0;
  box-shadow: unset;

}
#headerIDD .fixed-header .inner.bg-inherit{
background:#F1F1F1;
}
nav ul li,nav ul li a{
color: #5F4552;
}

nav ul li a:hover{
color: #8E7E68;
}
.has-overlay::after{
background-color:rgb(142,126,104)!important;
mix-blend-mode: multiply!important;
}

.banner-entry{
border-radius: 1.375rem;
}


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



.mainCategories {
    max-width: 1260px; /* Fixed container width */
    margin: 0 auto; /* Center it */
    background-color: #f2f2f2; /* Light gray background */
    padding: 60px 0;
}

.rowBar {
    display: flex;
    width: 100%;
    gap: 20px;
}

.colW {
    flex: 1;
    width: 50%; /* Each takes 50% width */
    background-color: white;
    border: 1px solid #c4b7a0; /* Light brown border */
    border-radius: 20px; /* Rounded corners */
    text-align: center;
    padding: 35px 20px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
    
    display: flex; /* Make content inside flex */
    align-items: center; /* Align image and text */
    justify-content: center; /* Center content horizontally */
    gap: 15px; /* Space between image and text */
}
.colW:hover{
    transform: scale(1.1);
}
.imgCat {
    width: 85px; /* Adjust icon size */
    height: auto;
}

.paraCat {
    font-size: 20px;
    font-weight: bold;
    color: #6c5a59; /* Dark brown text */
    direction: rtl;
    font-family: "Tajawal", sans-serif;
    line-height: 1.6;
    text-align: right; /* Align text properly */
}

a {
    text-decoration: none;
    display: flex;
    align-items: center;
    font-family:'Almarai';
    gap: 15px; /* Space between image and text */
}
p.paraCat{
font-family:'Almarai';
}

.banner-entry article{
margin:0px auto;
}

.s-product-card-image img{
width:100%;
height:230px;
  border-radius: 20px;
}


a.slide--cat-entry{
width:160px;
height:160px;
border-radius:50%;
margin:0px auto;
color:#5f4552;
box-shadow: 1px 1px 14px #ccc;
margin: 28px auto;
}
a.slide--cat-entry:hover{
background:#d5bbc8;
color:#5f4552;
}

img.imgCatSlide{
width: 46%;
}

.s-block.container .s-block__title .right-side h2{
color:#5F4552;
font-size: 1.5rem;
}

.s-product-card-horizontal .s-product-card-content-title a{
font-size:1.25rem;
padding-bottom:16px;
color:#5F4552;
}
.s-product-card-price{
color:#5F4552;
}

.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
  background: #8E7E68;
  color:#FFFFFF;
}
.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
  background: #5F4552;
  color:#FFFFFF;
  opacity:1;
}
custom-salla-product-card.s-product-card-horizontal{
background: #fff0!important;
}

.top-navbar salla-contacts{
display:none;
}

.s-search-input{
border: 1px solid #8E7E68!important;
  background: #fff!important;
  color: #8E7E68!important;
}

.store-footer__inner{
background-color: #8E7E68!important;
  border-bottom: 1px solid #7b6e5d!important;
  color: #fff!important;
}
.store-footer{
/*background-color: #8E7E68!important;*/

background-color: #F1F1F1!important;
}

.logoFoot{
width:45%;

}
.store-footer__inner div.container > div {
text-align:center;
}
.store-footer__inner div.container > div img{
text-align:center;
margin:0px auto;
}
.store-footer__inner salla-social{
text-align:center;
justify-content: center;
}

.top-navbar salla-menu{
display:none;
}

.container.secFootersec{
display:flex;
}
.container.secFootersec > div{
width:33%;
}
.container.secFootersec  div:nth-child(2){
width:33%;
}
.container.secFootersec  div:nth-child(3){
width:33%;
}
.container.secFootersec salla-contacts div{
width:100%!important;
}

.text-sm.copyright-text,.copyright-text p{
  color: #5F4552!important;
}
.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center{
color:#fff;
}

.s-product-card-horizontal .s-product-card-content-footer{
display:none;
}


/*media*/


/* Responsive: Stack items on small screens */
@media (max-width: 768px) {
salla-cart-summary a{
    flex-direction: row;
}
    .rowBar {
        flex-direction: column;
        gap: 10px;
    }

    .colW {
        width: 100%;
        flex-direction: column; /* Stack image and text vertically on mobile */
    }

    a {
        flex-direction: column;
        text-align: center;
    }
    .s-product-card-image img {
  height: 140px;}
  
  .s-block.container .s-block__title .right-side h2 {
  font-size: 18px;
}
.s-product-card-horizontal .s-product-card-content-title a{
font-size:16px;
}
.s-product-card-content-sub{
justify-content:center;
}
.s-block__display-all{
display: block;
}
.container.secFootersec {
  flex-direction: column;
}
.container.secFootersec div,.container.secFootersec div:nth-child(2),.container.secFootersec div:nth-child(3){
width:100%;
}
.store-footer h3{
margin-top:18px;
}
.store-footer .s-contacts-item{
flex-direction: row;
  justify-content: center;
}
.s-product-card-vertical img{
height:100%!important;
}
}