/* ═══════════════════════════════════════════════════════════════
   قسم «المتاجر» — التصميم الجديد (قائمة المتاجر + صفحة المتجر)
   Mobile-First / RTL — يعتمد المقاسات الفعلية بلا transform:scale
   ═══════════════════════════════════════════════════════════════ */

/* ---------- رأس الشاشة: شريحة الموقع ---------- */
#mkHeadLoc{
  display:none;align-items:center;gap:6px;color:#fff;font-size:12.5px;font-weight:700;
  background:transparent;border:0;font-family:inherit;cursor:pointer;max-width:50%;flex-shrink:0;opacity:.95;
}
#mkHeadLoc .st-loc-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl}
#mkHeadLoc .ic{flex-shrink:0}

/* ---------- شريط الفلاتر ---------- */
.st-filters{display:flex;align-items:center;gap:8px;margin:12px 0 2px}
.st-fbtn{
  display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1.5px solid var(--line);
  border-radius:13px;padding:10px 13px;font-size:12.5px;font-weight:800;color:var(--ink);
  font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;
  box-shadow:0 1px 3px rgba(15,27,51,.05);transition:.15s;
}
.st-fbtn:active{transform:scale(.96)}
.st-fbtn .ic{flex-shrink:0;color:var(--ink-soft)}
.st-fbtn.on{background:#EAF8F0;border-color:#B9E4CC;color:#12874C}
.st-fbtn.on .ic{color:#12874C}
.st-fdot{width:8px;height:8px;border-radius:50%;background:#C3CDDB;flex-shrink:0}
.st-fbtn.on .st-fdot{background:#12874C}
.st-fsel{position:relative;flex:1;min-width:0}
.st-fsel > .ic{position:absolute;right:11px;inset-inline-start:11px;top:50%;transform:translateY(-50%);color:var(--ink-soft);pointer-events:none}
.st-fsel > .st-fchev{position:absolute;right:auto;left:10px;inset-inline-end:10px;top:50%;transform:translateY(-50%) rotate(-90deg);color:var(--ink-soft);pointer-events:none}
.st-fsel select{
  width:100%;appearance:none;-webkit-appearance:none;background:var(--card);
  border:1.5px solid var(--line);border-radius:13px;
  padding:10px 34px 10px 32px;font-size:12.5px;font-weight:800;color:var(--ink);
  font-family:inherit;box-shadow:0 1px 3px rgba(15,27,51,.05);
  text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.st-cats{display:flex;gap:7px;overflow-x:auto;padding:10px 2px 2px;margin:0 -2px;scrollbar-width:none}
.st-cats::-webkit-scrollbar{display:none}
.st-cats.hide{display:none}

/* ---------- ترويسة القسم ---------- */
.st-sechead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 2px 11px}
.st-sechead h4{font-family:var(--font-display);font-size:17.5px;font-weight:800;color:var(--ink);margin:0}
.st-count{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}
.st-count .ic{color:var(--muted)}

/* ---------- بطاقة المتجر الأفقية ---------- */
.st-list{display:flex;flex-direction:column;gap:12px}
.st-card{
  display:flex;align-items:stretch;gap:11px;background:var(--card);border-radius:17px;padding:10px;
  box-shadow:0 1px 3px rgba(15,27,51,.06), 0 8px 20px rgba(15,27,51,.06);
  cursor:pointer;transition:transform .14s ease;
}
.st-card:active{transform:scale(.985)}
.st-card-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:3px 4px}
.st-card-top{display:flex;align-items:center;gap:7px;min-width:0}
.st-card-go{color:var(--ink);display:flex;flex-shrink:0}
.st-card-name{
  font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto;
}
.st-card-cat{font-size:12.5px;font-weight:700;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-card-row{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--muted);min-width:0}
.st-card-row .ic{flex-shrink:0;color:var(--muted)}
.st-card-row .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-sep{color:#D7DEEA;font-weight:400;padding:0 2px;flex-shrink:0}
.st-dist{white-space:nowrap;flex-shrink:0}
.st-rate{display:inline-flex;align-items:center;gap:4px;color:var(--ink);font-weight:800;flex-shrink:0}
.st-rate .ic{color:#F5A623}
.st-badge{
  display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;
  padding:5px 10px;border-radius:99px;flex-shrink:0;white-space:nowrap;
}
.st-badge .st-bdot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}
.st-badge.on{background:#E6F7EE;color:#12874C}
.st-badge.off{background:#FDE9E9;color:#D53A3A}

/* منطقة اللوجو داخل البطاقة — Placeholder ديناميكي عند غياب الشعار */
.st-logo{
  width:110px;min-height:104px;flex-shrink:0;border-radius:13px;background:#EDF1F7;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.st-logo img{width:100%;height:100%;object-fit:cover;display:block}
.st-logo-ph{
  width:80px;height:80px;border-radius:50%;border:2px dashed #C3CDDB;color:#8FA0B8;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
}
.st-logo-ph b{font-size:12.5px;font-weight:800;letter-spacing:.2px}
/* هوية المطاعم: شعار دائري بدل المربع — دون أي تغيير بحجم البطاقة أو مساحة الشعار */
.st-logo.st-logo-round{border-radius:50%}
.st-logo.st-logo-round .st-logo-ph{border-radius:50%}

/* ═══════════ لوحة صاحب المتجر ═══════════ */
#storeScreen{background:var(--bg)}
#storeScreen.active{display:flex;flex-direction:column;height:100dvh}
.sd-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-strong-grad);color:#fff;flex-shrink:0}
.sd-header .who{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}
.sd-header .who:active{opacity:.85}
.sd-header .who:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:4px;border-radius:12px}
.sd-header .avatar{display:block;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);overflow:hidden;flex-shrink:0;padding:0;box-sizing:border-box}
.sd-header .avatar img{width:100%;height:100%;object-fit:cover;display:block}
.sd-header .who-txt{min-width:0;display:flex;flex-direction:column;gap:2px}
.sd-header .who-txt .nm{font-weight:800;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.sd-brand{display:flex;align-items:center;gap:5px;font-weight:700;font-size:11.5px;opacity:.85}
/* زر رجوع بسيط (أعلى يسار اللوحة) — يفتح خيارات التبديل بين الأدوار */
.sd-back{width:34px;height:34px;border-radius:10px;background:transparent;color:#fff;border:0;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sd-back svg{stroke-width:1.8}
.sd-back:active{background:rgba(255,255,255,.14)}
/* أزرق فاتح لزرّي «تعديل صفحة المتجر» و«+ عرض جديد» بدل الأصفر الذهبي */
.btn-sky{background:linear-gradient(135deg,#5BB6FF,#2F94F2);color:#fff;box-shadow:0 8px 20px rgba(47,148,242,.28)}
.btn-sky:hover{filter:brightness(1.04)}
/* الجملة التوضيحية أسفل شريط العروض: شفافية أعلى */
.sd-hint-faint{opacity:.5}
/* منبثقة تبديل الدور (من زر الرجوع) — نفس صفوف بروفايل المستخدم */
#roleSwitchModal .modal{max-width:380px}
#roleSwitchModal .pf-role-ic img{width:24px;height:24px;object-fit:contain;filter:brightness(0)}
html[data-theme="dark"] #roleSwitchModal .pf-role-ic img{filter:brightness(0) invert(1)}
.sd-body{flex:1;overflow-y:auto;padding:16px;max-width:640px;margin:0 auto;width:100%}
.sd-loading,.sd-empty{text-align:center;color:var(--muted);padding:50px 20px;font-weight:700}
.sd-empty{display:flex;flex-direction:column;align-items:center;gap:10px}
.sd-empty p{font-weight:500;font-size:13px}
.sd-status{padding:13px 15px;border-radius:13px;font-weight:800;font-size:13.5px;margin-bottom:14px;text-align:center}
.sd-status.sd-ok{background:#1FA96422;color:#1FA964}
.sd-status.sd-wait{background:#7A5CFF18;color:#7A5CFF}
.sd-status.sd-frozen{background:var(--red-soft,#F4433622);color:var(--red,#E5484D)}
.sd-actions{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.sd-actions .btn{flex:1;min-width:140px}
.sd-preview-label{font-weight:800;font-size:13px;color:var(--muted);margin-bottom:8px}
.sd-preview{border:1px solid var(--line);border-radius:16px;overflow:hidden}
/* ═══════════ لوحة التحرير المباشر (Inline Edit) ═══════════ */
.sde-toolbar{margin-bottom:14px}
.sde-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);transition:.2s;margin-bottom:18px}
.sde-card.is-editing{border-color:var(--brand,#2F6BFF);box-shadow:0 0 0 3px rgba(47,107,255,.12)}
.sde-hero{position:relative;height:150px;background:#0B1226;overflow:hidden}
.sde-hero img{width:100%;height:100%;object-fit:cover;display:block}
.sde-hero .sp-hero-fb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.25)}
.sde-editable{cursor:pointer;position:relative}
/* عنصر قابل للتحرير في المكان: إطار متقطّع خفيف + مؤشّر */
.sde-inline{cursor:pointer;border-radius:8px;transition:.15s;outline:1.5px dashed rgba(47,107,255,.4);outline-offset:2px}
.sde-inline:active{background:rgba(47,107,255,.06)}
.sd-preview.is-editing{outline:2px solid var(--brand,#2F6BFF);outline-offset:-1px}
.sde-badge{position:absolute;bottom:10px;inset-inline-start:10px;background:rgba(0,0,0,.62);color:#fff;font-size:12px;font-weight:700;padding:6px 11px;border-radius:20px;display:flex;align-items:center;gap:5px;backdrop-filter:blur(4px)}
.sde-head{display:flex;align-items:flex-end;gap:12px;padding:0 16px 14px;margin-top:-34px;position:relative}
.sde-head .sp-logo{width:74px;height:74px;flex-shrink:0}
.sde-head .sp-logo-in{width:100%;height:100%;border-radius:18px;overflow:hidden;border:3px solid var(--card);background:#EDF1F7;position:relative;display:flex;align-items:center;justify-content:center}
.sde-head .sp-logo-in.sp-logo-round{border-radius:50%}
.sde-head .sp-logo-in img{width:100%;height:100%;object-fit:cover}
.sde-head .sp-logo-ph{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:11px}
.sde-logo-badge{position:absolute;bottom:2px;inset-inline-end:2px;width:24px;height:24px;border-radius:50%;background:var(--brand,#2F6BFF);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--card)}
.sde-head-txt{flex:1;min-width:0;padding-bottom:4px}
.sde-head-txt .sp-name{font-size:19px;font-weight:800;margin:0;color:var(--ink)}
.sde-head-txt .sp-cat{font-size:13px;color:var(--muted);font-weight:600;margin-top:2px}
.sde-field{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1.5px dashed var(--line);border-radius:10px;background:var(--paper);cursor:pointer;color:var(--muted);transition:.15s;margin-bottom:6px}
.sde-field:active{background:var(--card)}
.sde-field .sde-val{flex:1;min-width:0;font-weight:700;color:var(--ink);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sde-field.sde-sub .sde-val{font-size:13px;font-weight:600}
.sde-field.sde-desc{margin:0 16px 10px}
.sde-field.sde-desc .sde-val{white-space:normal;font-weight:500;font-size:13.5px;line-height:1.6}
.sde-val.sde-ph{color:var(--muted);font-weight:500;font-style:italic}
.sde-desc-view{padding:0 16px 12px;font-size:13.5px;color:var(--ink-soft);line-height:1.7;margin:0}
.sde-rows{padding:0 16px 16px;display:flex;flex-direction:column;gap:8px}
.sde-row{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px;background:var(--paper);border:1px solid var(--line);cursor:pointer;transition:.15s}
.sde-row:active{background:var(--card)}
.sde-row .sde-val{flex:1;min-width:0;font-weight:700;font-size:13.5px;color:var(--ink)}
.sde-row.sde-empty-row{border-style:dashed}
.sde-row.sde-empty-row .sde-val.sde-ph{color:var(--muted);font-weight:600;font-style:normal}
.sde-row-view{display:flex;align-items:center;gap:8px;padding:7px 16px;font-size:13px;color:var(--ink-soft);font-weight:600}
.sd-edit-hint{background:var(--paper);border:1px dashed var(--line);border-radius:12px;padding:10px 13px;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:14px;display:flex;align-items:center;gap:7px}
.sd-quickedit{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}
.sd-qbtn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-weight:800;font-size:12px;font-family:inherit;cursor:pointer;transition:.15s}
.sd-qbtn:active{transform:scale(.96)}
.sd-qbtn span{font-size:12px}
.sd-offers-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.sd-offers-bar b{display:flex;align-items:center;gap:6px;font-size:14px}
.sd-offers-list{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}
.sd-offer-row{display:flex;align-items:center;gap:10px;padding:9px;border-radius:13px;background:var(--card);border:1px solid var(--line)}
.sd-offer-img{width:46px;height:46px;border-radius:10px;background:#EDF1F7;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.sd-offer-img img{width:100%;height:100%;object-fit:cover}
.sd-offer-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sd-offer-info b{font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-offer-info span{font-size:11.5px;color:var(--muted);font-weight:700}
.sd-noffers{text-align:center;color:var(--muted);font-size:12.5px;padding:18px;font-weight:600}

/* ═══════════ عارض منيو المطعم ═══════════ */
.mk-menu-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-weight:700;padding:60px 20px;text-align:center}
.mk-menu{padding:2px 0 20px}
.mk-menu-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;-webkit-overflow-scrolling:touch}
.mk-menu-tabs::-webkit-scrollbar{display:none}
.mk-menu-tab{flex-shrink:0;padding:9px 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-weight:800;font-size:13px;font-family:inherit;cursor:pointer;white-space:nowrap;transition:.15s}
.mk-menu-tab.on{background:var(--bg-strong-grad);color:#fff;border-color:transparent}
.mk-menu-list{display:flex;flex-direction:column;gap:12px}
.mk-menu-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.mk-menu-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.mk-menu-item-name{font-weight:800;font-size:14.5px;color:var(--ink)}
.mk-menu-item-desc{font-size:12.5px;color:var(--muted);line-height:1.5}
.mk-menu-item-price{font-weight:800;font-size:13.5px;color:var(--brand,#1E63C9);margin-top:2px}
.mk-menu-item-img{width:64px;height:64px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#EDF1F7}
.mk-menu-item-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ═══════════ صفحة المتجر التفصيلية ═══════════ */
.sp{margin:0;padding-bottom:26px}
#marketSheet .profile-body.mk-nopad{padding:0}
.sp-hero{position:relative;height:172px;background:var(--bg-strong-grad);overflow:hidden}
.sp-hero > img{width:100%;height:100%;object-fit:cover;display:block}
.sp-hero-fb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45)}
.sp-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(8,16,34,.34) 0%,rgba(8,16,34,0) 42%)}
.sp-hero-btns{position:absolute;top:12px;right:14px;left:14px;inset-inline:14px;display:flex;align-items:center;gap:10px}
.sp-hero-btns .sp-sp{flex:1}
.sp-rbtn{
  width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.5);border:0;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;color:var(--ink);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  box-shadow:0 2px 8px rgba(8,16,34,.18);cursor:pointer;transition:.15s;
}
.sp-rbtn:active{transform:scale(.92)}

.sp-body{position:relative;background:var(--card);border-radius:22px 22px 0 0;margin-top:-22px;padding:12px 16px calc(14px + env(safe-area-inset-bottom, 0px))}
.sp-logo{
  position:absolute;top:-48px;right:auto;left:16px;inset-inline-end:16px;width:100px;height:100px;border-radius:22px;
  background:#fff;box-shadow:0 4px 18px rgba(15,27,51,.20);padding:5px;overflow:hidden;
}
.sp-logo-in{width:100%;height:100%;border-radius:17px;overflow:hidden;background:#EDF1F7;display:flex;align-items:center;justify-content:center}
.sp-logo-in img{width:100%;height:100%;object-fit:cover;display:block}
.sp-logo-in.sp-logo-round{border-radius:50%}
.sp-logo-ph{width:68px;height:68px;border-radius:50%;border:2px dashed #C3CDDB;color:#8FA0B8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.sp-logo-ph b{font-size:11px;font-weight:800}

.sp-head{padding-left:116px;padding-inline-end:116px;min-height:66px;display:flex;flex-direction:column;gap:6px}
.sp-nrow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.sp-name{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--ink);line-height:1.25}
.sp-verify{color:#12874C;display:flex;flex-shrink:0}
.sp-cat{font-size:13.5px;font-weight:700;color:var(--muted)}
.sp-line{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--muted);flex-wrap:wrap}
.sp-line .ic{color:var(--muted);flex-shrink:0}

.sp-actions{display:flex;gap:10px;margin:9px 0 4px}
.sp-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  border-radius:14px;padding:11px 8px;font-size:14.5px;font-weight:800;font-family:var(--font-cairo);
  cursor:pointer;border:1.5px solid transparent;transition:.15s;min-width:0;
}
.sp-btn:active{transform:scale(.97)}
.sp-btn-fill{background:var(--bg-strong);color:#fff}
.sp-btn-fill.on{background:var(--green);color:#fff}
.sp-btn-out{background:var(--card);color:var(--ink);border-color:#C9D3E2}
.sp-btn .ic{flex-shrink:0}

.sp-about{font-size:13.5px;line-height:1.75;color:var(--ink-soft);font-weight:600;margin:10px 0 0;overflow-wrap:anywhere}
.sp-div{border:0;border-top:1px solid var(--line);margin:9px 0}
.sp-sec{margin:0 0 10px}
.sp-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.sp-sec-head h4{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--ink);margin:0}
.sp-sec-head h4 .ic{color:var(--ink-soft)}
.sp-more{display:inline-flex;align-items:center;gap:4px;background:none;border:0;font-family:inherit;font-size:12.5px;font-weight:800;color:var(--ink-soft);cursor:pointer;padding:2px}
.sp-hours-today{font-size:13.5px;font-weight:700;color:var(--ink-soft);line-height:1.6}
.sp-hours-full{margin-top:8px;display:flex;flex-direction:column;gap:3px}
.sp-hrow{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--muted);padding:5px 2px;border-top:1px dashed var(--line)}
.sp-hrow.today{color:var(--ink)}

.sp-gal{display:flex;gap:7px}
.sp-gal-item{position:relative;flex:1 1 0;min-width:0;height:0;padding-bottom:23.4%;border-radius:11px;overflow:hidden;background:var(--paper);cursor:pointer}
.sp-gal-item img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
.sp-gal-more{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(10,20,40,.62);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;font-family:var(--font-display)}

.sp-chips{display:flex;flex-wrap:wrap;gap:7px}
.sp-chip{background:var(--paper);color:var(--ink-soft);font-size:12px;font-weight:700;padding:7px 13px;border-radius:99px}
.sp-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sp-linkchip{display:inline-flex;align-items:center;gap:6px;background:var(--paper);color:var(--ink-soft);font-size:12px;font-weight:700;padding:8px 13px;border-radius:99px;text-decoration:none}
.sp-contact{display:flex;gap:9px;margin-top:8px}
.sp-cbtn{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--card);
  border:1.5px solid var(--line);border-radius:14px;padding:8px 4px;font-size:11.5px;font-weight:700;
  color:var(--ink-soft);text-decoration:none;cursor:pointer;font-family:inherit;
}
.sp-cbtn:active{transform:scale(.96)}
.sp-map{height:170px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}

.sp-cta{
  position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;
  background:var(--tuk-yellow);color:var(--ink);border:0;border-radius:17px;padding:17px 46px;
  font-family:var(--font-display);font-size:17.5px;font-weight:800;cursor:pointer;
  box-shadow:0 8px 22px rgba(240,165,0,.35);margin:6px 0 4px;transition:.15s;
}
.sp-cta:active{transform:scale(.98)}
.sp-cta .ic{flex-shrink:0}
.sp-cta-chev{position:absolute;right:auto;left:18px;inset-inline-end:18px;top:50%;transform:translateY(-50%);display:flex}
.sp-cta:disabled{background:#E6EAF2;color:#9AA7BC;box-shadow:none;cursor:not-allowed}
.sp-cta-note{font-size:12px;font-weight:700;color:var(--red);text-align:center;margin:2px 0 8px;line-height:1.7}

/* شعار المتجر داخل رأس نموذج الطلب (بدل أيقونة القسم) */
.mk-req-emoji img[src^="data:image"],.mk-req-emoji img[src^="http"]{object-fit:cover;border-radius:12px}

/* ---------- معاينة شعار المتجر داخل لوحة الأدمن ---------- */
#strLogoPreviewWrap{width:96px;height:96px;border-radius:18px}
#strLogoPreviewWrap img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px}
#strLogoPreviewWrap .sp-logo-ph{width:72px;height:72px}

/* ---------- نافذة تقييم المتجر ---------- */
.sr-stars{display:flex;justify-content:center;gap:10px;margin:14px 0 6px;direction:ltr}
.sr-star{background:none;border:0;padding:2px;cursor:pointer;color:#D7DEEA;transition:transform .12s ease,color .12s ease}
.sr-star.on{color:#F5A623}
.sr-star:active{transform:scale(.88)}
.sr-lbl{text-align:center;font-size:13.5px;font-weight:800;color:var(--ink);min-height:20px;margin-bottom:10px}

/* ---------- شاشات ضيقة جداً ---------- */
@media (max-width:360px){
  .st-logo{width:94px;min-height:96px}
  .st-logo-ph{width:68px;height:68px}
  .st-card-name{font-size:15px}
  .sp-logo{width:88px;height:88px;top:-42px}
  .sp-head{padding-left:102px;padding-inline-end:102px}
  .sp-name{font-size:18px}
}

/* ═══ سلوك اللمس في صفحة المتجر ═══
   1) وميض التحديد الأزرق: المتصفحات المحمولة ترسم «tap highlight» فوق أي رابط أو زر
      عند لمسه، ويضاف إليه تظليل تحديد النص عند الضغط المطوّل على رابط نصّي مثل العنوان.
      نلغي الاثنين معاً على عناصر الصفحة التفاعلية.
   2) touch-action:manipulation يلغي انتظار المتصفح للنقرة الثانية (double-tap zoom)،
      وهو ما كان يبتلع لمسة شريحة التقييم الصغيرة أحياناً فتبدو غير متفاعلة.
   3) شريحة التقييم رفعناها فوق طبقة الشعار المطلقة ووسّعنا مساحة لمسها بلا تغيير شكلها. */
.sp-addr,.st-rate-btn,.sp-btn,.sp-cta,.sp-more,.sp-rbtn,.sp-offer-mini,.sp-cbtn,.sp-linkchip{
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.sp-addr,.st-rate-btn{-webkit-user-select:none;user-select:none}
.st-rate-btn{position:relative;z-index:3;min-height:26px;padding:3px 2px;margin:-3px -2px}

/* ارتفاع زر «اطلب من المتجر» — قاعدة عامة لكل عروض الشاشات، لا داخل @media.
   كانت هذه القاعدة محبوسة في @media (max-width:360px) فلم تُطبَّق على هواتف
   390 بكسل وما فوق، وبقي الزر يأخذ الحشوة الأساسية 17px فيرتفع إلى ~66 بكسل.
   الآن: ارتفاع صريح 36px، حشوة رأسية صفر، وline-height:1 — فلا يتبع الارتفاع
   خط Changa ولا حجم الأيقونة، والمحتوى يتوسّط رأسياً بـalign-items:center. */
.sp-cta{font-size:16px;padding:0 42px;line-height:1;min-height:44px;height:44px}