/* Add custom CSS styles below */ 

هيدر مربع

/* Make header corners completely square */

header,
header::before,
header::after,
header > div,
header > nav,
header .container,
.main-nav,
.main-nav::before,
.main-nav::after,
.main-nav > div,
.main-nav .container,
.header-wrapper,
.header-inner,
.header-content,
.store-header,
.site-header,
.navbar {
    border-radius: 0px !important;
}

----------------------------------------

/* Mobile Menu - Navy Color & Bold Text */

@media (max-width: 1024px) {

  .mm-spn,
  .mm-spn.mm-spn--light,
  .mm-ocd__content,
  .mm-spn ul,
  .mm-spn li,
  .mm-spn a,
  .mm-spn span,
  .mm-spn a *,
  #mobile-menu,
  #mobile-menu a,
  #mobile-menu span,
  salla-menu nav a {
    color: #19094D !important;
    font-weight: 800 !important;
  }

  /* Main Menu Heading */

  .mm-spn.mm-spn--navbar::after,
  .mm-spn.mm-spn--navbar::before {
    color: #19094D !important;
    opacity: 1 !important;
    font-weight: 800 !important;
  }

}
-----------------------------

/* Footer Copyright - White & Bold */

footer .copyright,
footer .copyright *,
footer .copyrights,
footer .copyrights *,
footer .footer-bottom,
footer .footer-bottom a,
footer .footer-copyright,
footer .footer-copyright *,
footer p:has(a[href*="salla.com"]),
footer p:has(a[href*="salla.com"]) *,
footer a[href*="salla.com"] {
    color: #FFFFFF !important;
    font-weight: 800 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
-------------------------------
العائم

/* MFTAH - Floating Mobile Navigation */

@media screen and (max-width: 767px) {

  /* Header */

  body #mainnav,
  body .main-nav-container,
  body .mobile-header,
  body #main-header {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin: 12px auto 16px !important;
    border-radius: 14px !important;
    background-color: #1B0755 !important;
    box-shadow: 0 6px 20px rgba(27, 7, 85, 0.16) !important;
  }

  /* Header Inner Corners */

  body #mainnav > .inner,
  body .main-nav-container > .inner {
    border-radius: inherit !important;
  }

  /* Bottom Navigation */

  body #bottom-nav,
  body #mobile-bottom-nav,
  body .bottom-nav,
  body .bottom-navigation,
  body .bottom-menu,
  body .bottom-bar,
  body .mobile-bottom-nav,
  body .mobile-bottom-bar,
  body .mobile-bottom-menu,
  body .mobile-bottom-navigation,
  body .mobile-footer-nav,
  body .fixed-bottom-nav,
  body [class*="bottom-nav"] {
    position: fixed !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
    border-radius: 14px !important;
    background-color: #1B0755 !important;
    box-shadow: 0 6px 20px rgba(27, 7, 85, 0.20) !important;
    z-index: 999 !important;
  }

}