/* ═══════════════════════════════════════════
   Toast — WebStore_4
   ═══════════════════════════════════════════ */
:root {
  --t-success: #16a34a;
  --t-error:   #dc2626;
  --t-warning: #f59e0b;
  --t-info:    #2563eb;
}

.jq-toast-wrap {
  z-index: 9999 !important;
  font-family: 'Cairo', sans-serif !important;
  position: fixed !important;
  width: auto !important;
  max-width: 340px !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}

/* ── تموضع ── */
.jq-toast-wrap.top-right    { inset: 74px 16px auto auto !important; }
.jq-toast-wrap.top-left     { inset: 74px auto auto 16px !important; }
.jq-toast-wrap.bottom-right { inset: auto 16px 80px auto !important; }
.jq-toast-wrap.bottom-left  { inset: auto auto 80px 16px !important; }
.jq-toast-wrap.top-center,
.jq-toast-wrap.mid-center   { left:50% !important;right:auto !important;top:74px !important;bottom:auto !important;transform:translateX(-50%); }
.jq-toast-wrap.bottom-center,
.jq-toast-wrap.mid-bottom   { left:50% !important;right:auto !important;bottom:80px !important;top:auto !important;transform:translateX(-50%); }

html[lang="ar"] .jq-toast-wrap.top-left,
html[lang="ae"] .jq-toast-wrap.top-left    { inset: 74px 16px auto auto !important; }
html[lang="ar"] .jq-toast-wrap.bottom-left,
html[lang="ae"] .jq-toast-wrap.bottom-left { inset: auto 16px 80px auto !important; }

/* ── الكرت ── */
.jq-toast-single {
  font-family: 'Cairo', sans-serif !important;
  background: var(--sur, #fff) !important;
  color: var(--txt, #111317) !important;
  border: 1px solid var(--brd, #e3e5ed) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.13) !important;
  padding: 13px 16px 13px 14px !important;
  line-height: 1.55 !important;
  min-width: 220px !important;
  position: relative !important;
  overflow: hidden !important;
  opacity: 0;
  transform: translateY(-16px) scale(.97);
  animation: ctIn .28s cubic-bezier(.4,0,.2,1) forwards;
  pointer-events: auto !important;
  margin-bottom: 8px !important;
}

@keyframes ctIn { to { opacity:1; transform:translateY(0) scale(1); } }

/* ── شريط جانبي ── */
.jq-toast-single { border-inline-start: 5px solid transparent !important; }
.jq-icon-success  { border-inline-start-color: var(--t-success) !important; }
.jq-icon-error    { border-inline-start-color: var(--t-error)   !important; }
.jq-icon-warning  { border-inline-start-color: var(--t-warning) !important; }
.jq-icon-info     { border-inline-start-color: var(--t-info)    !important; }

/* ── RTL / LTR ── */
html[lang="ar"] .jq-toast-single,
html[lang="ae"] .jq-toast-single { direction:rtl; text-align:right !important; }
html[lang="en"] .jq-toast-single { direction:ltr; text-align:left  !important; }

/* ── العنوان ── */
.jq-toast-single .jq-toast-heading {
  font-weight: 900 !important;
  font-size: 14px !important;
  margin: 0 0 3px !important;
  color: var(--txt, #111317) !important;
}

/* ── النص ── */
.jq-toast-single p {
  font-size: 13px !important;
  color: var(--txt2, #4a5068) !important;
  margin: 0 !important;
}

/* ── أيقونة ── */
.jq-toast-single.jq-has-icon { padding-inline-start: 62px !important; }

.jq-toast-single.jq-has-icon::before {
  content: "";
  position: absolute;
  inset-inline-start: 14px;
  top: 50%; transform: translateY(-50%);
  width: 36px; height: 36px;
  border-radius: 10px;
  background: var(--sur2, #f6f7fa);
}

.jq-toast-single.jq-has-icon::after {
  position: absolute;
  inset-inline-start: 14px;
  top: 50%; transform: translateY(-50%);
  width: 36px; height: 36px;
  border-radius: 10px;
  display: grid; place-items: center;
  font-size: 17px; font-weight: 900;
  font-family: 'Cairo', sans-serif;
}

.jq-icon-success::before { background: #dcfce7 !important; }
.jq-icon-error::before   { background: #fee2e2 !important; }
.jq-icon-warning::before { background: #fffbeb !important; }
.jq-icon-info::before    { background: #eff6ff !important; }

.jq-icon-success::after { content:"✔"; color: var(--t-success); }
.jq-icon-error::after   { content:"✕"; color: var(--t-error);   }
.jq-icon-warning::after { content:"!"; color: var(--t-warning); }
.jq-icon-info::after    { content:"i"; color: var(--t-info); font-style:italic; }

/* ── loader ── */
.jq-toast-loader {
  height: 3px !important;
  top: 0 !important; bottom: auto !important;
  left: 0 !important; right: 0 !important;
  background: var(--brd, #e3e5ed) !important;
  border-radius: 0 !important;
}
.jq-toast-loaded { background: var(--p, #1565c0) !important; }

/* ── زر الإغلاق ── */
.jq-toast-single .close-jq-toast-single {
  position: absolute !important;
  top: 10px !important;
  inset-inline-end: 12px !important;
  color: var(--txt3, #9098b1) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  opacity: .65 !important;
  transition: opacity .15s !important;
  font-family: 'Cairo', sans-serif !important;
}
.jq-toast-single .close-jq-toast-single:hover { opacity: 1 !important; }

/* ── موبايل: يطلع من الأسفل ── */
@media (max-width: 899px) {
  .jq-toast-wrap {
    max-width: calc(100vw - 32px) !important;
    left: 16px !important;
    right: 16px !important;
    transform: none !important;
    top: 62px !important;
    bottom: auto !important;
  }
  .jq-toast-wrap.top-right,
  .jq-toast-wrap.top-left,
  .jq-toast-wrap.top-center,
  .jq-toast-wrap.mid-center,
  html[lang="ar"] .jq-toast-wrap.top-left,
  html[lang="ae"] .jq-toast-wrap.top-left {
    top: 62px !important;
    bottom: auto !important;
    left: 16px !important;
    right: 16px !important;
    transform: none !important;
  }
  .jq-toast-single {
    border-radius: 12px !important;
    width: 100% !important;
    padding: 8px 10px !important;
    min-width: unset !important;
  }
  .jq-toast-single .jq-toast-heading {
    font-size: 12px !important;
  }
  .jq-toast-single p {
    font-size: 11px !important;
  }
  .jq-toast-single.jq-has-icon {
    padding-inline-start: 46px !important;
  }
  .jq-toast-single.jq-has-icon::before,
  .jq-toast-single.jq-has-icon::after {
    width: 28px !important;
    height: 28px !important;
    inset-inline-start: 9px !important;
    font-size: 13px !important;
  }
}