/* V27.80 - Homepage map welcome popup: closes only with skip button */
.wesam-map-welcome-overlay{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:calc(env(safe-area-inset-top, 0px) + 18px) 14px 14px;
  background:linear-gradient(180deg,rgba(2,6,23,.58),rgba(2,6,23,.26));
  pointer-events:auto;
  opacity:0;
  transform:translateY(-8px);
  transition:opacity .22s ease,transform .22s ease;
  direction:rtl;
}
.wesam-map-welcome-overlay.is-visible{opacity:1;transform:translateY(0)}
.wesam-map-welcome-overlay.is-hiding{opacity:0;transform:translateY(-10px)}
.wesam-map-welcome-card{
  width:min(460px,100%);
  border-radius:24px;
  overflow:hidden;
  background:rgba(255,255,255,.96);
  color:#0f172a;
  box-shadow:0 24px 80px rgba(2,6,23,.28),0 0 0 1px rgba(148,163,184,.25);
  border:1px solid rgba(226,232,240,.88);
  backdrop-filter:blur(18px);
  font-family:'Cairo','Tajawal',Arial,sans-serif;
}
.wesam-map-welcome-top{
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px 16px 12px;
  background:linear-gradient(135deg,#0f172a,#1e3a8a 58%,#f97316);
  color:#fff;
}
.wesam-map-welcome-pin{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:17px;
  background:rgba(255,255,255,.14);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 12px 28px rgba(0,0,0,.20);
  font-size:25px;
}
.wesam-map-welcome-title{font-size:18px;font-weight:950;line-height:1.35}
.wesam-map-welcome-sub{font-size:12px;color:rgba(255,255,255,.82);font-weight:800;margin-top:3px;line-height:1.55}
.wesam-map-welcome-body{padding:14px 16px 16px}
.wesam-map-welcome-address{
  margin:0 0 12px;
  color:#334155;
  font-size:13px;
  line-height:1.8;
  font-weight:800;
}
.wesam-map-welcome-actions{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:10px;
}
.wesam-map-welcome-btn{
  min-height:46px;
  border:0;
  border-radius:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:13px;
  font-weight:950;
  cursor:pointer;
  text-decoration:none;
  font-family:inherit;
  transition:transform .15s ease,filter .15s ease;
}
.wesam-map-welcome-btn:hover{transform:translateY(-2px);filter:saturate(1.05)}
.wesam-map-welcome-map{background:linear-gradient(135deg,#f97316,#fb923c);color:#111827;box-shadow:0 12px 24px rgba(249,115,22,.23)}
.wesam-map-welcome-skip{background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0}
.wesam-map-welcome-progress{display:none!important}
@media(max-width:560px){
  .wesam-map-welcome-overlay{padding-top:calc(env(safe-area-inset-top, 0px) + 12px)}
  .wesam-map-welcome-card{border-radius:20px}
  .wesam-map-welcome-title{font-size:16px}
  .wesam-map-welcome-actions{grid-template-columns:1fr}
  .wesam-map-welcome-btn{min-height:44px}
}

html.wesam-map-welcome-locked, body.wesam-map-welcome-locked{overflow:hidden!important;}