/* ═══════════════════════════════════════════════════════════════════
   MyOstad v1.4.4 — Final Overrides
   لود می‌شه آخر از همه CSS ها → specificity کافی با !important
   ═══════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════
   ۰. CSS VARS — --primary-rgb برای rgba() در همه رنگ‌ها
   ══════════════════════════════════════════════════════════════ */
:root { --primary-rgb: 37,99,235; }
[data-color="blue"]   { --primary-rgb: 37,99,235;   --primary: #2563eb !important; --primary-light: #3b82f6 !important; }
[data-color="indigo"] { --primary-rgb: 79,70,229;   --primary: #4f46e5 !important; --primary-light: #6366f1 !important; }
[data-color="purple"] { --primary-rgb: 124,58,237;  --primary: #7c3aed !important; --primary-light: #8b5cf6 !important; }
[data-color="pink"]   { --primary-rgb: 219,39,119;  --primary: #db2777 !important; --primary-light: #ec4899 !important; }
[data-color="rose"]   { --primary-rgb: 225,29,72;   --primary: #e11d48 !important; --primary-light: #f43f5e !important; }
[data-color="teal"]   { --primary-rgb: 13,148,136;  --primary: #0d9488 !important; --primary-light: #14b8a6 !important; }
[data-color="green"]  { --primary-rgb: 22,163,74;   --primary: #16a34a !important; --primary-light: #22c55e !important; }
[data-color="orange"] { --primary-rgb: 234,88,12;   --primary: #ea580c !important; --primary-light: #f97316 !important; }

/* ══════════════════════════════════════════════════════════════
   ۱. SIDEBAR
   ══════════════════════════════════════════════════════════════ */

[data-theme="dark"] .mo-sidebar__panel {
  background: linear-gradient(180deg,
    rgba(var(--primary-rgb),0.18) 0%,
    rgba(var(--primary-rgb),0.07) 35%,
    #050c1a 100%) !important;
  border-left: 1px solid rgba(var(--primary-rgb),0.20) !important;
}
[data-theme="dark"] .mo-sidebar__user-snippet {
  background: rgba(var(--primary-rgb),0.10) !important;
  border-bottom-color: rgba(var(--primary-rgb),0.16) !important;
}
[data-theme="dark"] .mo-sidebar__item          { color: rgba(255,255,255,0.65) !important; }
[data-theme="dark"] .mo-sidebar__item.active   {
  background: rgba(var(--primary-rgb),0.20) !important;
  color: var(--primary-light) !important;
  border-right: 3px solid var(--primary) !important;
}
[data-theme="dark"] .mo-sidebar__item:hover    {
  background: rgba(var(--primary-rgb),0.10) !important;
  color: rgba(255,255,255,0.92) !important;
}

[data-theme="light"] .mo-sidebar__panel {
  background: linear-gradient(180deg,
    rgba(var(--primary-rgb),0.10) 0%,
    rgba(255,255,255,1.00) 55%) !important;
  border-left: 1px solid rgba(var(--primary-rgb),0.15) !important;
}
[data-theme="light"] .mo-sidebar__user-snippet {
  background: rgba(var(--primary-rgb),0.07) !important;
  border-bottom-color: rgba(var(--primary-rgb),0.12) !important;
}
[data-theme="light"] .mo-sidebar__item          { color: rgba(10,22,50,0.68) !important; }
[data-theme="light"] .mo-sidebar__item.active   {
  background: rgba(var(--primary-rgb),0.12) !important;
  color: var(--primary) !important;
  border-right: 3px solid var(--primary) !important;
}
[data-theme="light"] .mo-sidebar__item:hover    {
  background: rgba(var(--primary-rgb),0.07) !important;
  color: var(--primary) !important;
}

/* ══════════════════════════════════════════════════════════════
   ۲. TOPBAR
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mo-topbar {
  background: linear-gradient(90deg,
    rgba(var(--primary-rgb),0.10) 0%,
    rgba(5,12,26,0.94) 50%,
    rgba(var(--primary-rgb),0.06) 100%) !important;
  border-bottom: 1px solid rgba(var(--primary-rgb),0.14) !important;
  backdrop-filter: blur(20px) saturate(1.4) !important;
}
[data-theme="light"] .mo-topbar {
  background: rgba(255,255,255,0.95) !important;
  border-bottom: 1px solid rgba(var(--primary-rgb),0.10) !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: 0 1px 10px rgba(var(--primary-rgb),0.06) !important;
}
[data-theme="light"] .mo-topbar .mo-icon-btn    { color: rgba(10,22,50,0.65) !important; }
[data-theme="light"] .mo-topbar .mo-icon-btn:hover {
  background: rgba(var(--primary-rgb),0.08) !important;
  color: var(--primary) !important;
}

/* ══════════════════════════════════════════════════════════════
   ۳. BODY / APP BACKGROUND
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"]  body { background: #050c1a !important; }
[data-theme="light"] body { background: #f0f4ff !important; }

[data-theme="dark"]  #myostad-app,
[data-theme="dark"]  .myostad-app { background: #050c1a !important; }
[data-theme="light"] #myostad-app,
[data-theme="light"] .myostad-app { background: #eef2ff !important; }

[data-theme="dark"]  .mo-content,
[data-theme="dark"]  #mo-content-area { background: #050c1a !important; }
[data-theme="light"] .mo-content,
[data-theme="light"] #mo-content-area { background: #f0f4ff !important; }

/* رنگ تم روی content background */
[data-theme="dark"][data-color="indigo"] #mo-content-area { background: #06051c !important; }
[data-theme="dark"][data-color="purple"] #mo-content-area { background: #09061d !important; }
[data-theme="dark"][data-color="pink"]   #mo-content-area { background: #160410 !important; }
[data-theme="dark"][data-color="teal"]   #mo-content-area { background: #030f0e !important; }
[data-theme="dark"][data-color="green"]  #mo-content-area { background: #041109 !important; }
[data-theme="dark"][data-color="orange"] #mo-content-area { background: #140903 !important; }

/* ══════════════════════════════════════════════════════════════
   ۴. POST CARDS
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mo-post-card {
  background: rgba(var(--primary-rgb),0.04) !important;
  border-color: rgba(var(--primary-rgb),0.10) !important;
}
[data-theme="dark"] .mo-post-card:hover {
  border-color: rgba(var(--primary-rgb),0.22) !important;
  box-shadow: 0 4px 20px rgba(var(--primary-rgb),0.08) !important;
}
[data-theme="light"] .mo-post-card {
  background: #fff !important;
  border-color: rgba(var(--primary-rgb),0.08) !important;
  box-shadow: 0 1px 8px rgba(var(--primary-rgb),0.05) !important;
}
[data-theme="light"] .mo-post-card:hover {
  border-color: rgba(var(--primary-rgb),0.20) !important;
  box-shadow: 0 4px 16px rgba(var(--primary-rgb),0.10) !important;
}
[data-theme="light"] .mo-post-card,
[data-theme="light"] .mo-post-card__content,
[data-theme="light"] .mo-post-card__author-name { color: rgba(10,22,50,0.88) !important; }
[data-theme="light"] .mo-post-card__meta,
[data-theme="light"] .mo-post-card__time { color: rgba(10,22,50,0.45) !important; }
[data-theme="light"] .mo-post-card__actions button { color: rgba(10,22,50,0.52) !important; }
[data-theme="light"] .mo-post-card__actions button:hover { color: var(--primary) !important; }

/* ══════════════════════════════════════════════════════════════
   ۵. BOTTOM BAR — 2026 Dynamic Pill Design
   ══════════════════════════════════════════════════════════════ */
.mo-bottom-bar {
  padding: 5px 8px 5px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  border-radius: 28px !important;
}
.mo-bottom-bar--3 { overflow: visible !important; position: relative; }

/* background layer — بدون notch، pill کامل */
.mo-bottom-bar__bg {
  position: absolute; inset: 0; z-index: -1;
  border-radius: 28px !important;
  backdrop-filter: blur(32px) saturate(1.8);
  -webkit-backdrop-filter: blur(32px) saturate(1.8);
  pointer-events: none;
  /* حذف notch mask — طرح pill ساده‌تر و مدرن‌تر */
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
[data-theme="dark"] .mo-bottom-bar__bg {
  background: linear-gradient(135deg,
    rgba(var(--primary-rgb),0.14) 0%,
    rgba(8,14,30,0.92) 50%,
    rgba(var(--primary-rgb),0.10) 100%) !important;
  border: 1px solid rgba(var(--primary-rgb),0.18) !important;
  box-shadow:
    0 8px 32px rgba(0,0,0,0.50),
    0 2px 8px rgba(0,0,0,0.30),
    inset 0 1px 0 rgba(255,255,255,0.07),
    inset 0 -1px 0 rgba(0,0,0,0.20) !important;
}
[data-theme="light"] .mo-bottom-bar__bg {
  background: rgba(255,255,255,0.96) !important;
  border: 1px solid rgba(var(--primary-rgb),0.12) !important;
  box-shadow:
    0 8px 28px rgba(var(--primary-rgb),0.10),
    0 2px 8px rgba(0,0,0,0.07),
    inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* shimmer رنگ تم */
.mo-bottom-bar::before {
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(var(--primary-rgb),0.25) 30%,
    rgba(var(--primary-rgb),0.40) 50%,
    rgba(var(--primary-rgb),0.25) 70%,
    transparent 100%) !important;
  border-radius: 28px !important;
}

/* Items — فشرده‌تر */
.mo-bottom-bar__item {
  padding: 6px 10px !important;
  min-width: 48px !important;
  gap: 2px !important;
  border-radius: 18px !important;
  transition: all 0.22s cubic-bezier(.2,.8,.2,1) !important;
}
.mo-bottom-bar__item:hover {
  background: rgba(var(--primary-rgb),0.10) !important;
}

/* Active: pill رنگی به جای dot */
[data-theme="dark"] .mo-bottom-bar__item--active {
  background: rgba(var(--primary-rgb),0.20) !important;
  color: var(--primary-light, #60a5fa) !important;
}
[data-theme="light"] .mo-bottom-bar__item--active {
  background: rgba(var(--primary-rgb),0.12) !important;
  color: var(--primary, #2563eb) !important;
}
/* حذف dot زیر آیکون active */
.mo-bottom-bar__item--active .mo-bottom-bar__icon::after {
  display: none !important;
}
.mo-bottom-bar__item--active .mo-bottom-bar__icon {
  transform: translateY(-1px) scale(1.08) !important;
}

/* Icon */
.mo-bottom-bar__icon {
  width: 26px !important; height: 26px !important;
}
.mo-bottom-bar__icon svg { width: 20px !important; height: 20px !important; }

/* Label */
.mo-bottom-bar__label {
  font-size: 0.585rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}

[data-theme="dark"]  .mo-bottom-bar__item { color: rgba(255,255,255,0.42) !important; }
[data-theme="light"] .mo-bottom-bar__item { color: rgba(10,22,50,0.42) !important; }
[data-color] .mo-bottom-bar__item--active .mo-bottom-bar__icon  { color: inherit !important; }
[data-color] .mo-bottom-bar__item--active .mo-bottom-bar__label { color: inherit !important; }

/* دکمه خانه - FAB شناور */
.mo-bottom-bar__item--home {
  margin-top: -20px !important;
  padding-top: 0 !important;
  position: relative;
}
.mo-bottom-bar__home-pill {
  width: 52px !important; height: 52px !important; border-radius: 50% !important;
  background: linear-gradient(135deg,
    var(--primary-light, #60a5fa) 0%,
    var(--primary, #2563eb) 60%) !important;
  box-shadow:
    0 6px 22px rgba(var(--primary-rgb),0.52),
    0 0 0 3px rgba(var(--primary-rgb),0.16),
    0 0 0 6px rgba(var(--primary-rgb),0.07),
    inset 0 1px 0 rgba(255,255,255,0.25) !important;
  transition: all 0.22s cubic-bezier(.2,.8,.2,1) !important;
}
.mo-bottom-bar__home-pill svg { width: 22px !important; height: 22px !important; }
.mo-bottom-bar__item--home:hover .mo-bottom-bar__home-pill {
  transform: scale(1.10) translateY(-4px) !important;
  box-shadow:
    0 12px 32px rgba(var(--primary-rgb),0.60),
    0 0 0 4px rgba(var(--primary-rgb),0.20) !important;
}
/* active indicator برای home */
.mo-bottom-bar__item--home.mo-bottom-bar__item--active .mo-bottom-bar__label {
  color: var(--primary-light, #60a5fa) !important;
}

/* ══════════════════════════════════════════════════════════════
   ۶. SETTINGS — light mode
   ══════════════════════════════════════════════════════════════ */
[data-theme="light"] .mo-settings-page,
[data-theme="light"] .mo-settings-section { background: #f0f4ff !important; }
[data-theme="light"] .mo-settings-row {
  background: #fff !important;
  border-color: rgba(var(--primary-rgb),0.08) !important;
  box-shadow: 0 1px 4px rgba(var(--primary-rgb),0.04) !important;
}
[data-theme="light"] .mo-settings-row:hover {
  background: rgba(var(--primary-rgb),0.04) !important;
  border-color: rgba(var(--primary-rgb),0.16) !important;
}
[data-theme="light"] .mo-settings-row__label { color: rgba(10,22,50,0.78) !important; }
[data-theme="light"] .mo-settings-row__value { color: rgba(10,22,50,0.50) !important; }

[data-theme="dark"] .mo-settings-row {
  background: rgba(var(--primary-rgb),0.04) !important;
  border-color: rgba(var(--primary-rgb),0.08) !important;
}
[data-theme="dark"] .mo-settings-row:hover { background: rgba(var(--primary-rgb),0.09) !important; }

/* ══════════════════════════════════════════════════════════════
   ۷. INPUT FOCUS
   ══════════════════════════════════════════════════════════════ */
[data-color] input:focus,
[data-color] textarea:focus,
[data-color] select:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--primary-rgb),0.15) !important;
  outline: none !important;
}

/* ══════════════════════════════════════════════════════════════
   ۸. BTN PRIMARY — رنگ تم
   ══════════════════════════════════════════════════════════════ */
[data-color] .mo-btn--primary {
  background: linear-gradient(135deg, var(--primary), rgba(var(--primary-rgb),0.85)) !important;
  box-shadow: 0 4px 14px rgba(var(--primary-rgb),0.38) !important;
}
[data-color] .mo-btn--primary:hover {
  box-shadow: 0 6px 20px rgba(var(--primary-rgb),0.50) !important;
  transform: translateY(-1px) !important;
}

/* ══════════════════════════════════════════════════════════════
   ۹. LIGHT MODE — صفحات داخلی لاگین شده
   ══════════════════════════════════════════════════════════════ */
[data-theme="light"] .page-header {
  background: rgba(255,255,255,0.94) !important;
  border-bottom: 1px solid rgba(var(--primary-rgb),0.08) !important;
}
[data-theme="light"] .page-header-title { color: rgba(10,22,50,0.90) !important; }

[data-theme="light"] .mo-messaging-tab { color: rgba(10,22,50,0.50) !important; }
[data-theme="light"] .mo-messaging-tab.active {
  color: var(--primary) !important;
  border-bottom-color: var(--primary) !important;
}
[data-theme="light"] .mo-messaging-page,
[data-theme="light"] .mo-learning-page,
[data-theme="light"] .mo-notifs-page,
[data-theme="light"] .mo-profile-page { background: #f0f4ff !important; }

[data-theme="light"] .mo-channel-item { border-bottom-color: rgba(15,26,50,0.07) !important; color: rgba(10,22,50,0.88) !important; }
[data-theme="light"] .mo-channel-item:hover { background: rgba(var(--primary-rgb),0.04) !important; }

[data-theme="light"] .mo-empty-state__title { color: rgba(10,22,50,0.75) !important; }
[data-theme="light"] .mo-empty-state__desc  { color: rgba(10,22,50,0.45) !important; }

[data-theme="light"] .mo-notif-item { border-bottom-color: rgba(15,26,50,0.07) !important; }
[data-theme="light"] .mo-notif-item.unread { background: rgba(var(--primary-rgb),0.05) !important; }
[data-theme="light"] .notif-text   { color: rgba(10,22,50,0.85) !important; }
[data-theme="light"] .notif-time   { color: rgba(10,22,50,0.42) !important; }

[data-theme="light"] .mo-bottom-sheet {
  background: #ffffff !important;
  border-top: 1px solid rgba(var(--primary-rgb),0.10) !important;
}
[data-theme="light"] .mo-bottom-sheet__title { color: rgba(10,22,50,0.88) !important; }

[data-theme="light"] .mo-class-card {
  background: #fff !important;
  border: 1px solid rgba(var(--primary-rgb),0.10) !important;
  box-shadow: 0 2px 10px rgba(var(--primary-rgb),0.06) !important;
}

[data-theme="light"] .mo-profile-header {
  background: linear-gradient(160deg, rgba(var(--primary-rgb),0.10) 0%, rgba(255,255,255,0.97) 60%) !important;
  border-bottom: 1px solid rgba(var(--primary-rgb),0.10) !important;
}
[data-theme="light"] .mo-profile-name   { color: rgba(10,22,50,0.92) !important; }
[data-theme="light"] .mo-profile-bio    { color: rgba(10,22,50,0.58) !important; }
[data-theme="light"] .mo-profile-stat-num { color: var(--primary) !important; }

/* ══════════════════════════════════════════════════════════════
   ۱۰. ICON SIZES — آیکون کامنت بزرگ نشود
   ══════════════════════════════════════════════════════════════ */
.mo-bottom-sheet__title svg        { width: 18px !important; height: 18px !important; flex-shrink: 0; }
.mo-post-card__actions button svg  { width: 18px !important; height: 18px !important; }
.mo-bottom-bar__icon svg           { width: 22px !important; height: 22px !important; }
.mo-bottom-bar__home-pill svg      { width: 24px !important; height: 24px !important; }
.mo-sidebar__item-icon svg         { width: 18px !important; height: 18px !important; }

/* ══════════════════════════════════════════════════════════════
   ۱۱. CONTEXT MENU
   ══════════════════════════════════════════════════════════════ */
#mo-post-context-menu {
  background: rgba(10,18,38,0.98) !important;
  border: 1px solid rgba(var(--primary-rgb),0.15) !important;
  border-radius: 16px !important; padding: 8px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.5) !important;
  min-width: 180px !important; backdrop-filter: blur(20px) !important;
}
[data-theme="light"] #mo-post-context-menu {
  background: rgba(255,255,255,0.98) !important;
  border-color: rgba(var(--primary-rgb),0.10) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.14) !important;
}
#mo-post-context-menu button {
  font-size: 0.875rem !important; padding: 10px 14px !important;
  border-radius: 10px !important; width: 100% !important;
  text-align: right !important; border: none !important;
  background: none !important; cursor: pointer !important;
  color: rgba(255,255,255,0.85) !important;
  display: flex !important; align-items: center !important; gap: 10px !important;
  transition: background 0.15s !important;
}
[data-theme="light"] #mo-post-context-menu button { color: rgba(10,22,50,0.85) !important; }
#mo-post-context-menu button:hover { background: rgba(var(--primary-rgb),0.10) !important; }

/* ══════════════════════════════════════════════════════════════
   ۱۲. CREATE CHANNEL/GROUP MODAL
   ══════════════════════════════════════════════════════════════ */
.mo-create-ch-modal {
  position: fixed; inset: 0; z-index: var(--z-modal,1000);
  display: flex; align-items: flex-end; justify-content: center;
}
.mo-create-ch-modal__backdrop {
  position: absolute; inset: 0;
  background: rgba(5,12,26,0.65); backdrop-filter: blur(4px);
}
.mo-create-ch-modal__sheet {
  position: relative; width: 100%; max-width: 560px; max-height: 90dvh;
  background: var(--navy-900,#0a1628);
  border-radius: 24px 24px 0 0;
  border: 1px solid rgba(var(--primary-rgb),0.20);
  border-bottom: none; overflow-y: auto;
  animation: sheet-up 0.35s cubic-bezier(0.34,1.56,0.64,1);
  padding-bottom: max(20px,env(safe-area-inset-bottom));
}
[data-theme="light"] .mo-create-ch-modal__sheet {
  background: #fff !important;
  border-color: rgba(var(--primary-rgb),0.14) !important;
  color: rgba(10,22,50,0.90) !important;
}
@keyframes sheet-up { from { transform: translateY(100%); opacity:0.6; } to { transform: none; opacity:1; } }
.mo-create-ch-type-card {
  border: 2px solid rgba(255,255,255,0.10); border-radius: 16px;
  padding: 20px 16px; cursor: pointer; text-align: center;
  background: rgba(255,255,255,0.04);
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  transition: all 0.2s;
}
[data-theme="light"] .mo-create-ch-type-card {
  border-color: rgba(var(--primary-rgb),0.14) !important;
  background: #f8faff !important;
}
.mo-create-ch-type-card:hover,
.mo-create-ch-type-card.selected {
  border-color: var(--primary) !important;
  background: rgba(var(--primary-rgb),0.10) !important;
  box-shadow: 0 0 0 3px rgba(var(--primary-rgb),0.14) !important;
}
.mo-create-ch-input {
  width: 100%; background: rgba(255,255,255,0.07);
  border: 1.5px solid rgba(255,255,255,0.13);
  border-radius: 12px; padding: 13px 16px; color: inherit;
  font-family: inherit; font-size: 0.95rem; outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.mo-create-ch-input:focus { border-color: var(--primary) !important; box-shadow: 0 0 0 3px rgba(var(--primary-rgb),0.15) !important; }
[data-theme="light"] .mo-create-ch-input {
  background: rgba(15,32,68,0.05) !important;
  border-color: rgba(15,32,68,0.14) !important;
  color: rgba(10,22,50,0.88) !important;
}
.mo-create-ch-input::placeholder { color: rgba(255,255,255,0.28); }
[data-theme="light"] .mo-create-ch-input::placeholder { color: rgba(10,22,50,0.32) !important; }

/* ══════════════════════════════════════════════════════════════
   ۱۳. AUTH MODAL — 2026 redesign (هر دو تم)
   ══════════════════════════════════════════════════════════════ */

/* ── Dark mode sheet ── */
[data-theme="dark"] .mo-auth-modal__sheet,
:not([data-theme]) .mo-auth-modal__sheet {
  background: linear-gradient(175deg, #0d1f3c 0%, #070f1e 100%) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  color: rgba(255,255,255,0.88) !important;
}
[data-theme="dark"] .mo-auth-modal__sheet::before,
:not([data-theme]) .mo-auth-modal__sheet::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit; z-index: 0;
  background: radial-gradient(ellipse 80% 40% at 50% 0%, rgba(var(--primary-rgb),0.16) 0%, transparent 70%);
  pointer-events: none;
}

/* ── Light mode sheet — سفید با کنتراست کامل ── */
[data-theme="light"] .mo-auth-modal__sheet {
  background: #f5f8ff !important;
  border: 1px solid rgba(37,99,235,0.14) !important;
  box-shadow:
    0 32px 80px rgba(15,32,68,0.18),
    0 8px 24px rgba(15,32,68,0.10),
    0 0 0 1px rgba(37,99,235,0.07) !important;
  color: rgba(10,22,50,0.90) !important;
}
[data-theme="light"] .mo-auth-modal__sheet::before { display: none !important; }
[data-theme="light"] .mo-auth-modal__handle { background: rgba(15,32,68,0.16) !important; }
[data-theme="light"] .mo-auth-modal__close {
  background: rgba(15,32,68,0.07) !important;
  color: rgba(10,22,50,0.55) !important;
  border: 1px solid rgba(15,32,68,0.10) !important;
}

.mo-auth-modal__sheet { position: relative; }
.mo-auth-modal__sheet > * { position: relative; z-index: 1; }

/* ── Headlines ── */
.mo-auth-headline {
  font-size: 1.35rem !important; font-weight: 800 !important;
  letter-spacing: -0.02em;
}
[data-theme="dark"]  .mo-auth-headline,
:not([data-theme])   .mo-auth-headline { color: #fff !important; }
[data-theme="light"] .mo-auth-headline { color: rgba(10,22,50,0.92) !important; }

.mo-auth-subline { font-size: 0.9rem !important; }
[data-theme="dark"]  .mo-auth-subline,
:not([data-theme])   .mo-auth-subline { color: rgba(255,255,255,0.52) !important; }
[data-theme="light"] .mo-auth-subline { color: rgba(10,22,50,0.55) !important; }

/* ── Phone input — flag سمت چپ ── */
.mo-auth-input-wrap {
  border-radius: 14px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  direction: ltr !important;
  overflow: hidden !important;
}
[data-theme="dark"] .mo-auth-input-wrap,
:not([data-theme])  .mo-auth-input-wrap {
  background: rgba(255,255,255,0.07) !important;
  border: 1.5px solid rgba(255,255,255,0.12) !important;
}
[data-theme="light"] .mo-auth-input-wrap {
  background: #ffffff !important;
  border: 1.5px solid rgba(37,99,235,0.22) !important;
  box-shadow: 0 2px 8px rgba(37,99,235,0.06) !important;
}
.mo-auth-input-wrap:focus-within {
  border-color: rgba(var(--primary-rgb),0.6) !important;
  box-shadow: 0 0 0 3px rgba(var(--primary-rgb),0.16) !important;
}
[data-theme="light"] .mo-auth-input-wrap:focus-within {
  background: rgba(37,99,235,0.03) !important;
}

.mo-auth-input-flag {
  padding: 0 14px !important;
  border-left: none !important;
  font-size: 1.1rem !important;
  display: flex !important; align-items: center !important; gap: 4px !important;
  white-space: nowrap; flex-shrink: 0;
}
[data-theme="dark"] .mo-auth-input-flag,
:not([data-theme])  .mo-auth-input-flag {
  border-right: 1.5px solid rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.05) !important;
  color: rgba(255,255,255,0.88);
}
[data-theme="light"] .mo-auth-input-flag {
  border-right: 1.5px solid rgba(37,99,235,0.14) !important;
  background: rgba(37,99,235,0.04) !important;
  color: rgba(10,22,50,0.70);
}

.mo-auth-input {
  flex: 1 !important; background: transparent !important;
  border: none !important; outline: none !important;
  padding: 14px 14px !important;
  font-size: 1rem !important; letter-spacing: 0.04em !important;
  direction: ltr !important; text-align: left !important;
}
[data-theme="dark"] .mo-auth-input,
:not([data-theme])  .mo-auth-input { color: rgba(255,255,255,0.92) !important; }
[data-theme="light"] .mo-auth-input { color: rgba(10,22,50,0.90) !important; }

[data-theme="dark"] .mo-auth-input::placeholder,
:not([data-theme])  .mo-auth-input::placeholder { color: rgba(255,255,255,0.28) !important; }
[data-theme="light"] .mo-auth-input::placeholder  { color: rgba(10,22,50,0.32) !important; }

/* ── Standalone fields (register form) ── */
[data-theme="light"] .mo-auth-content input[type="text"],
[data-theme="light"] .mo-auth-content input[type="email"],
[data-theme="light"] .mo-auth-content input[type="tel"],
[data-theme="light"] .mo-auth-field {
  background: #ffffff !important;
  border-color: rgba(37,99,235,0.20) !important;
  color: rgba(10,22,50,0.90) !important;
}
[data-theme="light"] .mo-auth-content input::placeholder,
[data-theme="light"] .mo-auth-field::placeholder { color: rgba(10,22,50,0.32) !important; }

/* ── Form labels ── */
[data-theme="light"] .mo-auth-form-label,
[data-theme="light"] .mo-auth-form-field label { color: rgba(10,22,50,0.72) !important; }

/* ── Primary button ── */
.mo-auth-modal__sheet .mo-btn--primary {
  background: linear-gradient(135deg, var(--primary,#2563eb), rgba(var(--primary-rgb),0.82)) !important;
  box-shadow: 0 6px 20px rgba(var(--primary-rgb),0.40) !important;
}

/* ── OTP digits ── */
.mo-auth-otp-digit { border-radius: 12px !important; }
[data-theme="dark"] .mo-auth-otp-digit,
:not([data-theme])  .mo-auth-otp-digit {
  border: 2px solid rgba(255,255,255,0.12) !important;
  background: rgba(255,255,255,0.06) !important;
  color: #fff !important;
}
[data-theme="light"] .mo-auth-otp-digit {
  border: 2px solid rgba(37,99,235,0.22) !important;
  background: #ffffff !important;
  color: rgba(10,22,50,0.90) !important;
  box-shadow: 0 2px 6px rgba(37,99,235,0.06) !important;
}
.mo-auth-otp-digit.filled {
  border-color: rgba(var(--primary-rgb),0.65) !important;
  background: rgba(var(--primary-rgb),0.12) !important;
}
[data-theme="light"] .mo-auth-otp-digit.filled {
  background: rgba(37,99,235,0.07) !important;
}

/* ── Terms ── */
[data-theme="dark"] .mo-auth-terms,
:not([data-theme])  .mo-auth-terms { color: rgba(255,255,255,0.40) !important; }
[data-theme="light"] .mo-auth-terms { color: rgba(10,22,50,0.45) !important; }
.mo-auth-terms a { color: var(--primary-light,#3b82f6) !important; }

/* ── Sent info box ── */
[data-theme="light"] .mo-auth-sent-info {
  background: rgba(37,99,235,0.06) !important;
  border-color: rgba(37,99,235,0.18) !important;
  color: rgba(10,22,50,0.72) !important;
}

/* ── Role buttons ── */
[data-theme="light"] .mo-auth-role {
  background: #ffffff !important;
  border-color: rgba(37,99,235,0.16) !important;
  color: rgba(10,22,50,0.80) !important;
}
[data-theme="light"] .mo-auth-role:hover {
  border-color: rgba(37,99,235,0.40) !important;
  background: rgba(37,99,235,0.04) !important;
}
[data-theme="light"] .mo-auth-role.selected {
  border-color: var(--primary,#2563eb) !important;
  background: rgba(37,99,235,0.08) !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,0.10) !important;
}
[data-theme="light"] .mo-auth-role__name  { color: rgba(10,22,50,0.90) !important; }
[data-theme="light"] .mo-auth-role__desc  { color: rgba(10,22,50,0.52) !important; }
[data-theme="light"] .mo-auth-role__emoji {
  background: rgba(37,99,235,0.10) !important;
  color: var(--primary,#2563eb) !important;
}

/* ── Steps ── */
[data-theme="light"] .mo-auth-step        { background: rgba(15,32,68,0.16) !important; }
[data-theme="light"] .mo-auth-step.active { background: var(--primary,#2563eb) !important; }
[data-theme="light"] .mo-auth-step.done   { background: rgba(37,99,235,0.40) !important; }

/* ── Social proof ── */
[data-theme="light"] .mo-auth-proof__text { color: rgba(10,22,50,0.52) !important; }
[data-theme="light"] .mo-auth-proof__text strong { color: rgba(10,22,50,0.88) !important; }
[data-theme="light"] .mo-auth-proof__av {
  background: rgba(37,99,235,0.12) !important;
  color: var(--primary,#2563eb) !important;
  border-color: #f5f8ff !important;
}

/* ── Timer / resend ── */
[data-theme="light"] .mo-auth-timer { color: rgba(10,22,50,0.52) !important; }
[data-theme="light"] .mo-auth-resend:not(:disabled) { color: var(--primary,#2563eb) !important; }

/* ── Error/success ── */
[data-theme="light"] .mo-auth-error   { background: rgba(220,38,38,0.07) !important; border-color: rgba(220,38,38,0.20) !important; color: rgba(180,20,20,0.90) !important; }
[data-theme="light"] .mo-auth-success { background: rgba(22,163,74,0.07) !important; border-color: rgba(22,163,74,0.20) !important; color: rgba(15,110,50,0.90) !important; }

/* ── phone display overlay ── */
#mo-phone-fa-display {
  position: absolute !important;
  left: 70px !important; right: auto !important;
  top: 50% !important; transform: translateY(-50%) !important;
  direction: ltr !important; text-align: left !important;
  font-size: 1rem !important; letter-spacing: 0.04em !important;
  pointer-events: none !important; z-index: 2 !important;
}
[data-theme="dark"] #mo-phone-fa-display,
:not([data-theme])  #mo-phone-fa-display { color: rgba(255,255,255,0.92) !important; }
[data-theme="light"] #mo-phone-fa-display { color: rgba(10,22,50,0.90) !important; }

/* ══════════════════════════════════════════════════════════════
   ۱۴. GUEST PAGE — 2026 design
   ══════════════════════════════════════════════════════════════ */
[data-theme="light"] .mo-public-shell,
body.mo-guest-mode .mo-public-shell { background: #f0f4ff !important; color: #0b1524 !important; }

[data-theme="light"] .mo-pub-header,
body.mo-guest-mode .mo-pub-header {
  background: rgba(255,255,255,0.96) !important;
  border-bottom: 1px solid rgba(37,99,235,0.10) !important;
  backdrop-filter: blur(20px) !important;
}
[data-theme="light"] .mo-pub-logo-name,
body.mo-guest-mode .mo-pub-logo-name { color: #06122e !important; }
[data-theme="light"] .mo-btn--ghost,
body.mo-guest-mode .mo-btn--ghost {
  color: #1e3a8a !important; border-color: rgba(15,26,50,0.16) !important;
}

/* Hero — gradient white/blue */
[data-theme="light"] .mo-pub-hero,
body.mo-guest-mode .mo-pub-hero {
  background:
    radial-gradient(ellipse 100% 70% at 50% -10%, rgba(37,99,235,0.20) 0%, transparent 65%),
    linear-gradient(175deg, #ffffff 0%, #eef2ff 45%, #e8edff 100%) !important;
  overflow: hidden !important;
}
[data-theme="light"] .mo-pub-hero__bg,
body.mo-guest-mode .mo-pub-hero__bg { display: none !important; }

/* Grid overlay روی hero */
[data-theme="light"] .mo-pub-hero::before,
body.mo-guest-mode .mo-pub-hero::before {
  content: ''; position: absolute; inset: 0; z-index: 0;
  background-image:
    linear-gradient(rgba(37,99,235,0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,0.055) 1px, transparent 1px);
  background-size: 44px 44px; pointer-events: none;
}

/* Hero title — gradient text */
[data-theme="light"] .mo-pub-hero__title,
body.mo-guest-mode .mo-pub-hero__title {
  font-size: clamp(2rem,6vw,3.4rem) !important; font-weight: 900 !important; line-height: 1.18 !important;
  background: linear-gradient(135deg, #06122e 0%, #1e3a8a 55%, #2563eb 100%) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
[data-theme="light"] .mo-pub-hero__title-em,
body.mo-guest-mode .mo-pub-hero__title-em {
  background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
[data-theme="light"] .mo-pub-hero__desc,
body.mo-guest-mode .mo-pub-hero__desc { color: #475569 !important; }
[data-theme="light"] .mo-pub-hero__badge,
body.mo-guest-mode .mo-pub-hero__badge {
  background: rgba(37,99,235,0.08) !important;
  border-color: rgba(37,99,235,0.22) !important;
  color: #2563eb !important;
}
.mo-pub-hero__badge-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #22c55e; flex-shrink: 0;
  animation: pulse-dot 2s ease-in-out infinite;
}
@keyframes pulse-dot {
  0%,100%{opacity:1;transform:scale(1);}
  50%{opacity:.5;transform:scale(.65);}
}

/* Stats bar */
[data-theme="light"] .mo-pub-hero__stats,
body.mo-guest-mode .mo-pub-hero__stats {
  background: #fff !important;
  border: 1px solid rgba(37,99,235,0.12) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 20px rgba(37,99,235,0.08) !important;
}
[data-theme="light"] .mo-pub-stat strong,
body.mo-guest-mode .mo-pub-stat strong { color: #1e3a8a !important; }
[data-theme="light"] .mo-pub-stat span,
body.mo-guest-mode .mo-pub-stat span   { color: #64748b !important; }

/* Section titles */
[data-theme="light"] .mo-pub-section-title,
body.mo-guest-mode .mo-pub-section-title {
  background: linear-gradient(135deg, #06122e 0%, #2563eb 100%) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
}
[data-theme="light"] .mo-pub-section-desc,
body.mo-guest-mode .mo-pub-section-desc { color: #475569 !important; }

/* Why cards — bento 2026 */
[data-theme="light"] .mo-pub-why,
body.mo-guest-mode .mo-pub-why { background: #f0f4ff !important; }
[data-theme="light"] .mo-pub-why-card,
body.mo-guest-mode .mo-pub-why-card {
  background: linear-gradient(145deg, #fff 0%, #f6f8ff 100%) !important;
  border: 1px solid rgba(37,99,235,0.10) !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 12px rgba(37,99,235,0.06), inset 0 1px 0 rgba(255,255,255,0.85) !important;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important;
}
[data-theme="light"] .mo-pub-why-card:hover,
body.mo-guest-mode .mo-pub-why-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 36px rgba(37,99,235,0.14) !important;
  border-color: rgba(37,99,235,0.22) !important;
}
[data-theme="light"] .mo-pub-why-card__icon,
body.mo-guest-mode .mo-pub-why-card__icon {
  background: linear-gradient(135deg, rgba(37,99,235,0.12), rgba(124,58,237,0.08)) !important;
}
[data-theme="light"] .mo-pub-why-card__title,
body.mo-guest-mode .mo-pub-why-card__title { color: #06122e !important; }
[data-theme="light"] .mo-pub-why-card__desc,
body.mo-guest-mode .mo-pub-why-card__desc  { color: #475569 !important; }

/* Cards */
[data-theme="light"] .mo-pub-class-card,
[data-theme="light"] .mo-pub-post-card,
body.mo-guest-mode .mo-pub-class-card,
body.mo-guest-mode .mo-pub-post-card {
  background: #fff !important;
  border: 1px solid rgba(15,26,50,0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 10px rgba(15,26,50,0.06) !important;
}
[data-theme="light"] .mo-pub-class-card__title,
[data-theme="light"] .mo-pub-post-card__title,
body.mo-guest-mode .mo-pub-class-card__title,
body.mo-guest-mode .mo-pub-post-card__title { color: #06122e !important; }
[data-theme="light"] .mo-pub-post-card__body,
body.mo-guest-mode .mo-pub-post-card__body  { color: #475569 !important; }

/* Trust bar */
[data-theme="light"] .mo-pub-trust-bar,
body.mo-guest-mode .mo-pub-trust-bar {
  border-color: rgba(15,26,50,0.08) !important;
  background: rgba(224,232,255,0.5) !important;
}
[data-theme="light"] .mo-pub-trust-bar__item-icon,
body.mo-guest-mode .mo-pub-trust-bar__item-icon {
  background: rgba(37,99,235,0.10) !important; color: #2563eb !important;
}
[data-theme="light"] .mo-pub-trust-bar__item-name,
body.mo-guest-mode .mo-pub-trust-bar__item-name { color: #475569 !important; }

/* How steps */
[data-theme="light"] .mo-pub-how-step__num,
body.mo-guest-mode .mo-pub-how-step__num {
  background: linear-gradient(135deg, #2563eb, #7c3aed) !important; color: #fff !important;
}
[data-theme="light"] .mo-pub-how-step__title,
body.mo-guest-mode .mo-pub-how-step__title { color: #06122e !important; }
[data-theme="light"] .mo-pub-how-step__desc,
body.mo-guest-mode .mo-pub-how-step__desc  { color: #475569 !important; }

/* Final CTA — همیشه تیره */
.mo-pub-final-cta {
  background: linear-gradient(135deg, #1d40af 0%, #2563eb 35%, #4f46e5 70%, #7c3aed 100%) !important;
  position: relative; overflow: hidden; padding: 60px 24px; text-align: center;
}
.mo-pub-final-cta__title { color: #fff !important; }
.mo-pub-final-cta .mo-btn--gold { background: #fff !important; color: #2563eb !important; }

/* Footer — همیشه تیره */
.mo-pub-footer-full { background: #06122e !important; border-top: 1px solid rgba(255,255,255,0.07) !important; }
.mo-pub-footer-col__links a { color: rgba(255,255,255,0.50) !important; }
.mo-pub-footer-col__links a:hover { color: #93c5fd !important; }

/* dark guest */
[data-theme="dark"] .mo-pub-hero__title { color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; }
[data-theme="dark"] .mo-pub-hero__title-em {
  background: linear-gradient(135deg, #f5c842 0%, #d4a017 100%) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
}
[data-theme="dark"] .mo-pub-hero__desc { color: rgba(255,255,255,0.62) !important; }
[data-theme="dark"] .mo-pub-section-title { color: #fff !important; background: none !important; -webkit-text-fill-color: #fff !important; }
[data-theme="dark"] .mo-pub-section-desc { color: rgba(255,255,255,0.45) !important; }
[data-theme="dark"] .mo-pub-why-card { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.08) !important; }
[data-theme="dark"] .mo-pub-why-card__title { color: #fff !important; }
[data-theme="dark"] .mo-pub-why-card__desc  { color: rgba(255,255,255,0.50) !important; }
[data-theme="dark"] .mo-pub-header { background: rgba(5,12,26,0.93) !important; border-bottom-color: rgba(255,255,255,0.07) !important; }
[data-theme="dark"] .mo-pub-hero__stats { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.08) !important; }

/* ══════════════════════════════════════════════════════════════
   ۱۳. PAGE-HEADER-BACK — رنگ تم‌پذیر (Fix: Hardcoded)
   ══════════════════════════════════════════════════════════════ */

/* Dark mode */
[data-theme="dark"] .page-header-back,
[data-theme="dark"] .mo-content .page-header-back {
  background: rgba(var(--primary-rgb),0.10) !important;
  border-color: rgba(var(--primary-rgb),0.18) !important;
  color: var(--primary-light) !important;
}
[data-theme="dark"] .page-header-back:hover,
[data-theme="dark"] .mo-content .page-header-back:hover {
  background: rgba(var(--primary-rgb),0.20) !important;
  color: #fff !important;
}

/* Light mode */
[data-theme="light"] .page-header-back,
[data-theme="light"] .mo-content .page-header-back {
  background: rgba(var(--primary-rgb),0.07) !important;
  border-color: rgba(var(--primary-rgb),0.14) !important;
  color: var(--primary) !important;
}
[data-theme="light"] .page-header-back:hover,
[data-theme="light"] .mo-content .page-header-back:hover {
  background: rgba(var(--primary-rgb),0.14) !important;
  color: var(--primary) !important;
}

/* ══════════════════════════════════════════════════════════════
   ۱۴. SIDEBAR PANEL — پس‌زمینه تم‌پذیر + Glass Effect
   ══════════════════════════════════════════════════════════════ */

/* Dark mode: رنگ تم + backdrop-filter برای جلوه شیشه‌ای */
[data-theme="dark"] .mo-sidebar__panel {
  background: linear-gradient(180deg,
    rgba(var(--primary-rgb),0.22) 0%,
    rgba(var(--primary-rgb),0.10) 30%,
    rgba(5,12,26,0.92) 100%) !important;
  border-left: 1px solid rgba(var(--primary-rgb),0.22) !important;
  backdrop-filter: blur(32px) saturate(1.6) !important;
  -webkit-backdrop-filter: blur(32px) saturate(1.6) !important;
}

/* Light mode: سطح روشن با رنگ تم + backdrop-filter */
[data-theme="light"] .mo-sidebar__panel {
  background: linear-gradient(180deg,
    rgba(var(--primary-rgb),0.12) 0%,
    rgba(255,255,255,0.96) 50%) !important;
  border-left: 1px solid rgba(var(--primary-rgb),0.16) !important;
  backdrop-filter: blur(32px) saturate(1.6) !important;
  -webkit-backdrop-filter: blur(32px) saturate(1.6) !important;
}

/* Overlay پشت سایدبار — جلوه بلوری */
.mo-sidebar__overlay {
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
[data-theme="dark"] .mo-sidebar__overlay {
  background: rgba(5,12,26,0.60) !important;
}
[data-theme="light"] .mo-sidebar__overlay {
  background: rgba(15,32,68,0.35) !important;
}

/* ══════════════════════════════════════════════════════════════
   ۱۵. BOTTOM BAR — z-index پایین‌تر از سایدبار + padding فشرده
   ══════════════════════════════════════════════════════════════ */

/* اکشن‌بار: z-index کمتر از سایدبار (sidebar = z-modal-1 = 999) */
.mo-bottom-bar {
  z-index: 400 !important;  /* < 999 sidebar، > 100 topbar */
  padding: 2px 8px 4px !important;
}

/* bottom-bar--3 نباید position:relative باشه — باید fixed بمونه */
.mo-bottom-bar--3 {
  position: fixed !important;
}

/* ══════════════════════════════════════════════════════════════
   ۱۶. SIDEBAR OVERLAY — z-index + backdrop blur (Fix v1.5.5)
   ══════════════════════════════════════════════════════════════ */

/* Overlay روی کل صفحه با blur پشت سایدبار */
.mo-sidebar__overlay {
  z-index: 998 !important;  /* زیر panel (999) */
  backdrop-filter: blur(6px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(6px) saturate(1.2) !important;
}
[data-theme="dark"]  .mo-sidebar__overlay { background: rgba(5,12,26,0.60) !important; }
[data-theme="light"] .mo-sidebar__overlay { background: rgba(15,32,68,0.30) !important; }

/* ══════════════════════════════════════════════════════════════
   ۱۷. GUEST PAGE — اطمینان از رنگ‌بندی صحیح صفحه مهمان
   ══════════════════════════════════════════════════════════════ */

/* موقعیت صحیح header مهمان */
.mo-pub-header-v2 {
  position: fixed !important; z-index: 200 !important;
}

/* Hero background در dark mode */
[data-theme="dark"] .mo-hero-v2 {
  background: radial-gradient(circle at 50% 0%, rgba(var(--primary-rgb),0.15) 0%, #050c1a 70%) !important;
}

/* Hero background در light mode */
[data-theme="light"] .mo-hero-v2 {
  background: radial-gradient(circle at 50% 0%, rgba(var(--primary-rgb),0.12) 0%, #f8fafc 70%) !important;
}

/* Glow تم‌پذیر */
.mo-hero-v2__glow {
  background: radial-gradient(circle, rgba(var(--primary-rgb),0.25) 0%, transparent 70%) !important;
}

/* دکمه accent از primary استفاده می‌کند */
.mo-btn-accent-v2 {
  background: var(--primary, #2563eb) !important;
  box-shadow: 0 6px 18px -4px rgba(var(--primary-rgb,37,99,235),0.4) !important;
}
.mo-btn-accent-v2:hover {
  box-shadow: 0 8px 24px -4px rgba(var(--primary-rgb,37,99,235),0.55) !important;
}

/* Tab active */
.mo-tab-v2.active {
  background: var(--primary, #2563eb) !important;
  box-shadow: 0 6px 18px rgba(var(--primary-rgb,37,99,235),0.35) !important;
}

/* Bento card hover */
.mo-bento-v2__card:hover {
  border-color: var(--primary-light, #3b82f6) !important;
  box-shadow: 0 20px 40px -10px rgba(var(--primary-rgb,37,99,235),0.20) !important;
}
.mo-bento-v2__icon {
  background: rgba(var(--primary-rgb,37,99,235),0.14) !important;
  color: var(--primary-light, #3b82f6) !important;
}

/* Feed card hover */
.mo-feed-card-v2:hover {
  border-color: rgba(var(--primary-rgb,37,99,235),0.30) !important;
  box-shadow: 0 8px 24px -6px rgba(var(--primary-rgb,37,99,235),0.18) !important;
}

/* Footer social hover */
.mo-footer-v2__social:hover {
  background: var(--primary, #2563eb) !important;
  border-color: var(--primary, #2563eb) !important;
}
.mo-footer-v2__links a:hover { color: var(--primary-light, #3b82f6) !important; }

/* badge dot */
.mo-hero-v2__badge-dot {
  background: var(--primary, #2563eb) !important;
  box-shadow: 0 0 10px rgba(var(--primary-rgb,37,99,235),0.6) !important;
}

/* ══════════════════════════════════════════════════════════════
   ۱۱. BOTTOM BAR — 2026 Redesign: Dynamic Island Pill
   ══════════════════════════════════════════════════════════════ */

/* Wrapper — floating position */
.mo-bottom-bar-wrap {
  bottom: calc(12px + env(safe-area-inset-bottom)) !important;
  width: calc(100% - 28px) !important;
  max-width: 480px !important;
}

/* Bar — compact glass pill */
.mo-bottom-bar {
  padding: 6px 10px !important;
  border-radius: 26px !important;
  border: 1px solid transparent !important;
  overflow: visible !important;
}

[data-theme="dark"] .mo-bottom-bar {
  background: rgba(10,16,32,0.88) !important;
  border-color: rgba(255,255,255,0.09) !important;
  box-shadow:
    0 8px 32px rgba(0,0,0,0.55),
    0 2px 8px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.07),
    0 0 0 1px rgba(var(--primary-rgb),0.08) !important;
}
[data-theme="light"] .mo-bottom-bar {
  background: rgba(255,255,255,0.94) !important;
  border-color: rgba(var(--primary-rgb),0.10) !important;
  box-shadow:
    0 8px 28px rgba(var(--primary-rgb),0.10),
    0 2px 8px rgba(0,0,0,0.08),
    inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* Items — tighter padding */
.mo-bottom-bar__item {
  padding: 6px 8px !important;
  min-width: 44px !important;
  gap: 2px !important;
  border-radius: 18px !important;
}
.mo-bottom-bar__item:hover {
  background: rgba(var(--primary-rgb),0.09) !important;
}

/* Active state: background pill + colored icon */
[data-theme="dark"] .mo-bottom-bar__item--active {
  background: rgba(var(--primary-rgb),0.18) !important;
  color: var(--primary-light) !important;
}
[data-theme="light"] .mo-bottom-bar__item--active {
  background: rgba(var(--primary-rgb),0.10) !important;
  color: var(--primary) !important;
}

/* Active indicator: remove bottom dot, use background instead */
.mo-bottom-bar__item--active .mo-bottom-bar__icon::after {
  display: none !important;
}
/* Active: icon lifts slightly */
.mo-bottom-bar__item--active .mo-bottom-bar__icon {
  transform: translateY(-1px) scale(1.05) !important;
}

/* Label font */
.mo-bottom-bar__label {
  font-size: 0.585rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}
[data-theme="dark"] .mo-bottom-bar__item--active .mo-bottom-bar__label {
  color: var(--primary-light) !important;
}
[data-theme="light"] .mo-bottom-bar__item--active .mo-bottom-bar__label {
  color: var(--primary) !important;
}

/* Icon */
.mo-bottom-bar__icon {
  width: 26px !important;
  height: 26px !important;
}
.mo-bottom-bar__icon svg,
.mo-bottom-bar__icon svg,
.mo-bottom-bar svg {
  width: 20px !important;
  height: 20px !important;
}

/* HOME pill — elevated FAB */
.mo-bottom-bar__item--home {
  margin-top: -20px !important;
}
.mo-bottom-bar__home-pill {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg,
    var(--primary-light, #60a5fa) 0%,
    var(--primary, #2563eb) 60%,
    rgba(var(--primary-rgb),0.85) 100%) !important;
  box-shadow:
    0 6px 22px rgba(var(--primary-rgb),0.52),
    0 0 0 3px rgba(var(--primary-rgb),0.14),
    0 0 0 6px rgba(var(--primary-rgb),0.06),
    inset 0 1px 0 rgba(255,255,255,0.28) !important;
  transition: transform 0.22s var(--ease-spring,cubic-bezier(.2,.8,.2,1)),
              box-shadow 0.22s ease !important;
}
.mo-bottom-bar__item--home:hover .mo-bottom-bar__home-pill {
  transform: scale(1.10) translateY(-4px) !important;
  box-shadow:
    0 12px 32px rgba(var(--primary-rgb),0.60),
    0 0 0 4px rgba(var(--primary-rgb),0.18) !important;
}
.mo-bottom-bar__home-pill svg {
  width: 22px !important;
  height: 22px !important;
}

/* shimmer line — رنگ تم */
.mo-bottom-bar::before {
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(var(--primary-rgb),0.22) 30%,
    rgba(var(--primary-rgb),0.35) 50%,
    rgba(var(--primary-rgb),0.22) 70%,
    transparent 100%) !important;
}

/* notif badge */
.mo-bottom-bar__notif {
  width: 7px !important;
  height: 7px !important;
  border-width: 1.5px !important;
}