/* ===== Travel (سفر) button + minimal dropdown ===== */
.city-travel-btn{
  appearance:none;-webkit-appearance:none;font:inherit;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:38px;min-width:38px;padding:0 14px;border:1px solid #8b2638;border-radius:8px;
  background:#5a101e;color:#fff;font:400 12px/1 Tahoma,system-ui,sans-serif;white-space:nowrap;
  cursor:pointer;transition:background .15s,border-color .15s;
}
.city-travel-btn:hover{background:#7d182c;border-color:#d14a62;color:#fff}
.city-travel-btn[aria-expanded="true"]{background:#8b2035;border-color:#e36a7e}

/* ---- dropdown (matches the مغازه‌ها menu look) ---- */
.travel-panel{
  position:fixed;top:84px;inset-inline-start:50%;transform:translateX(-50%) translateY(-6px);
  z-index:10001;width:min(84vw,280px);
  border:1px solid var(--city-ui-line,#29465b);border-radius:10px;
  background:rgba(13,29,43,.95);box-shadow:var(--city-ui-shadow,0 18px 46px rgba(0,0,0,.28));
  font-family:Tahoma,system-ui,sans-serif;color:#eef6fb;
  opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;
}
.travel-panel.travel-open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}

.travel-panel-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 0 14px}
.travel-panel-head h3{margin:0;font-size:11px;font-weight:700;color:#a9bdca}
.travel-panel-close{width:22px;height:22px;display:flex;align-items:center;justify-content:center;
  border:0;background:transparent;color:#78909c;font-size:16px;cursor:pointer}
.travel-panel-close:hover{color:#fff}

.travel-list{list-style:none;margin:0;padding:4px}
.travel-list button{display:flex;align-items:center;justify-content:space-between;gap:8px;
  width:100%;padding:7px 10px;margin:1px 0;border:2px solid transparent;border-radius:8px;
  background:transparent;color:#c4d1dd;text-align:right;font:12px/1.3 Tahoma,system-ui,sans-serif;
  cursor:pointer;transition:background .12s,border-color .12s}
.travel-list button:hover{background:#233549;border-color:rgba(255,205,80,.25);color:#fff}
.travel-list button .travel-list-sub{display:block;font-size:9px;color:#99afc3;margin-top:1px}
.travel-list button .travel-arrow{color:#78909c;font-size:10px;flex-shrink:0}
.travel-list .travel-current{background:#233549;border-color:#edb52c;color:#fff}

.travel-back{display:flex;align-items:center;gap:5px;width:100%;padding:6px 10px;margin:1px 0;
  border:0;background:transparent;color:#a9bdca;font:11px/1 Tahoma,system-ui,sans-serif;cursor:pointer}
.travel-back:hover{color:#fff}

/* transparent backdrop to close on outside click */
.travel-scrim{position:fixed;inset:0;z-index:10000;border:0;padding:0;background:transparent;display:none}
.travel-scrim.travel-open{display:block}

@media(max-width:620px){
  .travel-panel{top:74px;width:calc(100vw - 24px)}
}