/* ================================
   PROMISE - Salla Theme Angel / ملاك
   Clean Fixed CSS
   ================================ */
<style>
/* Target text that accidentally escapes the body or footer */
body {
    content: normal;
}

/* If Salla wrapped it in a rogue div at the absolute bottom */
body > div:last-of-type:not([class]):not([id]) {
    display: none !important;
    visibility: hidden !important;
}

/* Header background black */
body header,
body .header,
body .main-header,
body .site-header,
body .store-header,
body .s-header,
body .s-header__wrapper,
body .s-header__inner,
body .main-nav-container,
body .main-menu-container,
body .navbar,
body .navbar-container,
body .mobile-header,
body .header-wrapper,
body .header-middle,
body .header-content {
  background: #0b0b0b !important;
  background-color: #0b0b0b !important;
}

/* Header inner areas transparent */
body header > *,
body .main-header > *,
body .store-header > *,
body .s-header > *,
body .main-nav-container > *,
body .mobile-header > * {
  background: transparent !important;
  background-color: transparent !important;
}

/* Header icons and text white */
body header *,
body .main-header *,
body .store-header *,
body .s-header *,
body .main-nav-container *,
body .mobile-header * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Header logo white */
body header img,
body .main-header img,
body .store-header img,
body .s-header img {
  filter: brightness(0) invert(1) !important;
}

/* Account menu white */
html body .s-user-menu-dropdown,
html body .account-menu,
html body .user-menu {
  background-color: #ffffff !important;
}

/* Account menu text black */
html body .s-user-menu-dropdown *,
html body .account-menu *,
html body .user-menu * {
  color: #111111 !important;
  fill: #111111 !important;
  stroke: #111111 !important;
}

/* Side menu background white - container only */
html body .s-drawer,
html body .s-drawer__body,
html body .s-drawer__content,
html body .s-drawer__container,
html body .mobile-menu,
html body .s-menu,
html body .s-sidebar,
html body .mm-menu,
html body .mm-panels,
html body .mm-panel,
html body .offcanvas,
html body .sidebar-menu {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Side menu rows transparent */
html body .s-drawer li,
html body .s-drawer a,
html body .mobile-menu li,
html body .mobile-menu a,
html body .s-menu li,
html body .s-menu a,
html body .mm-menu li,
html body .mm-menu a,
html body .sidebar-menu li,
html body .sidebar-menu a {
  background: transparent !important;
  background-color: transparent !important;
  border-color: #eeeeee !important;
}

/* Side menu text black */
html body .s-drawer a,
html body .s-drawer span,
html body .s-drawer p,
html body .s-drawer li,
html body .mobile-menu a,
html body .mobile-menu span,
html body .mobile-menu p,
html body .mobile-menu li,
html body .s-menu a,
html body .s-menu span,
html body .s-menu p,
html body .s-menu li,
html body .mm-menu a,
html body .mm-menu span,
html body .mm-menu p,
html body .mm-menu li,
html body .sidebar-menu a,
html body .sidebar-menu span,
html body .sidebar-menu p,
html body .sidebar-menu li {
  color: #111111 !important;
}

/* Side menu icons black */
html body .s-drawer svg,
html body .mobile-menu svg,
html body .s-menu svg,
html body .mm-menu svg,
html body .sidebar-menu svg {
  color: #111111 !important;
  fill: #111111 !important;
  stroke: #111111 !important;
}

/* Category images visible - very important */
html body .s-drawer img,
html body .mobile-menu img,
html body .s-menu img,
html body .mm-menu img,
html body .sidebar-menu img {
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
  filter: none !important;
  background: transparent !important;
}

/* Side menu title and close button */
html body .s-drawer button,
html body .s-drawer__close,
html body .s-drawer__header,
html body .s-drawer__title,
html body .mobile-menu button,
html body .mm-navbar,
html body .mm-navbar * {
  background: transparent !important;
  background-color: transparent !important;
  color: #111111 !important;
  fill: #111111 !important;
  stroke: #111111 !important;
}

/* Red stickers / small labels */
html body .s-drawer small,
html body .mobile-menu small,
html body .s-menu small,
html body .mm-menu small,
html body .sidebar-menu small,
html body .s-drawer .badge,
html body .mobile-menu .badge,
html body .s-menu .badge,
html body .mm-menu .badge,
html body .sidebar-menu .badge,
html body .s-drawer .tag,
html body .mobile-menu .tag,
html body .s-menu .tag,
html body .mm-menu .tag,
html body .sidebar-menu .tag,
html body .s-drawer .label,
html body .mobile-menu .label,
html body .s-menu .label,
html body .mm-menu .label,
html body .sidebar-menu .label,
html body .s-drawer [class*="badge"],
html body .mobile-menu [class*="badge"],
html body .s-menu [class*="badge"],
html body .mm-menu [class*="badge"],
html body .sidebar-menu [class*="badge"],
html body .s-drawer [class*="tag"],
html body .mobile-menu [class*="tag"],
html body .s-menu [class*="tag"],
html body .mm-menu [class*="tag"],
html body .sidebar-menu [class*="tag"],
html body .s-drawer [class*="label"],
html body .mobile-menu [class*="label"],
html body .s-menu [class*="label"],
html body .mm-menu [class*="label"],
html body .sidebar-menu [class*="label"],
html body .s-drawer span[style*="background"],
html body .mobile-menu span[style*="background"],
html body .s-menu span[style*="background"],
html body .mm-menu span[style*="background"],
html body .sidebar-menu span[style*="background"] {
  background: #ef4444 !important;
  background-color: #ef4444 !important;
  color: #111111 !important;
  fill: #111111 !important;
  stroke: #111111 !important;
  display: inline-block !important;
  padding: 4px 8px !important;
  border-radius: 0 !important;
}

/* If the red sticker is the first span inside a menu link */
html body .s-drawer a > span:first-child:not(:only-child),
html body .mobile-menu a > span:first-child:not(:only-child),
html body .s-menu a > span:first-child:not(:only-child),
html body .mm-menu a > span:first-child:not(:only-child),
html body .sidebar-menu a > span:first-child:not(:only-child) {
  background: #ef4444 !important;
  background-color: #ef4444 !important;
  color: #111111 !important;
  display: inline-block !important;
  padding: 4px 8px !important;
  border-radius: 0 !important;
}
/* Hide beige text block before mobile bottom nav */
footer + div,
footer + section {
  display: none !important;
}