/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
/* كروت المميزات - نفس ألوان الصورة */
.s-block--features__item{
  background: #1D2B3B !important; /* كحلي غامق */
  color:#fff !important;
  border: none !important;
  border-radius: 12px;
}

/* العنوان داخل الكرت */
.s-block--features__item h3,
.s-block--features__item .title,
.s-block--features__item strong{
  color:#fff !important;
}

/* النص الوصفي */
.s-block--features__item p{
  color: rgba(255,255,255,.80) !important;
}

/* الدائرة الخاصة بالأيقونة */
.s-block--features__item .icon,
.s-block--features__item .s-block--features__icon,
.s-block--features__item .feature-icon{
  background: #C9A55B !important;  /* ذهبي */
  border: none !important;
  border-radius: 9999px !important;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* الأيقونة داخل الدائرة */
.s-block--features__item svg,
.s-block--features__item i{
  color:#1D2B3B !important;  /* كحلي داخل الدائرة */
  fill:#1D2B3B !important;
}

/* Hover (اختياري) */
.s-block--features__item:hover{
  box-shadow: 0 12px 24px rgba(0,0,0,.18) !important;
  transform: translateY(-4px);
  transition: all .3s ease;
}
/* رائد - سلة | اجبار لون الفوتر */
body footer.store-footer,
body footer.store-footer .store-footer__inner,
body footer.store-footer .store-footer__inner *,
body footer.store-footer .store-footer__inner > div,
body footer.store-footer .container,
body footer.store-footer .grid,
body footer.store-footer .md\:flex{
  background: #172c47 !important;
  background-color: #172c47 !important;
  color: #fff !important;
}

/* الروابط */
body footer.store-footer a{
  color: #fff !important;
}


/* الايقونات */
body footer.store-footer svg,
body footer.store-footer i{
  fill: #fff !important;
  color: #fff !important;
}
/* ===== NAVY HEADER DESIGN ===== */

/* خلفية الهيدر */
header.store-header,
header.store-header .top-navbar,
header.store-header .main-nav-container {
  background: #172c47 !important; /* كحلي غامق */
  border: 0 !important;
  box-shadow: none !important;
}

/* النصوص + روابط القائمة */
header.store-header a,
header.store-header .nav-link,
header.store-header .menu-item,
header.store-header * {
  color: #ffffff !important;
}

/* مربع البحث */
header.store-header input,
header.store-header .search-input,
header.store-header .search-box input {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}

/* Placeholder داخل البحث */
header.store-header input::placeholder {
  color: rgba(255,255,255,0.65) !important;
}

/* أيقونات الهيدر (سلة/حساب/بحث) */
header.store-header svg,
header.store-header i,
header.store-header .icon {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* لو فيه خلفيات بيضاء من live editor (s-design-before/after) */
header.store-header .s-design-before,
header.store-header .s-design-after {
  background: transparent !important;
}



/* ===== FULL WIDTH BANNER ===== */
section.s-block--fixed-banner.wide-placeholder {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* لو البنر داخل container */
section.s-block--fixed-banner.wide-placeholder .container,
section.s-block--fixed-banner.wide-placeholder .s-block__content,
section.s-block--fixed-banner.wide-placeholder .row {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* إزالة الفراغ الأبيض بين الهيدر والبنر */
main#main-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

main#main-content > section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* البانر نفسه */
section.s-block--fixed-banner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.navbar-brand img {
    max-height: 5rem;
    max-width: 10vh ! IMPORTANT;
    width: auto;
}

.s-block--features__item h2 {
    color: #1f2937;
    color: rgb(255 255 255);
    font-weight: 700;
    margin-bottom: .25rem;
}
.s-block--features__item {
    background: #172c47 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 12px;
}