/* Add custom CSS styles below */ 
footer, .store-footer__inner {
    background-color: #144424 !important;
}

footer h3 { color: #f7d70b !important; }

.text-gray-400, .text-gray-400 a { color: #ffffff !important; }
.text-gray-400 a {
    color: #f7d70b !important;
}

footer .s-social-list svg { fill: #f7d70b !important; }




/* التعديلات للموبايل فقط */
@media (max-width: 1024px) {
  
  /* خلفية القائمة على الموبايل */
  #mobile-menu.mobile-menu {
      background-color: #144424 !important;
  }

  /* نصوص الأقسام */
  #mobile-menu.mobile-menu ul.main-menu li a span {
      color: #ffffff !important;
      font-weight: bold;
      transition: color 0.3s ease;
  }

  /* عند hover أو الضغط على القسم */
  #mobile-menu.mobile-menu ul.main-menu li a:hover span,
  #mobile-menu.mobile-menu ul.main-menu li a:active span {
      color: #f7d70b !important;
  }

  /* زر إغلاق القائمة */
  #mobile-menu button.btn--close {
      color: #f7d70b !important;
  }

}


@media (max-width: 1024px) {
    #mobile-menu::after {
        color: #f7d70b !important;
    }
}