/* Font */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

/* Header */
#mainnav {
    height: unset !important;
    background-color: #3E8A8691;
}
.top-navbar {
    display: none;
}
.top-navbar *,
#mainnav i {
    color: #fff;
}
.top-navbar ::placeholder {
    color: #fff;
}
.s-search-icon svg {
    fill: #fff;
}
.navbar-brand img {
    max-height: 6rem;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 100px;
}
@media only screen and (min-width: 1024px) {
    .main-menu li>a {
        color: #fff;
    }
}
@media (min-width: 1024px) {
    .store-header {
        position: absolute;
        width: 100%;
        z-index: 11;
        margin-block: 2rem;
        width: 92%;
        right: 4%;
    }
}

/* First Banner Start */
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
width:100%;
}
section.s-block.s-block--photos-slider .carousel-slider .swiper-wrapper>div{
padding:0 !important;
}
section:first-of-type.s-block.s-block--photos-slider{
margin-top:0;
}
[dir=rtl] salla-slider.photos-slider .swiper {
    padding: 0;
}
/* Hide right-left arrows */
section.s-block.s-block--photos-slider .s-slider-block__title-nav {
  display: none !important;
}
img,
.banner-entry {
  background-color: unset !important;
}
@media (max-width: 768px) {
    section:nth-child(1 of .s-block.s-block--photos-slider) {
        margin-top: 5%;
    }
    .navbar-brand img {
        max-height: 5rem;
    }
}
/* First Banner End */

/* Features */
section:nth-child(1 of .s-block.s-block--fixed-banner.wide-placeholder) {
    margin-top: -5%;
    z-index: 1;
}

/* Categories List Start */
section.s-block.s-block--banners.container .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* ثلاث بطاقات في صف واحد في كل المقاسات */
    gap: 15px; /* المسافة بين البطاقات */
    justify-items: center;
    align-items: stretch;
}

a.banner-entry {
    display: block;
    width: 100%;
    height: 405px;
    max-width: 360px;
    background-color: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.25s ease-in-out;
}

a.banner-entry:hover {
    transform: scale(1.04);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    border-radius: 16px;
}

/* تحسين العرض على الشاشات الصغيرة جدًا */
@media (max-width: 600px) {
    section.s-block.s-block--banners.container .grid {
        gap: 8px;
    }
    a.banner-entry {
        height: 180px; /* تصغير الارتفاع قليلاً */
        max-width: 120px; /* تصغير العرض لتناسب الجوال */
    }
}
/* Categories List End */

/* Products Start */
button.undefined {
    background-color: var(--color-primary);
    color: #fff;
}
@media (width < 768px) {
    .s-products-slider-card.swiper-slide {
        width: 55%;
    }
}
/* Products End */

/* Footer Start */
.footer-is-light .store-footer .store-footer__inner{
    background-color: var(--color-primary);
    color: white;
    border: none;
}
.footer-is-light .store-footer{
    background-color: var(--color-primary);
}

/* remove border - xmoaaz */
.footer-is-light .store-footer .contact-social {
  border: none;
}
.copyright-text p {
  color: #fff;
}
/* color: black to icons's border */
span.s-contacts-icon {
    border-color: #fff;
}
.store-footer a:hover {
    opacity: 0.7;
    color: #fff;
}

.unicode {
  text-align: right;
}
@media (width < 1024px) {
	footer * {
  		margin-left: auto;
  		margin-right: auto;
  		text-align: center;
	}
}
/* Footer End */