/*Header*/
.main-nav-container {
min-height: auto !important;
}
#mainnav > div > div {
padding: 1rem;
}
#mainnav {
border-radius: 0rem 0rem 2rem 2rem;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
#mainnav > div {
border-radius: 0rem 0rem 2rem 2rem;
}
#mainnav > div > div > div > div:nth-child(1) > a.lg\:hidden.mburger.mburger--collapse.leading-none.rtl\:ml-4.ltr\:mr-4 > i {
color: #070927!important;
border: 1px #070927 solid !important;
border-radius: 7px;
padding: 3px;
}
.header-btn__icon {
border-radius: 0px 10px !important;
color: white;
background: #070927;
height: 2rem;
width: 2rem;
}
#mainnav > div > div > div > div.flex.items-center.justify-end > button > i, #s-cart-icon > i {
font-size: 1rem  !important;
}
.s-cart-summary-count {
background-color:#c29050 !important;
}
/*Header*/
/*Banner*/
.banner--fixed img {
border-radius: 1.375rem !important;
}
/*Banner*/
/*Features*/
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.banner-entry {
height: 5rem !important;
width: 5rem !important;
border-radius: 1rem !important;
transition: all .5s ease-in-out;
}
@media only screen and (min-width: 480px){
.banner-entry {
height: 11rem !important;
width: 11rem !important;
border-radius: 1rem !important;
transition: all .5s ease-in-out;
}
}
.banner-entry:hover {
transform: scale(1.05);
transition: all .5s ease-in-out;
}
/*Features*/
/*Footer*/
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner {
border-radius: 5px 50px;
background: #070927;
color: white;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
justify-content: center;
display: flex;
flex-wrap: wrap;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > p {
text-align: center;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(2) > h3 , #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(2) > salla-menu, #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > salla-contacts > h3{
justify-content: center;
display: flex;
text-align: center;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > salla-contacts > div {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a > h3, #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(2) > h3 , #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > salla-contacts > h3{
background: #c29050 !important;
padding: .2rem 1rem .6rem 1rem !important;
border-radius: 5rem !important;
justify-content: center !important;
align-items: center !important;
display: flex !important;
width: 10rem !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(2), #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > salla-contacts {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
/*Footer*/
/*Product*/
salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div {
padding-top:1rem !important;
padding-bottom:1rem !important;
}
.s-product-card-vertical {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 0px 18px 0px 24px !important;
}

div.s-product-card-image, .s-product-card-image img.loaded {
border-radius: 0px 18px 0px 24px !important;
}
.s-button-btn {
border-radius: 0px 15px 0px 15px;
background: #070927;
color: white;
}
.s-product-card-fit-height .s-product-card-image {
height: 15rem;
max-height: 15rem;
}
.s-product-card-image img {
height: auto;
}
.s-product-card-price {
font-size: 1.3rem;
}
.s-slider-block__display-all {
color: white !important;
}
salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div {
width: 56%;
}
@media only screen and (max-width: 580px) {
.s-product-card-image img.loaded {
height: 15rem !important;
width: 15rem;
max-width: max-content;
max-height: max-content;
}
div.s-slider-block__title-left {
color: white !important;
background: #070927;
padding: 0.2rem .4rem .4rem .4rem;
border-radius: 0 .8rem;
}
}
div.s-slider-block__title-left > a {
color: white !important;
background: #070927;
padding: 0.2rem .4rem .4rem .4rem;
border-radius: 0 .8rem;
}
button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock, button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
color: white !important;
background: #070927;
padding: 0.2rem .4rem .4rem .4rem;
border-radius: 0 .8rem;
}
.s-slider-nav-arrow {
height: 2rem;
width: 2rem;
}
.swiper-button-disabled {
opacity: 1;
}
.s-slider-nav-arrow svg {
fill: white;
}
/*Product*/
/*Features*/
.s-block--features__item {
border-radius: 0 3rem;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/*Features*/
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > div > salla-social {
    justify-content: center;
     }
/* توسيط شامل لتذييل الصفحة ومحتوياته */
.main-footer, .sub-footer, .footer-wrapper {
    text-align: center !important;
}

/* ضبط حاوية أيقونات التواصل والأرقام */
.store-social, .footer-social-links, .contact-wrapper {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    float: none !important;
    margin: 10px auto !important;
    width: 100% !important;
}
/* ===============================
   توسيط كامل محتوى الفوتر – حل نهائي
   =============================== */

footer {
  width: 100% !important;
  text-align: center !important;
  direction: rtl !important;
}

/* توسيط جميع العناصر داخل الفوتر */
footer * {
  text-align: center !important;
  float: none !important;
}

/* توسيط الأرقام ووسائل التواصل */
footer ul,
footer ol,
footer .contact,
footer .contact-us,
footer .store-contact,
footer .footer-contact,
footer .footer-social,
footer .footer-social-links,
footer .social,
footer .social-icons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* توسيط كل عنصر (أيقونة – رقم – رابط) */
footer li,
footer a,
footer span,
footer p,
footer div {
  margin: 6px !important;
}

/* إلغاء أي محاذاة قديمة من القالب */
.pull-right,
.pull-left,
.float-right,
.float-left {
  float: none !important;
}

/* تحسين المظهر بالجوال */
@media (max-width: 768px) {
  footer ul,
  footer .social-icons {
    gap: 12px !important;
  }
}footer {
  display: block !important;
  text-align: center !important;
}

footer ul {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
}/* تصغير أيقونات السوشيال */
footer .social-icons a,
footer ul li a {
  width: 32px !important;
  height: 32px !important;
  font-size: 14px !important;
}

/* تصغير الدوائر حول الأيقونات */
footer .social-icons a i,
footer ul li a i {
  font-size: 14px !important;
}

/* تقليل المسافات بين الأيقونات */
footer ul {
  gap: 8px !important;
}

/* تصغير رقم الجوال */
footer .contact,
footer .store-contact,
footer p,
footer span {
  font-size: 13px !important;
}

/* تقليل المسافة بين الرقم والأيقونة */
footer li {
  margin: 3px !important;
}