/* FO_DOCK_MENU_LIGHT_V1 */

/* صفحه بازشونده سفارش / انتشار / محتوا / شخصی */
body.fo-light #fo-dock-menu-v2,
body.light #fo-dock-menu-v2{
  background:
    linear-gradient(
      180deg,
      rgba(247,249,253,.97) 0%,
      rgba(239,243,250,.97) 100%
    ) !important;
  color:#0f172a !important;

  backdrop-filter:blur(20px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.08) !important;
}

/* تیتر */
body.fo-light #fo-dock-menu-v2 .fo-dock-title,
body.light #fo-dock-menu-v2 .fo-dock-title{
  color:#111827 !important;
}

/* زیرتیتر */
body.fo-light #fo-dock-menu-v2 .fo-dock-sub,
body.light #fo-dock-menu-v2 .fo-dock-sub{
  color:#64748b !important;
}

/* دکمه برگشت */
body.fo-light #fo-dock-menu-v2 .fo-dock-back,
body.light #fo-dock-menu-v2 .fo-dock-back{
  background:rgba(255,255,255,.90) !important;
  color:#334155 !important;
  border:1px solid rgba(15,23,42,.09) !important;
  box-shadow:
    0 7px 20px rgba(15,23,42,.07),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

/* کارت‌های منو */
body.fo-light #fo-dock-menu-v2 .fo-dock-card,
body.light #fo-dock-menu-v2 .fo-dock-card{
  background:
    radial-gradient(
      circle at 0 0,
      rgba(45,212,191,.10),
      transparent 46%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(247,249,253,.94)
    ) !important;

  border:1px solid rgba(100,116,139,.14) !important;

  box-shadow:
    0 12px 28px rgba(15,23,42,.07),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

/* عنوان کارت */
body.fo-light #fo-dock-menu-v2 .fo-dock-name,
body.light #fo-dock-menu-v2 .fo-dock-name{
  color:#172033 !important;
}

/* توضیح کارت */
body.fo-light #fo-dock-menu-v2 .fo-dock-desc,
body.light #fo-dock-menu-v2 .fo-dock-desc{
  color:#64748b !important;
}

/* قاب آیکن - رنگ خود آیکن‌ها دست نمی‌خورد */
body.fo-light #fo-dock-menu-v2 .fo-dock-ico,
body.light #fo-dock-menu-v2 .fo-dock-ico{
  background:rgba(255,255,255,.82) !important;
  border-color:rgba(100,116,139,.14) !important;
  box-shadow:
    0 7px 18px rgba(15,23,42,.07),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* لمس کارت */
body.fo-light #fo-dock-menu-v2 .fo-dock-card:active,
body.light #fo-dock-menu-v2 .fo-dock-card:active{
  transform:scale(.985);
}