/* الهيدر */ 
/* نخلي الحاوية الأب relative */
.main-nav__inner {
    position: relative;
}

/* توسيط اللوجو في النص */
.main-nav__inner .navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}


.main-nav__inner > div:first-child {
    z-index: 6;
}

.main-nav__inner .left-side {
    z-index: 6;
}


.navbar-brand img {
  height: clamp(60px, 10vw, 132px) !important;
}

/* تابلت */
@media (min-width: 769px) and (max-width: 1024px) {
  .navbar-brand img {
    height: 130px !important;
  }
}

/* موبايل */
@media (max-width: 768px) {
  .navbar-brand img {
    height: 130px !important;
  }
}





.banner-inner {
    aspect-ratio: 16 / 7; /* شكل مستطيل مناسب للبنرات */
    min-height: unset !important;
}
.banner-inner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}




/*الفوتر */

.footer-logo img {
    width: clamp(100px, 20vw, 160px) !important;
    height: auto !important;
    max-width: none !important;
}


@media (max-width: 768px) {
  .footer-logo img {
    width:80vw !important;
    max-width: 300px !important;
    height: auto !important;
    border-radius: 16px;
  }
}






/* خلفية الفوتر الرئيسية */
.store-footer {
  background-color: #e8f5e9  ;
}

/* الشريط السفلي */
.store-footer__info-bar {
  background-color: #c8e6c9;
}

/* العناوين */
.store-footer .footer-title,
.store-footer .s-contacts-title {
  color: #1b5e20;
}

/* النصوص */
.store-footer p,
.store-footer .s-menu-footer-item,
.store-footer .s-contacts-item,
.store-footer .unicode {
  color: #2e7d32;
}

/* الروابط عند الهوفر */
.store-footer .s-menu-footer-item:hover,
.store-footer .s-contacts-item:hover {
  color: #1b5e20;
}

/* الأيقونات */
.store-footer .s-contacts-icon svg path {
  fill: #2e7d32;
}

/* نص الحقوق */
.store-footer .text-gray-400 {
  color: #388e3c !important;
}

/* الفاصل بين الفوتر العلوي والسفلي */
.store-footer__info-bar {
  border-top: 1px solid #a5d6a7;
}


footer.store-footer,
footer.store-footer .store-footer__inner {
  background-color: #e8f5e9 !important;
}

footer.store-footer .store-footer__info-bar {
  background-color: #c8e6c9 !important;
}