/* Alez — صفحهٔ رستوران  v1.0.0 */

/* ── 1) بنر: 1.1.22 — نسبت و برش بنر مال قالب است (استاندارد بنر 5:2، alez_banner_spec)؛
   قاعدهٔ قدیمی 72:13 حذف شد تا با قالب نجنگد ── */
.sfx-cover { height: auto !important; min-height: 0; }

.sfx-cover img,
.sfx-cover picture,
.sfx-cover > * {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ── 2) ردیف زمان و هزینهٔ تحویل ────────────────────────────────── */
.alezv-facts {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 10px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--az-line, rgba(19, 20, 31, .07));
  border-radius: 12px;
  background: var(--az-bg, #fff);
  font: inherit;
  font-size: 13px;
  color: var(--az-ink, #13141f);
  text-align: start;
  cursor: pointer;
}
.alezv-facts:hover { background: var(--az-surface, rgba(19, 20, 31, .02)); }

.alezv-fact { display: inline-flex; align-items: center; gap: 6px; }
.alezv-fact i { font-style: normal; opacity: .8; }
.alezv-fact b { font-weight: 600; }

.alezv-fact__sep {
  width: 1px;
  height: 14px;
  background: var(--az-line-strong, rgba(19, 20, 31, .12));
}

.alezv-facts__go { margin-inline-start: auto; opacity: .45; font-size: 18px; line-height: 1; }

/* ── 3) شیت‌ها ───────────────────────────────────────────────────── */
.alezv-lock, .alezv-lock body { overflow: hidden; }

.alezv-sheet {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.alezv-sheet__bd {
  position: absolute;
  inset: 0;
  background: var(--az-scrim, rgba(19, 20, 31, .45));
  animation: alezv-fade .18s ease;
}

.alezv-sheet__panel {
  position: relative;
  width: min(720px, 100%);
  max-height: 88vh;
  max-height: 88dvh;   /* 1.1.23: نوار آدرس موبایل — کلاس سادهٔ شیت هم لازم دارد، نه فقط --full */
  overflow: auto;
  padding: 14px 16px 22px;
  border-radius: 20px 20px 0 0;
  background: var(--az-bg, #fff);
  animation: alezv-up .22s ease;
  direction: rtl;
  text-align: start;
}

.alezv-sheet__panel--full {
  max-height: 100vh;
  max-height: 100dvh;  /* 1.1.23 */
  height: 100%;
  height: 100dvh;
  border-radius: 0;
  padding: 0 0 24px;
}

@keyframes alezv-fade { from { opacity: 0; } }
@keyframes alezv-up { from { transform: translateY(14px); opacity: .6; } }

.alezv-grab {
  display: block;
  width: 42px;
  height: 4px;
  margin: 0 auto 12px;
  border-radius: 999px;
  background: var(--az-line-strong, rgba(19, 20, 31, .14));
}

.alezv-sheet__head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 56px;
  padding: 0 14px;
  background: var(--az-bg, #fff);
  border-bottom: 1px solid var(--az-line, rgba(19, 20, 31, .06));
}

.alezv-sheet__head b { font-size: 15px; font-weight: 700; }

.alezv-sheet__back {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--az-ink, #13141f);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.alezv-sheet__back:hover { background: var(--az-line, rgba(19, 20, 31, .06)); }

/* دکمهٔ اشتراک‌گذاری روی سربرگ شیت اطلاعات — v1.1.19 (تصمیم یاس ۱۸ شهریور، هم‌جای الگوی مرجع) */
.alezv-sheet__share {
  margin-inline-start: auto;
  width: 34px; height: 34px;
  border: 0; border-radius: 50%;
  background: transparent;
  color: var(--az-ink, #13141f);
  display: grid; place-items: center;
  cursor: pointer;
}
.alezv-sheet__share:hover { background: var(--az-line, rgba(19, 20, 31, .06)); }
.alezv-sheet__share.is-shared { color: var(--az-brand-text, var(--sfx-pink, #a02ba6)); }

/* ── تب‌های صفحهٔ اطلاعات ────────────────────────────────────────── */
.alezv-tabs {
  display: flex;
  gap: 4px;
  padding: 0 14px;
  border-bottom: 1px solid var(--az-line, rgba(19, 20, 31, .06));
  background: var(--az-bg, #fff);
  position: sticky;
  top: 56px;
  z-index: 2;
}

.alezv-tab {
  flex: 1 1 auto;
  padding: 13px 8px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  color: var(--az-mute, rgba(19, 20, 31, .55));
  cursor: pointer;
}
.alezv-tab.is-on {
  color: var(--az-ink, #13141f);
  border-bottom-color: var(--sfx-pink, #a02ba6);
}

.alezv-pane { display: none; padding: 16px 16px 0; }
.alezv-pane.is-on { display: block; }

.alezv-vname { margin: 0 0 4px; font-size: 17px; font-weight: 800; }
.alezv-vcats { margin: 0 0 16px; font-size: 13px; opacity: .6; }

.alezv-row {
  display: grid;
  gap: 4px;
  padding: 13px 0;
  border-top: 1px solid var(--az-line, rgba(19, 20, 31, .06));
}
.alezv-row__k { font-size: 12px; opacity: .55; }
.alezv-row__v { font-size: 14px; line-height: 1.9; }

.alezv-map {
  display: inline-block;
  margin: 4px 0 0;
  padding: 7px 16px;
  border-radius: 10px;
  background: var(--sfx-pink-soft, #f9ebfa); /* 1.1.39: نام درست توکن (--sfx-soft جایی تعریف نشده بود و همیشه بنفش ثابت می‌داد) */
  color: var(--az-brand-text, var(--sfx-pink, #a02ba6));
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

/* ── امتیاز و نظرات ─────────────────────────────────────────────── */
.alezv-score { display: flex; align-items: baseline; gap: 10px; margin-bottom: 14px; }
.alezv-score__n { font-size: 30px; font-weight: 800; color: var(--az-brand-text, var(--sfx-pink, #a02ba6)); }
.alezv-score__x { font-size: 13px; opacity: .6; }

.alezv-hist { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 6px; }
.alezv-hist li { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.alezv-hist__s { width: 10px; opacity: .6; }
.alezv-hist__bar {
  flex: 1 1 auto;
  height: 6px;
  border-radius: 999px;
  background: var(--az-line, rgba(19, 20, 31, .07));
  overflow: hidden;
}
.alezv-hist__bar i { display: block; height: 100%; background: var(--sfx-pink, #a02ba6); }
.alezv-hist__p { width: 34px; text-align: start; opacity: .6; }

.alezv-h4 { margin: 18px 0 8px; font-size: 14px; font-weight: 700; }

.alezv-revs { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.alezv-revs li {
  padding: 11px 13px;
  border: 1px solid var(--az-line, rgba(19, 20, 31, .07));
  border-radius: 12px;
}
.alezv-rev__top { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.alezv-rev__r { color: var(--az-brand-text, var(--sfx-pink, #a02ba6)); font-weight: 700; }
.alezv-rev__d { margin-inline-start: auto; font-size: 11px; opacity: .5; }
.alezv-rev__t { margin: 6px 0 4px; font-size: 13px; line-height: 1.9; }
.alezv-rev__i { font-size: 11px; opacity: .5; }

.alezv-empty { font-size: 13px; opacity: .55; }

/* ── جزئیات کوپن ────────────────────────────────────────────────── */
.alezv-off__t {
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 800;
  color: var(--az-brand-text, var(--sfx-pink, #a02ba6));
}
.alezv-off__x { margin: 0 0 6px; font-size: 14px; line-height: 2; opacity: .8; }

.alezv-off__list { list-style: none; margin: 8px 0 6px; padding: 0; display: grid; gap: 8px; }
.alezv-off__list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--sfx-pink-soft, #f9ebfa); /* 1.1.39: نام درست توکن (--sfx-soft جایی تعریف نشده بود و همیشه بنفش ثابت می‌داد) */
  font-size: 13px;
}
.alezv-off__code { font-weight: 800; color: var(--az-brand-text, var(--sfx-pink, #a02ba6)); letter-spacing: .3px; }
.alezv-off__amt { font-weight: 700; }
.alezv-off__min { margin-inline-start: auto; font-size: 12px; opacity: .6; }
.alezv-off__hint { margin: 0 0 4px; font-size: 12px; opacity: .6; }

.alezv-ok {
  width: 100%;
  margin-top: 16px;
  padding: 13px;
  border: 0;
  border-radius: 14px;
  background: var(--sfx-pink, #a02ba6);
  color: var(--az-brand-ink, #fff);
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}

/* ── نوع ارسال ──────────────────────────────────────────────────── */
.alezv-modes { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }

.alezv-mode {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 13px 14px;
  border: 1.5px solid var(--az-line-strong, rgba(19, 20, 31, .1));
  border-radius: 14px;
  background: var(--az-bg, #fff);
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.alezv-mode.is-on {
  border-color: var(--sfx-pink, #a02ba6);
  background: var(--sfx-pink-soft, #f9ebfa); /* 1.1.39: نام درست توکن (--sfx-soft جایی تعریف نشده بود و همیشه بنفش ثابت می‌داد) */
}

.alezv-mode__i { font-size: 20px; line-height: 1; }
.alezv-mode__b { flex: 1 1 auto; display: grid; gap: 3px; min-width: 0; }
.alezv-mode__b b { font-size: 14px; font-weight: 700; }
.alezv-mode__b small { font-size: 12px; opacity: .65; }

.alezv-mode__c {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border: 2px solid var(--az-line-strong, rgba(19, 20, 31, .2));
  border-radius: 50%;
}
.alezv-mode.is-on .alezv-mode__c {
  border-color: var(--sfx-pink, #a02ba6);
  background:
    radial-gradient(circle at center, var(--sfx-pink, #a02ba6) 0 5px, transparent 5px);
}

.alezv-note { margin: 12px 0 0; font-size: 12px; line-height: 1.9; opacity: .65; }

/* ── 4) نوار خبر — 1.1.23: بلوک `.alezn--own` این‌جا حذف شد (قاعدهٔ ۱۸۱ + ممیزی ۲۶ شهریور).
   `alezn` پیشوند بستهٔ خبر (ارتباطات) است و این بسته حق استایل‌زدن به آن را ندارد؛
   ضمناً مرده بود: قالب alez-food صریحاً با تخصیص بالاتر خنثی‌اش می‌کرد
   («خنثی‌کردن نقطهٔ چشمک‌زن vendor.css قدیمی» در visual.css). ───────────── */

/* ── امتیاز واقعی و فرم نظر ─────────────────────────────────────── */
.alezv-star--new { opacity: .45; }

.alezv-mine {
  margin: 6px 0 4px;
  padding: 14px;
  border: 1px solid var(--az-line, rgba(19, 20, 31, .08));
  border-radius: 14px;
  background: var(--az-surface, rgba(19, 20, 31, .015));
}

.alezv-mine .alezv-h4 { margin-top: 0; }

.alezv-stars { display: flex; gap: 4px; margin: 4px 0 10px; }

.alezv-star {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--az-faint, rgba(19, 20, 31, .18));
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  transition: color .15s ease;
}
.alezv-star.is-on { color: var(--az-star, #f6a609); }
.alezv-star:hover { background: var(--az-surface, rgba(19, 20, 31, .04)); }

#alezv-rev-text {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--az-line, #e2e2ea);
  border-radius: 12px;
  font: inherit;
  font-size: 13px;
  line-height: 1.9;
  resize: vertical;
  box-sizing: border-box;
}

#alezv-rev-send {
  margin-top: 10px;
  padding: 10px 20px;
  border: 0;
  border-radius: 12px;
  background: var(--sfx-pink, #a02ba6);
  color: var(--az-brand-ink, #fff);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
#alezv-rev-send[disabled] { opacity: .6; cursor: default; }

.alezv-note.is-bad { color: var(--az-danger, #b3261e); opacity: 1; }

/* ── کارت تنظیمات تحویل در پیشخوان ───────────────────────────────── */
.alezv-set__chk {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 4px;
  font-size: 14px;
  cursor: pointer;
}
.alezv-set__chk input { width: 18px; height: 18px; accent-color: var(--sfx-pink, #a02ba6); }

.alezv-set__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin: 14px 0 4px;
}

.alezv-set__f { display: grid; gap: 5px; }
.alezv-set__f > span { font-size: 12px; opacity: .7; }
.alezv-set__f small { font-size: 11px; opacity: .5; line-height: 1.7; }

.alezv-set__f input {
  padding: 9px 11px;
  border: 1px solid var(--az-line, #e2e2ea);
  border-radius: 10px;
  font: inherit;
  font-size: 14px;
  text-align: start;
}

#alezv-set-save {
  margin-top: 14px;
  padding: 10px 20px;
  border: 0;
  border-radius: 10px;
  background: var(--sfx-pink, #a02ba6);
  color: var(--az-brand-ink, #fff);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
#alezv-set-save[disabled] { opacity: .6; cursor: default; }

/* خط «حداقل سفارش» قالب با عدد ثابت چاپ می‌شود — تا وقتی عدد واقعی نداریم
   اصلاً دیده نمی‌شود، و با تعیین حداقل واقعی دوباره روشن می‌شود. */
.sfx-sum__min { display: none !important; }
.sfx-sum__min.is-real { display: block !important; }

/* ── ۱.۱.۰ — باکس‌های نوع تحویل، پرداخت و تماس (تصمیم یاس ۱۶ شهریور ۱۴۰۵) ── */
.alezv-row--boxes { gap: 8px; }
.alezv-boxes { display: flex; flex-wrap: wrap; gap: 8px; }
.alezv-box {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 12px; border-radius: 12px; text-decoration: none;
  border: 1px solid var(--az-line-strong, rgba(19, 20, 31, .1)); background: var(--az-bg, #fff); color: var(--az-ink, #13141f);
  font-size: 13.5px; line-height: 1.6; min-height: 40px;
}
a.alezv-box { border-color: color-mix(in srgb, var(--sfx-pink, #a02ba6) 35%, var(--az-bg, #fff)); }
a.alezv-box:hover { background: var(--sfx-pink-soft, #f6e6f7); }
.alezv-box.is-flat { opacity: .85; }
/* v1.1.19: باکس‌های «روش تحویلی که این رستوران ندارد» — کم‌رنگ ولی همچنان لینک‌دار (تصمیم یاس ۱۸ شهریور) */
.alezv-box.is-off { opacity: .5; background: color-mix(in srgb, var(--az-faint, #999) 8%, var(--az-bg, #fff)); }
.alezv-box.is-off .alezv-box__go { opacity: .7; }
a.alezv-box.is-off:hover { background: color-mix(in srgb, var(--az-faint, #999) 8%, var(--az-bg, #fff)); }
/* v1.1.19: ردیف دگمه‌هایی که باید کل عرض را پر کنند، با هر تعداد عضو (اصل طراحی یاس ۱۸ شهریور) —
   همان الگوی auto-fit که برای «تماس با رستوران» جواب داده بود، اینجا هم به‌کار می‌رود. */
.alezv-boxes--fill { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px; }
.alezv-boxes--fill .alezv-box { justify-content: center; text-align: center; }
.alezv-box__ic { font-size: 18px; line-height: 1; }
.alezv-box__t { display: flex; flex-direction: column; font-weight: 600; }
.alezv-box__s { font-weight: 400; font-size: 12px; opacity: .65; font-variant-numeric: tabular-nums; }
.alezv-box__go { margin-inline-start: 4px; font-size: 12px; color: var(--az-brand-text, var(--sfx-pink, #a02ba6)); font-weight: 600; white-space: nowrap; }
.alezv-set__h { margin: 18px 0 2px; font-size: 14px; font-weight: 700; }

/* ── تماس با رستوران — سه بخش هم‌عرض، تمام‌عرض مثل کلید پیک/مراجعه؛
   رنگ از تیره به روشن (تصمیم یاس)؛ کلیک = شماره‌گیری ── */
.alezv-calls { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px; width: 100%; }
.alezv-calls .alezv-box { justify-content: center; text-align: center; min-height: 40px; padding: 0 8px; border-radius: 8px; }
.alezv-calls .alezv-box__t { font-size: 13.5px; }
.alezv-call.is-mid { background: color-mix(in srgb, var(--sfx-pink, #a02ba6) 55%, var(--az-bg, #fff)); border-color: transparent; color: var(--az-brand-ink, #fff); }
.alezv-call.is-mid .alezv-box__s { color: var(--az-brand-ink, #fff); opacity: .9; }
.alezv-call.is-light { background: color-mix(in srgb, var(--sfx-pink, #a02ba6) 18%, var(--az-bg, #fff)); border-color: transparent; color: var(--az-brand-text, var(--sfx-pink, #a02ba6)); }
.alezv-call.is-light .alezv-box__s { color: var(--az-brand-text, var(--sfx-pink, #a02ba6)); opacity: .8; }
.alezv-call.is-free { background: var(--sfx-pink, #a02ba6); border-color: var(--sfx-pink, #a02ba6); color: var(--az-brand-ink, #fff); }
.alezv-call.is-free .alezv-box__s { color: var(--az-brand-ink, #fff); opacity: .85; }
a.alezv-call.is-free:hover { background: color-mix(in srgb, var(--sfx-pink, #a02ba6) 88%, var(--az-ink, #000)); }
.alezv-calls.is-compact { margin: 10px 0 2px; }
.alezv-calls.is-compact .alezv-box { min-height: 40px; font-size: 13px; }
.alezv-calls.is-compact .alezv-box__s { font-size: 11px; }

/* ── ۱.۱.۸ — سه باکس تماس هم‌قد و یک‌خطی روی موبایل؛ آیکن SVG به رنگ متن ── */
.alezv-calls .alezv-box { height: 40px; min-height: 40px; padding: 0 6px; white-space: nowrap; overflow: hidden; }
.alezv-calls .alezv-box__t { display: block; line-height: 1; }
.alezv-box__svg { flex: 0 0 auto; }
.alezv-box__short { display: none; }
/* v1.1.17: اندازهٔ باکس/فونت روی موبایل دیگر کوچک نمی‌شود — فقط برچسب کوتاه‌تر
   جایگزین می‌شود (اگر باشد)، مطابق الگوی مرجع که چیدمانش در همهٔ سایزها یکسان است
   (تصمیم یاس ۱۷ شهریور). */
@media (max-width: 480px) {
  .alezv-box__full { display: none; }
  .alezv-box__short { display: inline; }
}

/* ============================================================
 * شبکه‌های اجتماعی — v1.1.9 (۱۶ شهریور ۱۴۰۵)
 * الگو: شبکهٔ عمومی، ولی روی سطح سفید شیت اطلاعات با ته‌رنگ برند به‌جای زمینهٔ برند.
 * ============================================================ */
.alezv-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.alezv-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--sfx-pink, #a02ba6) 12%, var(--az-bg, #fff));
  color: var(--az-brand-text, var(--sfx-pink, #a02ba6));
  text-decoration: none;
  transition: transform .15s ease, background .15s ease, color .15s ease;
}
.alezv-social:hover,
.alezv-social:focus-visible {
  background: var(--sfx-pink, #a02ba6);
  color: var(--az-brand-ink, #fff);
  transform: translateY(-1px);
  outline: none;
}
.alezv-social svg { display: block; }

/* شبکه‌های ایرانی که آیکن‌شان با «هستهٔ رنگی + نوشتهٔ داخل» است — روی هاور نوشته باید سفید بماند */
.alezv-social:hover svg text,
.alezv-social:focus-visible svg text { fill: var(--sfx-pink, #a02ba6); }
.alezv-social:hover svg circle,
.alezv-social:focus-visible svg circle { fill: var(--az-bg, #fff); }

/* پنل پیشخوان — گرید شبکه‌ها فشرده‌تر تا ۱۴ ردیف در دو ستون بشیند */
.alezv-set__grid--social { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.alezv-set__grid--social .alezv-set__f input[dir="ltr"] { direction: ltr; text-align: left; }

/* v1.1.17: آیکن شبکه‌ها روی موبایل دیگر کوچک نمی‌شود (تصمیم یاس ۱۷ شهریور).
   گرید پیشخوان (فقط برای رستوران‌دار، نه مشتری) دست‌نخورده ماند. */
@media (max-width: 640px) {
  .alezv-set__grid--social { grid-template-columns: 1fr; }
}

/* لوگوی رستوران در سر شیت «اطلاعات و نظرات» — v1.1.10 (۱۶ شهریور ۱۴۰۵) */
.alezv-vlogo-wrap {
  display: flex;
  justify-content: center;
  margin: 6px 0 10px;
}
.alezv-vlogo {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--az-bg, #fff);
  box-shadow: var(--az-shadow-2, 0 2px 10px rgba(0, 0, 0, .08));
  border: 3px solid color-mix(in srgb, var(--sfx-pink, #a02ba6) 8%, var(--az-bg, #fff));
}
.alezv-pane[data-pane="store"] .alezv-vname { text-align: center; }
.alezv-pane[data-pane="store"] .alezv-vcats { text-align: center; }

/* v1.1.17: لوگو روی موبایل دیگر کوچک‌تر نمی‌شود (تصمیم یاس ۱۷ شهریور) */

/* آدرس و مسیریابی — v1.1.11 (۱۶ شهریور ۱۴۰۵)
 * الگو: متن آدرس + سه دکمهٔ کارتی. رنگ‌بندی مثل باکس‌های تحویل/پرداخت. */
.alezv-row--addr .alezv-addr {
  margin: 4px 0 10px;
  color: var(--az-ink, #333);
  font-size: 14px;
  line-height: 1.7;
}
.alezv-row--addr .alezv-addr--stub { color: var(--az-faint, #888); font-style: italic; }
/* v1.1.19: قبلاً ۲ستونه‌ثابت با دکمهٔ کپی تمام‌عرض زیرش (چیدمان ۲+۱) بود — تصمیم یاس ۱۸ شهریور:
   یک ردیف کامل و هم‌عرض، با هر تعداد دکمه (auto-fit همان الگوی «تماس با رستوران») */
.alezv-nav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 8px;
}
.alezv-nav__b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--sfx-pink, #a02ba6) 18%, transparent);
  background: color-mix(in srgb, var(--sfx-pink, #a02ba6) 6%, var(--az-bg, #fff));
  color: var(--az-brand-text, var(--sfx-pink, #a02ba6));
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
  font-family: inherit;
}
.alezv-nav__b:hover,
.alezv-nav__b:focus-visible {
  background: var(--sfx-pink, #a02ba6);
  color: var(--az-brand-ink, #fff);
  outline: none;
}
/* v1.1.19: قبلاً گوگل‌مپ رنگ توپر و نشان رنگ حاشیه‌دار داشت (نامتقارن) — تصمیم یاس ۱۸ شهریور:
   «مسیریابی با نشان» حذف شد (لینک نشان روی بار اول کار نمی‌کرد — یادداشت در alez-vendor.php)،
   و رنگ گوگل‌مپ/کپی‌نشانی حالا از همان استایل پایهٔ .alezv-nav__b می‌آید — کاملاً یکسان. */
.alezv-nav__b--copy.is-copied span::after { content: " ✓"; }

/* v1.1.18: دکمه‌های مسیریابی حتی در ۳۲۰px هم بدون ریزش دو‌ستونه می‌مانند (اندازه‌گیری زنده
   با متن واقعی «مسیریابی با گوگل مپ» تأیید شد) — دیگر تک‌ستونی نمی‌شوند،
   دقیقاً هم‌شکل دسکتاپ (تصمیم یاس ۱۷ شهریور). */

/* نقشهٔ کوچک شیت اطلاعات — v1.1.12 (۱۶ شهریور ۱۴۰۵) */
.alezv-vmap {
  width: 100%;
  height: 180px;
  border-radius: 12px;
  overflow: hidden;
  margin: 6px 0 12px;
  background: color-mix(in srgb, var(--sfx-pink, #a02ba6) 5%, var(--az-surface, #f6f6f6));
  box-shadow: var(--az-shadow-2, 0 2px 8px rgba(0, 0, 0, .06));
  position: relative;
  z-index: 0;
}
.alezv-vmap .leaflet-container {
  height: 100%; width: 100%;
  font-family: inherit;
  border-radius: 12px;
}
.alezv-vmap .leaflet-control-attribution { font-size: 10px; }
.alezv-vmap .leaflet-popup-content { font-family: inherit; font-size: 12.5px; font-weight: 700; }

@media (max-width: 480px) {
  .alezv-vmap { height: 160px; }
}

/* شبکه‌های اجتماعی — حالت خالی و ردیف بالای صفحه (v1.1.13، ۱۶ شهریور ۱۴۰۵) */
/* حالت خالی در شیت اطلاعات: کم‌رنگ، بدون کلیک */
.alezv-social.is-empty {
  background: color-mix(in srgb, var(--az-faint, #999) 12%, var(--az-surface, #f6f6f6));
  color: var(--az-faint, #b8b8b8);
  cursor: default;
  opacity: .55;
  filter: saturate(0);
}
.alezv-social.is-empty:hover,
.alezv-social.is-empty:focus-visible {
  background: color-mix(in srgb, var(--az-faint, #999) 12%, var(--az-surface, #f6f6f6));
  color: var(--az-faint, #b8b8b8);
  transform: none;
}

/* ردیف بالای صفحه — سه آیکن کوچک کنار امتیاز */
.alezv-socials--top {
  display: inline-flex;
  gap: 6px;
  margin-inline-start: 12px;
  align-items: center;
  vertical-align: middle;
}
.alezv-socials--top .alezv-social {
  width: 28px;
  height: 28px;
}
.alezv-socials--top .alezv-social svg { width: 16px; height: 16px; }

/* v1.1.17: آیکن‌های ردیف بالا هم روی موبایل همان اندازه می‌مانند (تصمیم یاس ۱۷ شهریور) */

/* وسط‌چین کردن ردیف شبکه‌های اجتماعی — v1.1.14 (۱۶ شهریور ۱۴۰۵)
   تصمیم یاس: هرجا آیکن شبکه هست، نسبت به صفحه وسط بنشیند. */
.alezv-socials { justify-content: center; }
/* ردیف بالای صفحه (سه‌تای کنار امتیاز): چون داخل .sfx-rate است، خودِ کل ردیف امتیاز
   را نسبت به مکانش رها می‌گذاریم؛ فقط سه آیکن را در گروه خودشان وسط‌چین می‌کنیم. */
.alezv-socials--top { justify-content: center; }
/* لیبل هم‌ردیف بماند ولی آیکن‌ها مرکز شوند حتی وقتی از عرض مادر کم می‌گیرند */
.alezv-row--boxes > .alezv-socials { width: 100%; }

/* v1.1.15: سه آیکن روی صفحهٔ اول — فرزند مستقل .sfx-vendor__meta
   با justify-content:space-between فاصلهٔ مساوی از امتیاز و دکمهٔ اطلاعات می‌گیرد. */
.sfx-vendor__meta > .alezv-socials--top {
  display: inline-flex;
  margin-inline-start: 0;   /* دیگر لازم نیست چون فرزند مستقل flex است */
  flex: 0 1 auto;
}

/* v1.1.16: قاعدهٔ یکسان هاور برای هر سه دکمهٔ تماس (تصمیم یاس ۱۷ شهریور)
   🔴 پیش‌تر `a.alezv-box:hover` زمینهٔ همه را ته‌رنگ روشن می‌کرد؛ روی دکمهٔ میانی که متنش سفید بود،
   متن روی زمینهٔ روشن گم می‌شد. حالا هر سه فقط ۸٪ تیره‌تر می‌شوند و رنگ متن دست نمی‌خورد. */
a.alezv-call.is-free:hover  { background: color-mix(in srgb, var(--sfx-pink, #a02ba6) 92%, var(--az-ink, #000)); color: var(--az-brand-ink, #fff); }
a.alezv-call.is-mid:hover   { background: color-mix(in srgb, var(--sfx-pink, #a02ba6) 63%, var(--az-bg, #fff)); color: var(--az-brand-ink, #fff); }
a.alezv-call.is-light:hover { background: color-mix(in srgb, var(--sfx-pink, #a02ba6) 26%, var(--az-bg, #fff)); color: var(--az-brand-text, var(--sfx-pink, #a02ba6)); }

/* ── v1.1.31 (یاس ۳۱ شهریور): یک ارتفاع برای همهٔ باکس‌ها — ۴۰px، هم‌اندازهٔ دکمه‌های تلفن؛ نوشته بولد. */
.alezv-box, .alezv-boxes--fill > .alezv-box, .alezv-boxes--fill > .alez-pickbtn {
	min-height: 40px !important; height: 40px !important;
}
.alezv-box__t, .alezv-box .alezv-box__t { font-weight: 600 !important; }
.alezv-box__s { font-weight: 400 !important; }
/* v1.1.31: دکمه‌های مربعی فقط‌آیکونی پنجرهٔ اطلاعات ۳۶×۳۶ */
.alezv-sheet__back, .alezv-sheet__share { width: 36px !important; height: 36px !important; min-height: 0 !important; }

/* ═══ 1.1.32 — قاعدهٔ ۱۹ «خوانایی سایت مشتری» (تصویب یاس ۱ مهر) — فقط بخش‌های مشتری ═══ */
.alezv-facts, .alezv-vcats, .alezv-row__k, .alezv-map, .alezv-score__x, .alezv-hist li, .alezv-rev__top,
.alezv-rev__d, .alezv-rev__i, .alezv-empty, .alezv-off__list li, .alezv-off__min, .alezv-off__hint,
.alezv-mode__b small, .alezv-note, .alezv-box__s, .alezv-box__go, .alezv-calls.is-compact .alezv-box__s,
.alezv-vmap .leaflet-popup-content { font-size:15px; }
.alezv-tab, .alezv-row__v, .alezv-rev__t, .alezv-off__x, .alezv-mode__b b, #alezv-rev-text, .alezv-box,
.alezv-calls .alezv-box__t, .alezv-calls.is-compact .alezv-box, .alezv-row--addr .alezv-addr, .alezv-nav__b { font-size:16px; }
.alezv-h4 { font-size:18px; }
.alezv-tab { color:var(--az-mute, rgba(19,20,31,.75)); }
/* تماس: متن تا ۱۵px و سپس دوخطی داخل همان ۴۰px — هرگز بریده نه */
.alezv-calls .alezv-box, .alezv-calls.is-compact .alezv-box { white-space:normal !important; overflow:visible !important; padding-left:4px !important; padding-right:4px !important; gap:4px !important; font-size:15px; }
.alezv-calls .alezv-box__t, .alezv-calls .alezv-box__short, .alezv-calls .alezv-box__full { white-space:normal !important; overflow:visible !important; text-overflow:clip !important; line-height:1.2 !important; font-size:15px !important; text-align:center; }

/* ═══ 1.1.33 — قاعدهٔ ۱۹، پلهٔ درشت‌تر (تصویب یاس ۱ مهر): ۱۷ گزینه، ردیف، دکمه · ۲۰ عنوان ═══ */
.alezv-tab, .alezv-row__v, .alezv-rev__t, .alezv-off__x, .alezv-mode__b b, #alezv-rev-text,
.alezv-row--addr .alezv-addr, .alezv-nav__b { font-size:17px; }
.alezv-h4 { font-size:20px; }

/* ── 1.1.35 — شبکه‌های اجتماعی در پیشخوان (یاس، 1 مهر: «اینها زیادند»): کرکره‌ای با خلاصه، فقط پرشده‌ها،
   «＋ افزودن شبکه» (کرکره‌ای، قاعدهٔ ۴)، «حذف» قرمز ۴۰px. اندازه‌ها قاعدهٔ ۱۹ پیشخوان: ۱۸ · ۱۷ · ۱۵. ── */
.alezv-soc { margin:18px 0 4px; border:1px solid var(--az-line-strong, #d9d9db); border-radius:12px; background:var(--az-bg, #fff); }
.alezv-soc__sum { display:flex; align-items:center; gap:8px; min-height:40px; padding:8px 16px; cursor:pointer; list-style:none; }
.alezv-soc__sum::-webkit-details-marker { display:none; }
.alezv-soc__t { flex:1; font-size:18px; font-weight:700; color:var(--az-ink, #191a20); }
.alezv-soc__n { font-size:15px; font-weight:400; color:var(--az-mute, rgba(19,20,31,.75)); white-space:nowrap; }
.alezv-soc__go { flex:none; color:var(--az-brand-text, var(--az-brand, var(--sfx-pink, #a02ba6))); transition:transform .15s; }
.alezv-soc[open] .alezv-soc__go { transform:rotate(180deg); }
.alezv-soc > .alezp-sub, .alezv-soc__list, .alezv-soc__add { margin-inline:16px; }
.alezv-soc__list { display:flex; flex-direction:column; gap:12px; }
.alezv-soc__row { display:flex; align-items:flex-end; gap:8px; }
.alezv-soc__row[hidden] { display:none !important; }
.alezv-soc__row .alezv-set__f { flex:1; min-width:0; }
.alezv-soc__del { flex:none; height:40px; padding:0 14px; border:0; border-radius:12px; background:var(--az-danger-soft, #f9eded); color:var(--az-danger, #b91c1c); font:inherit; font-size:17px; font-weight:700; cursor:pointer; }
.alezv-soc__del:focus-visible { outline:2px solid var(--az-danger, #b91c1c); outline-offset:2px; }
.alezv-soc__add { margin-top:12px; margin-bottom:16px; }
.alezv-soc__add > span { color:var(--az-brand-text, var(--az-brand, var(--sfx-pink, #a02ba6))) !important; font-weight:700; opacity:1 !important; }
.alezv-soc option[hidden] { display:none; }
/* 1.1.35 — آزمون 320px: کادر شبکه داخل ستونش می‌ماند (دکمهٔ «حذف» رویش نمی‌افتد)؛ برچسب‌ها و کادرهای این کارت طبق قانون (15/17، 40px). */
.alezv-soc__row .alezv-set__f { grid-template-columns:minmax(0,1fr); }
.alezv-soc__row .alezv-set__f input { min-width:0; width:100%; box-sizing:border-box; }
.alezv-set .alezv-set__f > span { font-size:15px; opacity:1; color:var(--az-mute, rgba(19,20,31,.75)); }
.alezv-set .alezv-set__f input, .alezv-soc__add select { min-height:40px; font-size:17px; box-sizing:border-box; }
.alezv-soc__add select { width:100%; padding:0 12px; border:1px solid var(--az-line-strong, #d9d9db); border-radius:12px; background-color:var(--az-bg, #fff); }
.alezv-soc__sum { flex-wrap:wrap; row-gap:2px; }
.alezv-soc__t { flex:1 1 calc(100% - 32px); }
.alezv-soc__n { order:2; flex-basis:100%; }
/* 1.1.35 — نوشتهٔ نمونهٔ فارسی در کادرهای چپ‌به‌راست شبکه‌ها درست خوانده شود. */
.alezv-soc__row input[dir="ltr"]:placeholder-shown { direction:rtl; text-align:right; }