/* ENJAZ ALMOSANDA V127 — header controls + customer widget
   Final shared layer on all public HTML pages. */

:root{
  --ez127-black:#111213;--ez127-charcoal:#1B1C1E;--ez127-gold:#C5A04A;
  --ez127-gray:#85888B;--ez127-gray-light:#C6C8CA;--ez127-white:#FFFFFF;
}

/* Search field: white, dark text, gold search action. */
html body.ez-site header.enjaz-global-header .ez-header-search,
html body.ez-site header.ez-header .ez-header-search,
html body.ez-site header.enjaz-global-header.is-scrolled .ez-header-search{
  background:#FFFFFF!important;background-color:#FFFFFF!important;background-image:none!important;
  border:1px solid #C5A04A!important;border-radius:24px!important;
  box-shadow:inset 0 1px 2px rgba(17,18,19,.06)!important;opacity:1!important;
}
html body.ez-site header.enjaz-global-header .ez-header-search input,
html body.ez-site header.ez-header .ez-header-search input,
html body.ez-site header.enjaz-global-header.is-scrolled .ez-header-search input{
  background:#FFFFFF!important;background-color:#FFFFFF!important;
  color:#1B1C1E!important;-webkit-text-fill-color:#1B1C1E!important;
  caret-color:#A98532!important;opacity:1!important;
}
html body.ez-site header.enjaz-global-header .ez-header-search input::placeholder,
html body.ez-site header.ez-header .ez-header-search input::placeholder,
html body.ez-site header.enjaz-global-header.is-scrolled .ez-header-search input::placeholder{
  color:#777B7E!important;-webkit-text-fill-color:#777B7E!important;opacity:1!important;
}
html body.ez-site header.enjaz-global-header .ez-header-search button,
html body.ez-site header.ez-header .ez-header-search button,
html body.ez-site header.enjaz-global-header.is-scrolled .ez-header-search button{
  background:#C5A04A!important;background-color:#C5A04A!important;
  color:#111213!important;border:0!important;box-shadow:none!important;
}
html body.ez-site header.enjaz-global-header .ez-header-search button svg,
html body.ez-site header.ez-header .ez-header-search button svg,
html body.ez-site header.enjaz-global-header.is-scrolled .ez-header-search button svg{
  stroke:#111213!important;color:#111213!important;
}

/* Login button: white background with charcoal icon and label. */
html body.ez-site header.enjaz-global-header .ez-header-login-icon-v88,
html body.ez-site header.ez-header .ez-header-login-icon-v88,
html body.ez-site header.enjaz-global-header.is-scrolled .ez-header-login-icon-v88{
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#FFFFFF!important;background-color:#FFFFFF!important;background-image:none!important;
  color:#1B1C1E!important;-webkit-text-fill-color:#1B1C1E!important;
  border:1px solid #C5A04A!important;box-shadow:0 1px 3px rgba(17,18,19,.08)!important;
  opacity:1!important;text-shadow:none!important;
}
html body.ez-site header.enjaz-global-header .ez-header-login-icon-v88 svg,
html body.ez-site header.ez-header .ez-header-login-icon-v88 svg,
html body.ez-site header.enjaz-global-header.is-scrolled .ez-header-login-icon-v88 svg{
  stroke:#1B1C1E!important;color:#1B1C1E!important;opacity:1!important;
}
html body.ez-site header.enjaz-global-header .ez-header-login-icon-v88 .ez-header-login-label,
html body.ez-site header.ez-header .ez-header-login-icon-v88 .ez-header-login-label,
html body.ez-site header.enjaz-global-header.is-scrolled .ez-header-login-icon-v88 .ez-header-login-label{
  display:block!important;color:#1B1C1E!important;-webkit-text-fill-color:#1B1C1E!important;
  opacity:1!important;visibility:visible!important;text-shadow:none!important;
}
html body.ez-site header.enjaz-global-header .ez-header-login-icon-v88:hover,
html body.ez-site header.ez-header .ez-header-login-icon-v88:hover{
  background:#F3F1EA!important;background-color:#F3F1EA!important;
  border-color:#A98532!important;color:#111213!important;-webkit-text-fill-color:#111213!important;
}
html body.ez-site header.enjaz-global-header .ez-header-login-icon-v88:hover svg{stroke:#111213!important}

/* Preserve the charcoal identity of the header in all scroll states. */
html body.ez-site header.enjaz-global-header.ez-header.v81-header,
html body.ez-site header.enjaz-global-header.ez-header.v81-header.is-scrolled{
  background:#1B1C1E!important;background-color:#1B1C1E!important;
  background-image:linear-gradient(180deg,#242629 0%,#171819 100%)!important;
  color:#F7F7F5!important;border-bottom:2px solid #C5A04A!important;
}

/* Customer service launcher and panel stay inside the viewport. */
html body.ez-site .ez-contact-widget-v88{
  position:fixed!important;z-index:100120!important;
  right:16px!important;left:auto!important;inset-inline-start:auto!important;
  bottom:16px!important;top:auto!important;max-width:calc(100vw - 24px)!important;
  width:max-content!important;overflow:visible!important;direction:rtl!important;isolation:isolate!important;
}
html body.ez-site .ez-contact-widget-v88 .ez-contact-toggle-v88{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;
  max-width:58px!important;padding:3px!important;margin:0!important;box-sizing:border-box!important;
  border:1px solid #C5A04A!important;border-radius:17px!important;
  background:rgba(255,255,255,.32)!important;color:#1B1C1E!important;
  box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(14px) saturate(145%)!important;-webkit-backdrop-filter:blur(14px) saturate(145%)!important;
  overflow:hidden!important;
}
html body.ez-site .ez-contact-widget-v88 .ez-contact-toggle-v88>img{
  display:block!important;width:50px!important;height:50px!important;
  min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;
  object-fit:cover!important;object-position:center 18%!important;border-radius:13px!important;
  opacity:1!important;visibility:visible!important;filter:none!important;
}
html body.ez-site .ez-contact-widget-v88 .ez-contact-toggle-v88>span{display:none!important}
html body.ez-site .ez-contact-widget-v88 .ez-contact-popover-v88{
  display:flex!important;position:absolute!important;right:0!important;left:auto!important;inset-inline-start:auto!important;
  bottom:calc(100% + 10px)!important;top:auto!important;flex-direction:column!important;
  flex-wrap:nowrap!important;align-items:stretch!important;gap:5px!important;
  width:min(270px,calc(100vw - 24px))!important;min-width:0!important;max-width:calc(100vw - 24px)!important;
  max-height:min(330px,calc(100dvh - 105px))!important;overflow-x:hidden!important;overflow-y:auto!important;
  margin:0!important;padding:8px!important;box-sizing:border-box!important;
  border:1px solid rgba(197,160,74,.78)!important;border-radius:15px!important;
  background:rgba(255,255,255,.94)!important;background-color:rgba(255,255,255,.94)!important;
  background-image:none!important;color:#1B1C1E!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;-webkit-backdrop-filter:blur(16px) saturate(145%)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transform:translateY(7px) scale(.985)!important;transform-origin:bottom right!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
}
html body.ez-site .ez-contact-widget-v88.is-open .ez-contact-popover-v88,
html body.ez-site .ez-contact-widget-v88:hover .ez-contact-popover-v88,
html body.ez-site .ez-contact-widget-v88:focus-within .ez-contact-popover-v88{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}
html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88{
  appearance:none!important;-webkit-appearance:none!important;display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  align-items:center!important;gap:1px 9px!important;position:relative!important;
  width:100%!important;min-width:0!important;height:auto!important;min-height:54px!important;
  margin:0!important;padding:7px 9px!important;box-sizing:border-box!important;
  border:1px solid rgba(27,28,30,.12)!important;border-radius:10px!important;
  background:#FFFFFF!important;background-color:#FFFFFF!important;color:#1B1C1E!important;
  text-decoration:none!important;text-align:right!important;box-shadow:none!important;overflow:visible!important;
  font-family:'Tajawal',Arial,sans-serif!important;cursor:pointer!important;
}
html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88::before,
html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88::after{content:none!important;display:none!important}
html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88:hover,
html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88:focus-visible{
  background:#F5F1E7!important;border-color:rgba(197,160,74,.65)!important;outline:none!important;
}
html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88>svg{
  display:block!important;grid-column:1!important;grid-row:1/3!important;
  width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;
  min-height:24px!important;max-height:24px!important;
  stroke:#A27D32!important;fill:none!important;stroke-width:1.9!important;opacity:1!important;visibility:visible!important;
}
html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88>svg *{
  stroke:inherit!important;fill:none!important;stroke-width:inherit!important;
}
html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88>span{
  display:block!important;grid-column:2!important;grid-row:1!important;min-width:0!important;
  color:#1B1C1E!important;-webkit-text-fill-color:#1B1C1E!important;
  font:800 13px/1.4 'Tajawal',Arial,sans-serif!important;text-align:right!important;
  white-space:normal!important;opacity:1!important;visibility:visible!important;overflow:visible!important;max-height:none!important;
}
html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88>small{
  display:block!important;grid-column:2!important;grid-row:2!important;min-width:0!important;
  color:#62666A!important;-webkit-text-fill-color:#62666A!important;
  font:500 11px/1.4 'Tajawal',Arial,sans-serif!important;text-align:right!important;
  white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;max-height:none!important;
  opacity:1!important;visibility:visible!important;
}
html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88[href^="tel:"]>small{
  direction:ltr!important;unicode-bidi:isolate!important;text-align:right!important;
}

@media(max-width:850px){
  html body.ez-site header.enjaz-global-header .ez-header-search,
  html body.ez-site header.ez-header .ez-header-search{
    background:#FFFFFF!important;background-color:#FFFFFF!important;border:1px solid #C5A04A!important;
  }
  html body.ez-site header.enjaz-global-header .ez-header-search input,
  html body.ez-site header.ez-header .ez-header-search input{
    background:#FFFFFF!important;background-color:#FFFFFF!important;
    color:#1B1C1E!important;-webkit-text-fill-color:#1B1C1E!important;
  }
  html body.ez-site header.enjaz-global-header .ez-header-search input::placeholder,
  html body.ez-site header.ez-header .ez-header-search input::placeholder{
    color:#777B7E!important;-webkit-text-fill-color:#777B7E!important;opacity:1!important;
  }
  html body.ez-site header.enjaz-global-header .ez-header-login-icon-v88,
  html body.ez-site header.ez-header .ez-header-login-icon-v88{
    background:#FFFFFF!important;background-color:#FFFFFF!important;
    color:#1B1C1E!important;-webkit-text-fill-color:#1B1C1E!important;border:1px solid #C5A04A!important;
  }
  html body.ez-site header.enjaz-global-header .ez-header-login-icon-v88 svg,
  html body.ez-site header.ez-header .ez-header-login-icon-v88 svg{stroke:#1B1C1E!important}
  html body.ez-site header.enjaz-global-header .ez-header-login-icon-v88 .ez-header-login-label,
  html body.ez-site header.ez-header .ez-header-login-icon-v88 .ez-header-login-label{
    color:#1B1C1E!important;-webkit-text-fill-color:#1B1C1E!important;
  }
  html body.ez-site .ez-contact-widget-v88{
    right:max(10px,env(safe-area-inset-right))!important;left:auto!important;inset-inline-start:auto!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;
    width:max-content!important;max-width:calc(100vw - 20px)!important;
  }
  html body.ez-site .ez-contact-widget-v88 .ez-contact-toggle-v88{
    width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
    max-width:54px!important;border-radius:16px!important;
  }
  html body.ez-site .ez-contact-widget-v88 .ez-contact-toggle-v88>img{
    width:47px!important;height:47px!important;min-width:47px!important;min-height:47px!important;
    max-width:47px!important;max-height:47px!important;
  }
  html body.ez-site .ez-contact-widget-v88 .ez-contact-popover-v88{
    width:min(260px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;
    max-height:min(300px,calc(100dvh - 95px))!important;right:0!important;left:auto!important;
    padding:7px!important;gap:4px!important;background:rgba(255,255,255,.96)!important;
  }
  html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88{
    min-height:50px!important;padding:6px 8px!important;grid-template-columns:31px minmax(0,1fr)!important;
  }
  html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88>svg{
    width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;
  }
  html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88>span{font-size:12.5px!important}
  html body.ez-site .ez-contact-widget-v88 .ez-contact-item-v88>small{font-size:10.5px!important}
}
@media(max-width:360px){
  html body.ez-site header.enjaz-global-header .ez-header-login-icon-v88,
  html body.ez-site header.ez-header .ez-header-login-icon-v88{
    width:132px!important;min-width:132px!important;max-width:132px!important;
    flex-basis:132px!important;padding:0 5px!important;font-size:9px!important;
  }
  html body.ez-site .ez-contact-widget-v88 .ez-contact-popover-v88{
    width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;
  }
}