/* ══════════════════════════════════════════════════════════════
   Falafel Concept — Welcome Popup (minimal, centered)
   ══════════════════════════════════════════════════════════════ */

.wm-backdrop{
  position:fixed;inset:0;z-index:9998;
  background:rgba(5,12,9,0.72);
  opacity:0;pointer-events:none;
  transition:opacity 0.35s ease;
}
.wm-backdrop.visible{opacity:1;pointer-events:auto}

.wm-popup{
  position:fixed;top:50%;left:50%;z-index:9999;
  width:440px;max-width:calc(100vw - 32px);
  background:#0a1612;
  border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,0.65);
  transform:translate(-50%,-50%) scale(0.96);
  opacity:0;pointer-events:none;
  transition:transform 0.35s cubic-bezier(0.2,0.9,0.3,1),opacity 0.3s ease;
  overflow:hidden;
  font-family:'Inter',system-ui,sans-serif;
  color:#f0ede8;
}
.wm-popup.visible{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}

/* Close button — minimal, no frame */
.wm-close{
  position:absolute;top:14px;right:14px;z-index:5;
  width:28px;height:28px;
  background:transparent;border:none;
  color:rgba(240,237,232,0.35);cursor:pointer;
  font-size:22px;line-height:1;padding:0;font-family:inherit;font-weight:300;
  transition:color 0.15s;
}
.wm-close:hover{color:#f0ede8}

/* Header — flag + greeting */
.wm-head{
  display:flex;align-items:center;gap:16px;
  padding:36px 44px 18px 32px;
}
.wm-flag{
  font-size:46px;line-height:1;flex-shrink:0;
}
.wm-head-text{min-width:0;flex:1}
.wm-greeting{
  font-size:0.68rem;font-weight:600;letter-spacing:0.2em;
  text-transform:uppercase;color:#c9a84c;line-height:1;
  opacity:0.85;
}
.wm-country{
  font-size:1.4rem;font-weight:700;color:#f0ede8;
  letter-spacing:-0.02em;margin-top:7px;line-height:1.15;
}

/* Map — blends with background, no wrapping frame */
.wm-map-wrap{
  margin:4px 32px 18px;
  position:relative;
}
.wm-map{width:100%;height:120px;display:block;color:rgba(201,168,76,0.42);opacity:0.9}
.wm-map path{fill:none;stroke:currentColor;stroke-width:0.9;stroke-linejoin:round;stroke-linecap:round}
.wm-map-dot{
  position:absolute;width:12px;height:12px;border-radius:50%;
  background:#e0c070;
  box-shadow:0 0 16px rgba(201,168,76,0.9);
  transform:translate(-50%,-50%);pointer-events:none;
  z-index:2;
}
.wm-map-dot::before{
  content:'';position:absolute;inset:-6px;border-radius:50%;
  border:1.5px solid rgba(201,168,76,0.7);
  animation:wmPulse 2s cubic-bezier(0.16,1,0.3,1) infinite;
}
@keyframes wmPulse{
  0%{transform:scale(0.6);opacity:1}
  100%{transform:scale(3);opacity:0}
}

.wm-msg{
  padding:0 32px 22px;
  font-size:0.92rem;color:rgba(240,237,232,0.72);
  line-height:1.65;margin:0;
}
.wm-msg strong{color:#e0c070;font-weight:600}

.wm-cta{
  display:block;margin:0 32px 24px;text-align:center;
  padding:14px 18px;border-radius:10px;text-decoration:none;
  background:#c9a84c;
  color:#0a0f0d;font-size:0.76rem;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  transition:background 0.2s,transform 0.2s;
  font-family:inherit;
}
.wm-cta:hover{background:#d4b558;transform:translateY(-1px)}
.wm-cta:active{transform:translateY(0)}

/* Footer — subtle, minimal */
.wm-foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 32px 18px;
  font-size:0.6rem;color:rgba(240,237,232,0.3);
  letter-spacing:0.1em;text-transform:uppercase;font-weight:600;
}
.wm-foot-live{display:flex;align-items:center;gap:7px}
.wm-foot-live::before{
  content:'';width:6px;height:6px;border-radius:50%;
  background:#70e0a0;
  animation:wmLive 1.6s ease-in-out infinite;
}
@keyframes wmLive{0%,100%{opacity:1}50%{opacity:0.35}}

.wm-foot-progress{flex:1;height:1px;background:rgba(255,255,255,0.04);position:relative;overflow:hidden}
.wm-foot-progress::after{
  content:'';position:absolute;inset:0 100% 0 0;
  background:#c9a84c;
  animation:wmProgress 8s linear forwards;
  opacity:0.6;
}
.wm-popup.paused .wm-foot-progress::after{animation-play-state:paused}
@keyframes wmProgress{from{right:100%}to{right:0}}

.wm-foot-stats{
  color:rgba(240,237,232,0.32);
  letter-spacing:0.06em;text-transform:none;
  font-variant-numeric:tabular-nums;font-weight:500;
}

/* Mobile */
@media(max-width:560px){
  .wm-popup{width:calc(100vw - 24px);max-width:400px;border-radius:16px}
  .wm-head{padding:30px 40px 14px 24px;gap:13px}
  .wm-flag{font-size:38px}
  .wm-country{font-size:1.2rem}
  .wm-map-wrap{margin:4px 24px 14px}
  .wm-map{height:100px}
  .wm-msg{padding:0 24px 18px;font-size:0.86rem}
  .wm-cta{margin:0 24px 18px;padding:13px 16px}
  .wm-foot{padding:12px 24px 16px}
}