/* تنبيه فقاعي عند الإضافة للسلة – متوافق مع RTL/LTR وJS (.is-visible) */
.wc-toast{
  position: fixed;
  inset-inline-end: 16px;
  bottom: 16px;
  z-index: 99999;
  width: min(360px, calc(100% - 32px));
  background: #2e7d32;
  color: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  padding: 12px;
  padding-inline-end: calc(44px + env(safe-area-inset-right));
  padding-inline-start: calc(12px + env(safe-area-inset-left));
  margin-bottom: env(safe-area-inset-bottom);
  line-height: 1.6;
  font-size: 14px;
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .2s ease-out, transform .2s ease-out;
  word-break: break-word;
}
.wc-toast.is-visible{ display:block; opacity:1; transform:none }

.wc-toast__content{ display:inline }

/* زر الإغلاق */
.wc-toast__close{
  position:absolute;
  inset-inline-end: 10px;
  top: 8px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:20px;
  cursor:pointer;
  line-height:1;
}
.wc-toast__close:focus-visible{ outline:2px solid #fff; outline-offset:2px }

/* رابط الذهاب للسلة */
.wc-toast__link{
  display:inline-block;
  margin-inline-start:6px;
  padding:6px 10px;
  background:#1b5e20;
  color:#fff;
  text-decoration:none;
  border-radius:10px;
}
.wc-toast__link:focus-visible{ outline:2px solid #fff; outline-offset:2px }

/* تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  .wc-toast{ transition:none }
}

/* مواءمة للجوال */
@media (max-width:480px){
  .wc-toast{ inset-inline-end:12px; bottom:12px }
}