/* Add custom CSS styles below */ 
:root {
  --retaam-navy: #071a36;
  --retaam-cyan: #18b9c4;
  --retaam-red: #ff4d4f;
  --retaam-bg: #f7f9fc;
  --retaam-border: #e5eaf0;
}

/* إخفاء شريط البريد القديم بعد تفعيل الشريط الترويجي */
.top-nav {
  display: none !important;
}

/* الشريط الرئيسي */
#main-nav {
  height: 78px !important;
  min-height: 78px !important;
  background: #fff !important;
  box-shadow: 0 5px 18px rgba(7, 26, 54, 0.07) !important;
}

.main-nav__content {
  height: 78px !important;
  min-height: 78px !important;
  align-items: center !important;
}

/* الشعار */
.navbar-brand img {
  width: auto !important;
  height: 56px !important;
  max-height: 56px !important;
}

/* البحث */
.header__search .s-search-input-wrapper {
  background: var(--retaam-bg) !important;
  border: 1px solid var(--retaam-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* زر جميع التصنيفات */
#all-cats-trigger {
  color: var(--retaam-navy) !important;
  border-color: var(--retaam-cyan) !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
}

/* روابط الهيدر */
.quicklinks {
  background: #fff !important;
  border-top: 1px solid #eef2f6 !important;
  border-bottom: 1px solid #eef2f6 !important;
  box-shadow: 0 4px 12px rgba(7, 26, 54, 0.04) !important;
}

.quicklinks::before {
  display: none !important;
}

.quicklinks .main-menu {
  height: 48px !important;
  padding: 0 !important;
  align-items: center !important;
}

.quicklinks .main-menu li > a {
  color: var(--retaam-navy) !important;
  padding: 14px 17px !important;
  font-weight: 600 !important;
}

.quicklinks .main-menu li > a:hover {
  color: var(--retaam-cyan) !important;
}

/* الفوتر */
.store-footer-wrap {
  background: var(--retaam-navy) !important;
  color: #d5dfeb !important;
}

.store-footer__inner {
  padding-top: 52px !important;
  padding-bottom: 32px !important;
}

.store-footer__inner .container {
  gap: 32px !important;
}

.store-footer h3,
.store-footer .collapse-trigger {
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

.store-footer a {
  color: #cad6e4 !important;
  transition: color 0.2s ease !important;
}

.store-footer a:hover {
  color: var(--retaam-cyan) !important;
}

/* تحويل شعار رتام داخل الفوتر إلى أبيض */
.store-footer__inner a.inline-block img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.95 !important;
}

.store-footer .widget {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* الموبايل */
@media (max-width: 767px) {
  #main-nav,
  .main-nav__content {
    height: 68px !important;
    min-height: 68px !important;
  }

  .navbar-brand img {
    height: 46px !important;
    max-height: 46px !important;
  }

  .store-footer__inner {
    padding: 34px 18px 24px !important;
  }
}