﻿/* =============================================
   frm-toast.css  –  اعلان‌های زیبا بدون content دستی
   ============================================= */
.frm-toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* موقعیت‌ها */
.frm-toast-top-right       { top: 12px; right: 12px; align-items: flex-end; }
.frm-toast-top-left        { top: 12px; left: 12px; align-items: flex-start; }
.frm-toast-bottom-right    { bottom: 12px; right: 12px; align-items: flex-end; }
.frm-toast-bottom-left     { bottom: 12px; left: 12px; align-items: flex-start; }
.frm-toast-top-center      { top: 12px; left: 50%; transform: translateX(-50%); align-items: center; }
.frm-toast-bottom-center   { bottom: 12px; left: 50%; transform: translateX(-50%); align-items: center; }
.frm-toast-top-full-width  { top: 0; right: 0; width: 100%; align-items: center; }
.frm-toast-bottom-full-width { bottom: 0; right: 0; width: 100%; align-items: center; }
.frm-toast-center-center   { top: 50%; left: 50%; transform: translate(-50%, -50%); align-items: center; }

.frm-toast {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    border-radius: 8px;
   /* box-shadow: 0 0 12px rgba(0,0,0,0.2);*/
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    color: #fff;
    font-size: 0.95rem;
    pointer-events: auto;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    min-width: 250px;
    max-width: 400px;
    position: relative;
}

.frm-toast-visible {
    opacity: 1;
    transform: translateY(0);
}

/* رنگ‌ها (بدون تغییر) */
/*.frm-toast-success  { background-color: #51a351; }
.frm-toast-error    { background-color: #bd362f; }
.frm-toast-info     { background-color: #2f96b4; }
.frm-toast-warning  { background-color: #f89406; }*/
.frm-toast-success  { background-color: #7bc67e; }  /* سبز ملایم */
.frm-toast-error    { background-color: #e06d6d; }  /* قرمز ملایم */
.frm-toast-info     { background-color: #6bb5c9; }  /* آبی ملایم */
.frm-toast-warning  { background-color: #f5b06c; }  /* نارنجی ملایم */

/* آیکون‌ها (استفاده از فونت آیکون شما بدون content دستی) */
.frm-toast .toast-icon {
    font-size: 1.6rem;
    flex-shrink: 0;
}

/* نیازی به content برای هر نوع نیست – کلاس icon-* خودش آیکون را از فونت می‌کشد */

.toast-message {
    flex: 1;
    word-wrap: break-word;
}

/* بدون دکمه بستن */

/* Media queries */
@media all and (max-width: 240px) {
    .frm-toast { padding: 8px 10px; width: 11em; }
}
@media all and (min-width: 241px) and (max-width: 480px) {
    .frm-toast { padding: 8px 12px; width: 18em; }
}
@media all and (min-width: 481px) and (max-width: 768px) {
    .frm-toast { padding: 15px 20px; width: 25em; }
}