/* =========================================================
   FACTOFFERS - MEMARKET CONTENT LIGHT V1
   فقط پنل محتوای می‌مارکت
   ========================================================= */


/* ---------- MAIN PAGE ---------- */

body.light #fo-mm-content-panel,
body.fo-light #fo-mm-content-panel{
  background:
    radial-gradient(circle at 15% 0%,
      rgba(139,92,246,.055),
      transparent 32%),
    radial-gradient(circle at 90% 20%,
      rgba(34,211,238,.055),
      transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#f2f6fc 100%) !important;

  color:#172033 !important;

  font-family:
    'Vazirmatn',
    Tahoma,
    Arial,
    sans-serif !important;
}


/* ---------- HEADER ---------- */

body.light #fo-mm-content-panel .fo-mm-head,
body.fo-light #fo-mm-content-panel .fo-mm-head{
  background:rgba(255,255,255,.94) !important;

  border:1px solid #dbe3ee !important;

  box-shadow:
    0 6px 20px rgba(15,23,42,.055) !important;

  color:#172033 !important;
}


body.light #fo-mm-content-panel .fo-mm-title,
body.fo-light #fo-mm-content-panel .fo-mm-title{
  color:#172033 !important;
  font-weight:950 !important;
}


body.light #fo-mm-content-panel .fo-mm-close,
body.fo-light #fo-mm-content-panel .fo-mm-close{
  background:#f1f5f9 !important;
  color:#334155 !important;

  border:1px solid #d9e1eb !important;

  box-shadow:none !important;
}


body.light #fo-mm-content-panel .fo-mm-refresh,
body.fo-light #fo-mm-content-panel .fo-mm-refresh{
  background:
    linear-gradient(135deg,#14b8a6,#0891b2) !important;

  color:#ffffff !important;

  border:0 !important;

  box-shadow:
    0 7px 18px rgba(13,148,136,.18) !important;
}


/* ---------- PAGER ---------- */

body.light #fo-mm-content-panel .fo-mm-safe-pager-v2,
body.fo-light #fo-mm-content-panel .fo-mm-safe-pager-v2{
  background:#ffffff !important;

  border:1px solid #dde4ed !important;

  box-shadow:
    0 4px 15px rgba(15,23,42,.045) !important;
}


body.light #fo-mm-content-panel .fo-mm-safe-page-info,
body.fo-light #fo-mm-content-panel .fo-mm-safe-page-info{
  color:#334155 !important;
  opacity:1 !important;
  font-weight:900 !important;
}


body.light #fo-mm-content-panel .fo-mm-safe-pager-v2 button,
body.fo-light #fo-mm-content-panel .fo-mm-safe-pager-v2 button{
  background:
    linear-gradient(135deg,#14b8a6,#0891b2) !important;

  color:#ffffff !important;

  border:0 !important;

  box-shadow:
    0 5px 14px rgba(8,145,178,.14) !important;
}


body.light #fo-mm-content-panel .fo-mm-safe-pager-v2 button:disabled,
body.fo-light #fo-mm-content-panel .fo-mm-safe-pager-v2 button:disabled{
  background:#eef2f7 !important;
  color:#94a3b8 !important;

  border:1px solid #dce3ec !important;

  box-shadow:none !important;

  opacity:1 !important;
}


/* ---------- SEARCH ---------- */

body.light #fo-mm-content-panel .fo-mm-search,
body.fo-light #fo-mm-content-panel .fo-mm-search{
  background:#ffffff !important;

  color:#172033 !important;

  border:1px solid #cfd8e3 !important;

  box-shadow:
    0 3px 12px rgba(15,23,42,.035) !important;

  font-family:inherit !important;
}


body.light #fo-mm-content-panel .fo-mm-search::placeholder,
body.fo-light #fo-mm-content-panel .fo-mm-search::placeholder{
  color:#7c8799 !important;
  opacity:1 !important;
}


body.light #fo-mm-content-panel .fo-mm-search:focus,
body.fo-light #fo-mm-content-panel .fo-mm-search:focus{
  border-color:#8b5cf6 !important;

  box-shadow:
    0 0 0 3px rgba(139,92,246,.09) !important;
}


/* ---------- STATUS / EMPTY ---------- */

body.light #fo-mm-content-panel .fo-mm-empty,
body.fo-light #fo-mm-content-panel .fo-mm-empty{
  background:#ffffff !important;

  color:#64748b !important;

  border:1px solid #dce4ee !important;

  box-shadow:
    0 3px 12px rgba(15,23,42,.035) !important;
}


/* ---------- VIDEO SUMMARY BAR ---------- */

body.light #fo-mm-content-panel .fo-mm-vidbar,
body.fo-light #fo-mm-content-panel .fo-mm-vidbar{
  background:#ecfdf8 !important;

  color:#047857 !important;

  border:1px solid #b8ead9 !important;

  box-shadow:none !important;
}


body.light #fo-mm-content-panel .fo-mm-vidbar.all,
body.fo-light #fo-mm-content-panel .fo-mm-vidbar.all{
  background:#f4f6fa !important;

  color:#64748b !important;

  border:1px solid #dce3ec !important;
}


/* =========================================================
   PRODUCT CARDS
   ========================================================= */

body.light #fo-mm-content-panel .fo-mm-card,
body.fo-light #fo-mm-content-panel .fo-mm-card{
  background:#ffffff !important;

  color:#172033 !important;

  border:1px solid #dce3ec !important;

  box-shadow:
    0 5px 16px rgba(15,23,42,.055) !important;
}


body.light #fo-mm-content-panel .fo-mm-card.fo-mm-done,
body.fo-light #fo-mm-content-panel .fo-mm-card.fo-mm-done{
  background:#f5fcf9 !important;

  border-color:#ade7d0 !important;
}


/* تصویر */

body.light #fo-mm-content-panel .fo-mm-card img,
body.fo-light #fo-mm-content-panel .fo-mm-card img{
  background:#edf2f7 !important;

  box-shadow:
    0 3px 10px rgba(15,23,42,.06) !important;
}


/* بدون تصویر */

body.light #fo-mm-content-panel .fo-mm-card > div:first-child,
body.fo-light #fo-mm-content-panel .fo-mm-card > div:first-child{
  background:#f1f5f9 !important;
  color:#64748b !important;
}


/* عنوان محصول */

body.light #fo-mm-content-panel .fo-mm-card h3,
body.fo-light #fo-mm-content-panel .fo-mm-card h3{
  color:#172033 !important;

  opacity:1 !important;

  font-weight:950 !important;
}


/* کد محصول */

body.light #fo-mm-content-panel .fo-mm-code,
body.fo-light #fo-mm-content-panel .fo-mm-code{
  background:#ecfdf5 !important;

  color:#047857 !important;

  border:1px solid #b7ead5 !important;

  box-shadow:none !important;

  opacity:1 !important;
}


/* متن توضیحات */

body.light #fo-mm-content-panel .fo-mm-text,
body.fo-light #fo-mm-content-panel .fo-mm-text{
  color:#64748b !important;
}


/* وضعیت کاور زده شده */

body.light #fo-mm-content-panel .fo-mm-doneb,
body.fo-light #fo-mm-content-panel .fo-mm-doneb{
  color:#059669 !important;
  opacity:1 !important;
}


/* =========================================================
   CARD ACTIONS
   ========================================================= */

body.light #fo-mm-content-panel .fo-mm-actions > a:not(.main),
body.light #fo-mm-content-panel .fo-mm-actions > button:not(.fo-mm-cover-btn),
body.fo-light #fo-mm-content-panel .fo-mm-actions > a:not(.main),
body.fo-light #fo-mm-content-panel .fo-mm-actions > button:not(.fo-mm-cover-btn){

  background:#f1f5f9 !important;

  color:#334155 !important;

  border:1px solid #d7e0e9 !important;

  box-shadow:none !important;
}


/* آیکن‌های کوچک پخش / لینک / کپی */

body.light #fo-mm-content-panel .fo-mm-actions .fo-mm-ico,
body.fo-light #fo-mm-content-panel .fo-mm-actions .fo-mm-ico{
  background:#f3f6fa !important;

  color:#334155 !important;

  border:1px solid #d9e1ea !important;

  box-shadow:none !important;
}


/* پخش / دانلود */

body.light #fo-mm-content-panel .fo-mm-actions > .main,
body.fo-light #fo-mm-content-panel .fo-mm-actions > .main,
body.light #fo-mm-content-panel .fo-mm-actions .fo-mm-primary,
body.fo-light #fo-mm-content-panel .fo-mm-actions .fo-mm-primary{

  background:
    linear-gradient(135deg,#06b6d4,#2563eb) !important;

  color:#ffffff !important;

  border:0 !important;

  box-shadow:
    0 7px 17px rgba(37,99,235,.16) !important;
}


/* کاور بزن */

body.light #fo-mm-content-panel .fo-mm-cover-btn,
body.fo-light #fo-mm-content-panel .fo-mm-cover-btn{

  background:
    linear-gradient(135deg,#7c3aed,#4f46e5) !important;

  color:#ffffff !important;

  border:0 !important;

  box-shadow:
    0 7px 18px rgba(124,58,237,.18) !important;

  opacity:1 !important;
}


/* کاور آماده / انجام شده */

body.light #fo-mm-content-panel .fo-mm-card.fo-mm-done .fo-mm-cover-btn,
body.fo-light #fo-mm-content-panel .fo-mm-card.fo-mm-done .fo-mm-cover-btn{
  background:
    linear-gradient(135deg,#10b981,#059669) !important;

  color:#ffffff !important;
}


/* =========================================================
   COVER RESULT
   ========================================================= */

body.light #fo-mm-content-panel .fo-mm-cover-result,
body.fo-light #fo-mm-content-panel .fo-mm-cover-result{
  background:transparent !important;
}


body.light #fo-mm-content-panel .fo-mm-cover-msg,
body.fo-light #fo-mm-content-panel .fo-mm-cover-msg{
  background:#eefbf7 !important;

  color:#047857 !important;

  border:1px solid #b6e9d5 !important;
}


body.light #fo-mm-content-panel .fo-mm-cover-msg.err,
body.fo-light #fo-mm-content-panel .fo-mm-cover-msg.err{
  background:#fff1f2 !important;

  color:#be123c !important;

  border:1px solid #fecdd3 !important;
}


body.light #fo-mm-content-panel .fo-mm-cover-actions a,
body.fo-light #fo-mm-content-panel .fo-mm-cover-actions a{
  background:
    linear-gradient(135deg,#10b981,#0891b2) !important;

  color:#ffffff !important;

  border:0 !important;
}


/* افزودن کاور به کتابخانه */

body.light #fo-mm-content-panel .fo-mm-add-story-btn,
body.fo-light #fo-mm-content-panel .fo-mm-add-story-btn{
  color:#ffffff !important;

  background:
    linear-gradient(135deg,#10b981,#0891b2) !important;

  border:0 !important;
}


/* =========================================================
   CLEAN / EXTRA BARS
   ========================================================= */

body.light #fo-mm-content-panel .fo-mm-cleanbar,
body.fo-light #fo-mm-content-panel .fo-mm-cleanbar{
  background:#f8fafc !important;

  color:#475569 !important;

  border:1px solid #dce3ec !important;
}


/* تمام نوشته‌های خاکستری خیلی کم‌رنگ کارت‌ها */

body.light #fo-mm-content-panel .fo-mm-card small,
body.light #fo-mm-content-panel .fo-mm-card .muted,
body.fo-light #fo-mm-content-panel .fo-mm-card small,
body.fo-light #fo-mm-content-panel .fo-mm-card .muted{
  color:#7c8799 !important;
  opacity:1 !important;
}


/* disabled */

body.light #fo-mm-content-panel button:disabled,
body.fo-light #fo-mm-content-panel button:disabled{
  opacity:.58;
}


/* لمس موبایل */

#fo-mm-content-panel button,
#fo-mm-content-panel a{
  -webkit-tap-highlight-color:transparent;
}


#fo-mm-content-panel button:active,
#fo-mm-content-panel a:active{
  transform:scale(.98);
}