/*
 * ARABIDS v1.2.91: mobile brand lock.
 * Elementor may have an older post-specific stylesheet that restores orange
 * in the hamburger, language chip and registration/login buttons. These rules
 * explicitly cover both source-page and Elementor-rendered home menus.
 */
@media (max-width: 991px) {
  html body.home header,
  html body.home header .navbar-collapse,
  html body.home header .navbar-collapse.show,
  html body.home header .navbar-collapse.in,
  html body .arabids-elementor-source header .navbar-collapse,
  html body .elementor-location-header .navbar-collapse {
    background: #fcfaf6 !important;
    color: #143328 !important;
    border-color: #e4dbcf !important;
  }

  /* Burger bars become a clear maroon X on the open mobile menu. */
  html body.home header button.navbar-toggle .animate-burger span,
  html body.home header button.navbar-toggle.collapsed .animate-burger span,
  html body.home header button.navbar-toggle:not(.collapsed) .animate-burger span,
  html body .arabids-elementor-source header button.navbar-toggle .animate-burger span,
  html body .elementor-location-header button.navbar-toggle .animate-burger span,
  html body header .navbar-toggle .top,
  html body header .navbar-toggle .middle,
  html body header .navbar-toggle .bottom {
    background: #420b07 !important;
    background-color: #420b07 !important;
    border-color: #420b07 !important;
    color: #420b07 !important;
    box-shadow: none !important;
    filter: none !important;
  }
  html body.home header .navbar-toggle::before,
  html body.home header .navbar-toggle::after,
  html body.home header .navbar-toggle .animate-burger span::before,
  html body.home header .navbar-toggle .animate-burger span::after {
    background: #420b07 !important;
    border-color: #420b07 !important;
  }
  html body.home header button.navbar-toggle,
  html body .arabids-elementor-source header button.navbar-toggle {
    background: transparent !important;
    border-color: transparent !important;
  }

  /* Text links and their active/hover decorations. */
  html body.home header .navbar-collapse .navbar-nav > li > a:not(.arabids-mobile-register-link),
  html body .arabids-elementor-source header .navbar-collapse .navbar-nav > li > a:not(.arabids-mobile-register-link) {
    color: #143328 !important;
    background-color: transparent !important;
    border-color: transparent !important;
  }
  html body.home header .navbar-collapse .navbar-nav > li > a:not(.arabids-mobile-register-link):hover,
  html body.home header .navbar-collapse .navbar-nav > li.active > a {
    color: #420b07 !important;
  }
  html body.home header .navbar-collapse .navbar-nav > li.active > a::after,
  html body.home header .navbar-collapse .navbar-nav > li > a::after {
    background-color: #a4865d !important;
    border-color: #a4865d !important;
  }

  /* Registration action inside the mobile navigation. */
  html body.home header .navbar-collapse .navbar-nav li.arabids-mobile-register-item > a.arabids-mobile-register-link,
  html body .arabids-elementor-source header .navbar-collapse a.arabids-mobile-register-link,
  html body .elementor-location-header a.arabids-mobile-register-link,
  html body header .navbar-nav a.arabids-mobile-register-link {
    background: #420b07 !important;
    background-color: #420b07 !important;
    background-image: none !important;
    border: 1px solid #420b07 !important;
    color: #fff !important;
    box-shadow: 0 7px 17px rgba(66,11,7,.12) !important;
    font-family: 'Arabids Arabic', Arial, sans-serif !important;
  }
  html body.home header .navbar-collapse .navbar-nav li.arabids-mobile-register-item > a.arabids-mobile-register-link:hover,
  html body header .navbar-nav a.arabids-mobile-register-link:focus-visible {
    background: #143328 !important;
    background-color: #143328 !important;
    border-color: #143328 !important;
    color: #fff !important;
  }
  html body header .navbar-nav a.arabids-mobile-register-link::before,
  html body header .navbar-nav a.arabids-mobile-register-link::after {
    display: none !important;
    content: none !important;
  }

  /* Sign-in action and admin-only direct-edit controls. */
  html body.home header .navbar-collapse .but-wrap.mobile a.button.header-button,
  html body.home header .navbar-collapse .but-wrap.mobile a.button,
  html body .arabids-elementor-source header .navbar-collapse .but-wrap.mobile a.button,
  html body .elementor-location-header .navbar-collapse .but-wrap.mobile a.button,
  html body header .navbar-collapse a.arabids-header-edit-direct,
  html body header .navbar-collapse a.arabids-edit-elementor {
    background: #143328 !important;
    background-color: #143328 !important;
    background-image: none !important;
    border: 1px solid #143328 !important;
    color: #fff !important;
    box-shadow: 0 7px 17px rgba(20,51,40,.12) !important;
  }
  html body.home header .navbar-collapse .but-wrap.mobile a.button:hover,
  html body header .navbar-collapse a.arabids-edit-elementor:hover {
    background: #420b07 !important;
    background-color: #420b07 !important;
    border-color: #420b07 !important;
    color: #fff !important;
  }

  /* Flags keep their original national designs; selection uses brand gold. */
  html body.home header .arabids-header-language button.active,
  html body .arabids-elementor-source header .arabids-header-language button.active {
    background: #f3ede4 !important;
    border: 1px solid #a4865d !important;
    box-shadow: 0 0 0 2px rgba(164,134,93,.07) !important;
  }
  html body.home header .arabids-header-language button:hover,
  html body .arabids-elementor-source header .arabids-header-language button:hover {
    background: #f3ede4 !important;
  }
  html body.home header .arabids-header-language button:not(.active) {
    background: transparent !important;
    border-color: transparent !important;
  }
  html body .arabids-header-language .language-flag { filter: none !important; }

  /* In case the site's saved Elementor header uses separate action widgets. */
  html body .elementor-location-header .elementor-button,
  html body .elementor-location-header a.elementor-button-link,
  html body .elementor-location-header a.elementor-button {
    background: #420b07 !important;
    background-image: none !important;
    border-color: #420b07 !important;
    color: white !important;
  }
  html body .elementor-location-header .elementor-button:hover {
    background: #143328 !important;
    border-color: #143328 !important;
  }
}

@media (max-width: 600px) {
  html body.home header .navbar-collapse .but-wrap.mobile a.button,
  html body.home header .navbar-nav a.arabids-mobile-register-link {
    min-height: 43px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
  }
}