/* ==================== رنگ‌های اصلی ==================== */
.dark {
  --color-dark-main: #c94bb7;
  --color-dark-main-hover: #e06bce;
  --color-dark-secondary-blue: #4a5b8c;
  --color-dark-stream-elements: #b3e4f7;
  --color-dark-studio: #e0e0e0;
  --color-dark-youtube: #ff3333;
  --color-dark-kick: #4caf50;
  --color-dark-twitch: #9146ff;
  --color-dark-aparat: #e84a8a;
  --color-dark-reymit: #d948f2;
}

/* ==================== پس‌زمینه و متن کلی ==================== */
.dark body {
  background-color: #0a0a0f !important;
  color: #e5e7eb !important;
}

.dark .bg-black {
  background-color: #08080c !important;
}

.dark .backdrop-blur-xl {
  background-color: rgba(8, 8, 12, 0.85) !important;
}

/* ==================== کارت‌های سفید ==================== */
.dark .bg-white,
.dark [class*="bg-white"]:not(.swiper-slide) {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border: 1px solid #252530 !important;
}

/* ==================== محصولات ==================== */
.dark .group.relative.bg-linear-to-br {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border: 1px solid #252530 !important;
  transition: all 0.3s ease !important;
}

.dark .group.relative.bg-linear-to-br:hover {
  transform: translateY(-4px) !important;
  border-color: #c94bb7 !important;
  box-shadow: 0 20px 35px -12px rgba(201, 75, 183, 0.25) !important;
}

.dark .group.relative .font-bold.text-gray-800 {
  color: #e0e0e0 !important;
  transition: color 0.3s ease !important;
}

.dark .group.relative:hover .font-bold.text-gray-800 {
  color: #c94bb7 !important;
}

.dark .text-main.font-black {
  color: #c94bb7 !important;
}

.dark .rounded-xl.bg-gray-100 {
  background-color: #252530 !important;
  color: #a0a0a8 !important;
  transition: all 0.3s ease !important;
}

.dark .rounded-xl.bg-gray-100:hover:has(svg:not(.text-red-500)) {
  background-color: #c94bb7 !important;
  color: white !important;
  transform: scale(1.05) !important;
}

.dark .rounded-xl.bg-gray-100:hover:has(.text-red-500) {
  background-color: #e84a5f !important;
  color: white !important;
  transform: scale(1.05) !important;
}

.dark .bg-gradient-to-r.from-purple-600.to-purple-700 {
  background: linear-gradient(135deg, #c94bb7, #9e2c8c) !important;
  transition: all 0.3s ease !important;
}

.dark .bg-gradient-to-r.from-purple-600.to-purple-700:hover {
  background: linear-gradient(135deg, #e06bce, #b83a9e) !important;
  transform: scale(1.02) !important;
  box-shadow: 0 8px 20px -8px rgba(201, 75, 183, 0.5) !important;
}

/* ==================== پلن‌ها ==================== */
.dark .mx-8.bg-white.p-8.rounded-2xl {
  background: linear-gradient(145deg, #1a1a2e, #16162a) !important;
  border: 1px solid #2a2a4a !important;
  transition: all 0.35s ease !important;
}

.dark .mx-8.bg-white.p-8.rounded-2xl:hover {
  background: linear-gradient(145deg, #1f1f35, #1a1a30) !important;
  border-color: #c94bb7 !important;
}

.dark .mx-8.bg-white .block.text-center.py-3.rounded-xl {
  background-color: #c94bb7 !important;
  transition: all 0.3s ease !important;
}

.dark .mx-8.bg-white .block.text-center.py-3.rounded-xl:hover {
  background-color: #e06bce !important;
  transform: scale(1.02) !important;
  box-shadow: 0 8px 20px -10px rgba(201, 75, 183, 0.6) !important;
}

.dark .text-gray-800.transition-all {
  color: #c94bb7 !important;
}

/* ==================== نظرات ==================== */
.dark .swiper-slide.rounded-2xl.border.border-main {
  background: linear-gradient(135deg, #161622, #12121c) !important;
  border: 1px solid #2a2a3a !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease !important;
}

.dark .swiper-slide.rounded-2xl.border.border-main:hover {
  border-color: #c94bb7 !important;
  box-shadow: 0 8px 20px -8px rgba(201, 75, 183, 0.15) !important;
}

.dark .swiper-slide .flex.flex-col.bg-white {
  background: transparent !important;
}

.dark .swiper-slide .text-2xl.text-shadow-lg {
  color: #e0e0e0 !important;
  transition: color 0.2s ease !important;
}

.dark .swiper-slide:hover .text-2xl.text-shadow-lg {
  color: #c94bb7 !important;
}

.dark .swiper-slide .from-gray-700.text-\[10px\] {
  color: #c94bb7 !important;
  background: rgba(201, 75, 183, 0.15) !important;
  padding: 4px 8px !important;
  border-radius: 20px !important;
}

.dark .swiper-slide .text-sm.px-5 {
  color: #b0b0b8 !important;
}

.dark .swiper-slide:hover .text-sm.px-5 {
  color: #d0d0d8 !important;
}

/* ==================== بلاگ‌ها ==================== */
.dark .last-blog-card,
.dark [class*="blog"]:not(.title) {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border: 1px solid #252530 !important;
  transition: all 0.3s ease !important;
}

.dark .last-blog-card:hover,
.dark [class*="blog"]:not(.title):hover {
  transform: translateY(-4px) !important;
  border-color: #c94bb7 !important;
  box-shadow: 0 15px 30px -12px rgba(201, 75, 183, 0.2) !important;
}

.dark .last-blog-card:hover h3,
.dark [class*="blog"]:hover .font-bold {
  color: #c94bb7 !important;
}

/* ==================== دکمه‌ها ==================== */
.dark .btn,
.dark button:not(.bg-gradient-to-r):not([class*="hover:bg"]) {
  background-color: #252530 !important;
  color: #e0e0e0 !important;
  transition: all 0.3s ease !important;
}

.dark .btn:hover,
.dark button:not(.bg-gradient-to-r):not([class*="hover:bg"]):hover {
  background-color: #c94bb7 !important;
  color: white !important;
  transform: scale(1.02) !important;
}

.dark .btn.bg-main {
  background: linear-gradient(135deg, #c94bb7, #9e2c8c) !important;
}

.dark .btn.bg-main:hover {
  background: linear-gradient(135deg, #e06bce, #b83a9e) !important;
  transform: scale(1.03) !important;
  box-shadow: 0 15px 35px -10px rgba(201, 75, 183, 0.5) !important;
}

/* ==================== متن‌ها ==================== */
.dark .text-gray-800,
.dark .text-gray-900,
.dark .text-gray-700,
.dark .p-5 .font-bold {
  color: #e8e8f0 !important;
}

.dark .text-gray-500,
.dark .text-gray-600 {
  color: #909098 !important;
}

/* ==================== حاشیه‌ها ==================== */
.dark .border,
.dark .border-gray-100,
.dark .border-gray-200,
.dark .border-gray-300 {
  border-color: #252530 !important;
}

.dark .border-main {
  border-color: #c94bb7 !important;
}

.dark .text-main {
  color: #c94bb7 !important;
}

/* ==================== آیکون پلتفرم‌ها ==================== */
.dark .bg-stream-elements {
  background-color: #0d3d4d !important;
}
.dark .bg-studio {
  background-color: #2d2d2d !important;
}
.dark .bg-youtube {
  background-color: #6a0000 !important;
}
.dark .bg-kick {
  background-color: #1f4d12 !important;
}
.dark .bg-twitch {
  background-color: #452885 !important;
}
.dark .bg-aparat {
  background-color: #7a0a3a !important;
}
.dark .bg-main-hover {
  background-color: #8e257c !important;
}

.dark .bg-stream-elements:hover {
  background-color: #1a6a82 !important;
  transform: scale(1.05) !important;
}
.dark .bg-studio:hover {
  background-color: #4a4a4a !important;
  transform: scale(1.05) !important;
}
.dark .bg-youtube:hover {
  background-color: #cc0000 !important;
  transform: scale(1.05) !important;
}
.dark .bg-kick:hover {
  background-color: #3a8e22 !important;
  transform: scale(1.05) !important;
}
.dark .bg-twitch:hover {
  background-color: #7e3df2 !important;
  transform: scale(1.05) !important;
}
.dark .bg-aparat:hover {
  background-color: #e84a8a !important;
  transform: scale(1.05) !important;
}
.dark .bg-main-hover:hover {
  background-color: #c94bb7 !important;
  transform: scale(1.05) !important;
}

.dark .w-\[60px\].h-\[60px\].rounded-2xl {
  transition: all 0.3s ease !important;
}

/* ==================== لینک‌ها ==================== */
.dark a:not(.text-main):not(.btn):not(.group) {
  color: #b0b0b8 !important;
  transition: color 0.3s ease !important;
}

.dark a:not(.text-main):not(.btn):not(.group):hover {
  color: #c94bb7 !important;
}

.dark .group.flex.items-center.gap-2.text-main {
  color: #c94bb7 !important;
}

.dark .group.flex.items-center.gap-2.text-main:hover {
  color: #e06bce !important;
}

/* ==================== سایه‌ها ==================== */
.dark .shadow-lg,
.dark .shadow-xl,
.dark .shadow-2xl {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* ==================== نوار نویگیشن ==================== */
.dark nav.bg-white,
.dark nav.shadow-lg,
.dark nav.border-b.border-gray-200 {
  background-color: #0f0f15 !important;
  border-bottom-color: #252530 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

.dark nav .text-gray-900 {
  color: #e0e0e0 !important;
}

.dark nav .text-gray-900:hover {
  color: #c94bb7 !important;
}

.dark nav .btn {
  background-color: #1f1f2a !important;
  border-color: #333340 !important;
  color: #e0e0e0 !important;
}

.dark nav .btn.bg-main {
  background: linear-gradient(135deg, #c94bb7, #9e2c8c) !important;
  color: white !important;
}

.dark nav .btn.bg-main:hover {
  background: linear-gradient(135deg, #e06bce, #b83a9e) !important;
}

.dark nav .btn:hover {
  background-color: #2a2a38 !important;
}

.dark button[data-drawer-target="mobileMenu"] {
  background-color: #1f1f2a !important;
  color: #e0e0e0 !important;
}

.dark button[data-drawer-target="mobileMenu"]:hover {
  background-color: #2a2a38 !important;
}

.dark #mobileMenu {
  background: linear-gradient(145deg, #0a0a10, #0f0f18) !important;
  border-left: 1px solid #2a2a3a !important;
}

.dark #mobileMenu a {
  color: #d0d0d8 !important;
}

.dark #mobileMenu a:hover {
  color: #c94bb7 !important;
  background-color: rgba(201, 75, 183, 0.1) !important;
}

/* ==================== فوتر ==================== */
.dark footer.bg-neutral-300 {
  background: linear-gradient(135deg, #12121a, #0d0d12) !important;
  border-top: 1px solid #252530 !important;
}

.dark footer p,
.dark footer .text-start {
  color: #b0b0b8 !important;
}

.dark footer ul li a {
  color: #b0b0b8 !important;
  transition: color 0.2s ease !important;
}

.dark footer ul li a:hover {
  color: #c94bb7 !important;
}

.dark footer .flex.gap-2\.5 a svg {
  filter: brightness(0.85) !important;
  transition: all 0.2s ease !important;
}

.dark footer .flex.gap-2\.5 a:hover svg {
  filter: brightness(1) !important;
  transform: scale(1.05) !important;
}

.dark footer .text-start p {
  color: #a0a0a8 !important;
}

.dark footer .text-sm.text-center {
  color: #7a7a85 !important;
}

/* ==================== دکمه دارک مود ==================== */
.dark #darkModeToggle {
  background-color: #1f1f2a !important;
  border-color: #333340 !important;
}

.dark #darkModeToggle:hover {
  background-color: #2a2a38 !important;
}

.dark .btn.w-11.h-11.shadow-md {
  background-color: #1f1f2a !important;
  border-color: #333340 !important;
}

.dark .btn.w-11.h-11.shadow-md:hover {
  background-color: #2a2a38 !important;
}

/* ==================== صفحه فروشگاه ==================== */
.dark .col-span-12 .rounded-2xl.bg-gradient-to-br {
  background: linear-gradient(135deg, #1a1a2a, #12121f) !important;
  border: 1px solid #2a2a3a !important;
}

.dark .col-span-12 h5.title.text-gray-800 {
  color: #e0e0e0 !important;
}

.dark .col-span-12 h5.title.text-gray-800:hover {
  color: #c94bb7 !important;
}

.dark .col-span-12 hr {
  border-color: #2a2a3a !important;
}

.dark .col-span-12 label.text-gray-500 {
  color: #a0a0a8 !important;
}

.dark .bg-gray-50.border-2.border-gray-200 {
  background-color: #1f1f2a !important;
  border-color: #333340 !important;
  color: #e0e0e0 !important;
}

.dark .bg-gray-50.border-2.border-gray-200:focus {
  border-color: #c94bb7 !important;
  background-color: #252535 !important;
}

.dark .text-gray-700.font-medium {
  color: #c0c0c8 !important;
}

.dark .text-gray-700.font-medium:hover {
  color: #c94bb7 !important;
}

.dark .flex.gap-3.items-center.p-2.rounded-xl:hover {
  background-color: rgba(201, 75, 183, 0.1) !important;
}

.dark .flex.gap-3.items-center .text-gray-700 {
  color: #c0c0c8 !important;
}

.dark .flex.gap-3.items-center:hover .text-gray-700 {
  color: #c94bb7 !important;
}

.dark .flex.gap-3.items-center .text-xs.font-bold.text-main.bg-purple-100 {
  background-color: rgba(201, 75, 183, 0.2) !important;
  color: #c94bb7 !important;
}

.dark
  .flex.gap-3.items-center:hover
  .text-xs.font-bold.text-main.bg-purple-100 {
  background-color: #c94bb7 !important;
  color: white !important;
}

.dark .relative.flex.flex-col.bg-white.rounded-2xl {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

.dark .relative.flex.flex-col.bg-white.rounded-2xl:hover {
  border-color: #c94bb7 !important;
}

.dark .font-bold.text-gray-800 {
  color: #e0e0e0 !important;
}

.dark .text-purple-600.font-bold {
  color: #c94bb7 !important;
}

.dark .border-t.border-gray-100 {
  border-color: #2a2a3a !important;
}

.dark .rounded-lg.bg-purple-100 {
  background-color: #2a2a3a !important;
}

.dark .rounded-lg.bg-purple-100.text-purple-600 {
  color: #c94bb7 !important;
}

.dark .rounded-lg.bg-purple-100:hover {
  background-color: #c94bb7 !important;
  color: white !important;
}

.dark .text-gray-600.hover\:text-main-hover {
  color: #a0a0a8 !important;
}

.dark .text-gray-600.hover\:text-main-hover:hover {
  color: #c94bb7 !important;
}

.dark .flex.gap-2.text-gray-800 {
  color: #c0c0c8 !important;
}

.dark .btn.px-4.py-2\.5.font-bold.border.border-main {
  background-color: #1f1f2a !important;
  border-color: #c94bb7 !important;
  color: #c0c0c8 !important;
}

.dark .btn.px-4.py-2\.5.font-bold.border.border-main:hover {
  background-color: #c94bb7 !important;
  color: white !important;
}

.dark .btn.px-4.py-2\.5.font-bold.border.border-main.bg-main {
  background-color: #c94bb7 !important;
  color: white !important;
}

/* ==================== صفحه جزئیات محصول ==================== */
.dark .bg-linear-to-br.from-purple-50\/40.via-white.to-purple-50\/20 {
  background: linear-gradient(135deg, #0f0f18, #12121a, #0a0a10) !important;
}

.dark nav[aria-label="breadcrumb"] a.text-gray-800 {
  color: #c0c0c8 !important;
}

.dark nav[aria-label="breadcrumb"] a.text-gray-800:hover {
  color: #c94bb7 !important;
}

.dark .col-span-12 .rounded-2xl.bg-white {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

.dark .col-span-12 h1.title.text-gray-800 {
  color: #e0e0e0 !important;
}

.dark .col-span-12 .bg-red-100.text-red-600 {
  background-color: rgba(232, 74, 95, 0.2) !important;
  color: #e84a5f !important;
}

.dark .col-span-12 .text-main.font-bold.text-2xl {
  color: #c94bb7 !important;
}

.dark .col-span-12 p.text-base.text-gray-700 {
  color: #b0b0b8 !important;
  border-right-color: #c94bb7 !important;
}

.dark .col-span-12 .bg-gradient-to-r.from-purple-50\/30.to-transparent {
  background: linear-gradient(
    135deg,
    rgba(201, 75, 183, 0.1),
    transparent
  ) !important;
}

.dark .col-span-12 button.w-8.h-8.rounded-lg.bg-gray-100 {
  background-color: #2a2a3a !important;
  color: #c0c0c8 !important;
}

.dark .col-span-12 button.w-8.h-8.rounded-lg.bg-gray-100:hover {
  background-color: #c94bb7 !important;
  color: white !important;
}

.dark .mt-4.bg-white.rounded-2xl {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

.dark .w-full.bg-white.rounded-2xl {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

/* ==================== صفحه سبد خرید ==================== */
.dark .group.bg-white.rounded-2xl {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

.dark .group.bg-white.rounded-2xl:hover {
  border-color: #c94bb7 !important;
}

.dark .group a.font-bold.text-gray-800 {
  color: #e0e0e0 !important;
}

.dark .group a.font-bold.text-gray-800:hover {
  color: #c94bb7 !important;
}

.dark button.absolute.-top-2.-right-2.w-6.h-6.rounded-full.bg-gray-200 {
  background-color: #2a2a3a !important;
  color: #c0c0c8 !important;
}

.dark button.absolute.-top-2.-right-2.w-6.h-6.rounded-full.bg-gray-200:hover {
  background-color: #e84a5f !important;
  color: white !important;
}

.dark .flex.items-center.gap-2.bg-gray-100.rounded-xl {
  background-color: #2a2a3a !important;
}

.dark button.w-8.h-8.rounded-lg.bg-white {
  background-color: #1f1f2a !important;
  color: #c0c0c8 !important;
}

.dark button.w-8.h-8.rounded-lg.bg-white:hover {
  background-color: #c94bb7 !important;
  color: white !important;
}

.dark .col-span-4 .bg-white.rounded-2xl {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

.dark .bg-gradient-to-r.from-main.to-purple-700 {
  background: linear-gradient(135deg, #c94bb7, #9e2c8c) !important;
}

.dark input.bg-gray-50.border.border-gray-200 {
  background-color: #1f1f2a !important;
  border-color: #333340 !important;
  color: #e0e0e0 !important;
}

.dark .bg-gray-50.px-6.py-3 {
  background-color: #0f0f18 !important;
  border-color: #2a2a3a !important;
}

/* ==================== صفحه بلاگ ==================== */
.dark article .bg-white.rounded-2xl {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
}

.dark aside .bg-white.px-4.py-5.rounded-lg {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
}

.dark
  .flex.flex-col.items-start.justify-start.border.border-main.px-5.pt-4.my-6.rounded-xl.bg-neutral-50 {
  background: linear-gradient(135deg, #1a1a2a, #151525) !important;
  border-color: #c94bb7 !important;
}

.dark article.rounded-2xl.bg-white.shadow-sm.overflow-hidden {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border: 1px solid #2a2a3a !important;
}

.dark article.rounded-2xl.bg-white.shadow-sm.overflow-hidden:hover {
  border-color: #c94bb7 !important;
}

.dark .p-4.rounded-xl.flex.flex-col.items-center.gap-1.cursor-pointer.bg-white {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

.dark
  .p-4.rounded-xl.flex.flex-col.items-center.gap-1.cursor-pointer.bg-white:hover {
  background: linear-gradient(135deg, #1f1f2a, #181825) !important;
  border-color: #c94bb7 !important;
}

/* ==================== صفحه لاگین ==================== */
.dark .box1 {
  background: radial-gradient(
    ellipse at center,
    #0a0a0f 0%,
    #0f0f18 70%,
    #050508 100%
  ) !important;
}

.dark .box1 > span {
  background: #2a2a3a !important;
  transition: 0.5s !important;
}

.dark .box1 > span:hover {
  background: #c94bb7 !important;
  transition: 0s !important;
}

.dark .fixed.bg-white.shadow-lg {
  background: linear-gradient(135deg, #1a1a2a, #12121f) !important;
  border-color: #2a2a3a !important;
}

.dark h2.text-main {
  color: #c94bb7 !important;
}

.dark input.bg-gray-50 {
  background-color: #1f1f2a !important;
  border-color: #333340 !important;
  color: #e0e0e0 !important;
}

.dark input:focus {
  border-color: #c94bb7 !important;
}

.dark .text-gray-600.cursor-pointer {
  color: #a0a0a8 !important;
}

.dark a.text-main {
  color: #c94bb7 !important;
}

.dark a.text-main:hover {
  color: #e06bce !important;
}

.dark button.bg-main {
  background: linear-gradient(135deg, #c94bb7, #9e2c8c) !important;
}

.dark button.bg-main:hover {
  background: linear-gradient(135deg, #e06bce, #b83a9e) !important;
}

/* ==================== فوتر صفحه لاگین ==================== */
body:not(.dark) {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
}

body:not(.dark) footer {
  position: relative !important;
  z-index: 10 !important;
  margin-top: auto !important;
}

.dark body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
}

.dark footer {
  position: relative !important;
  z-index: 10 !important;
  background: linear-gradient(135deg, #12121a, #0d0d15) !important;
  margin-top: auto !important;
}

.dark .swiper-pagination-bullet {
  background: #a0a0a8;
}

/* ==================== اسکرول بار  ==================== */

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f5;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #9e2c8c, oklch(49.6% 0.265 301.924));
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, oklch(49.6% 0.265 301.924), #c94bb7);
}

.dark ::-webkit-scrollbar-track {
  background: #12121a;
}

.dark ::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #9e2c8c, oklch(49.6% 0.265 301.924));

  border: 1px solid rgba(255, 255, 255, 0.15);
}

.dark ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, oklch(49.6% 0.265 301.924), #9e2c8c);
}

/* ==================== صفحه پنل کاربری (User Panel) ==================== */

/* باکس پروفایل */
.dark .flex.flex-col.items-center.justify-center.bg-white.rounded-2xl {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

.dark .text-xl.font-bold.text-gray-800 {
  color: #e0e0e0 !important;
}

/* باکس منو */
.dark .mt-5.bg-white.rounded-2xl {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

.dark .py-6.px-4.bg-gradient-to-r.from-purple-50.to-white {
  background: linear-gradient(135deg, #1a1a2a, #16161f) !important;
  border-color: #2a2a3a !important;
}

.dark .title.text-2xl {
  color: #e0e0e0 !important;
}

/* آیتم‌های منو */
.dark .tab-item {
  border-color: #2a2a3a !important;
}

.dark .tab-item:hover {
  background-color: rgba(201, 75, 183, 0.1) !important;
}

.dark .tab-item .text-gray-700 {
  color: #c0c0c8 !important;
}

.dark .tab-item:hover .text-gray-700 {
  color: #c94bb7 !important;
}

.dark .tab-item .w-8.h-8.rounded-lg.bg-purple-100 {
  background-color: #2a2a3a !important;
  color: #c94bb7 !important;
}

.dark .tab-item:hover .w-8.h-8.rounded-lg.bg-purple-100 {
  background-color: #c94bb7 !important;
  color: white !important;
}

/* Badge ها */
.dark .mr-auto.text-xs.bg-purple-100.text-purple-600 {
  background-color: rgba(201, 75, 183, 0.2) !important;
  color: #c94bb7 !important;
}

/* دکمه خروج */
.dark .hover\:bg-red-50:hover {
  background-color: rgba(232, 74, 95, 0.15) !important;
}

.dark .text-red-500 {
  color: #e84a5f !important;
}

/* پنل اصلی */
.dark .bg-white.rounded-2xl {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

.dark .text-2xl.font-bold.text-gray-800 {
  color: #e0e0e0 !important;
}

.dark .text-gray-500.text-sm {
  color: #909098 !important;
}

.dark .border-b.border-purple-100 {
  border-color: #2a2a3a !important;
}

/* دکمه‌های آیکون */
.dark .w-10.h-10.rounded-xl.bg-purple-100 {
  background-color: #2a2a3a !important;
  color: #c94bb7 !important;
}

.dark .w-10.h-10.rounded-xl.bg-purple-100:hover {
  background-color: #c94bb7 !important;
  color: white !important;
}

/* کارت‌های آماری */
.dark .bg-gradient-to-br.from-purple-50.to-white {
  background: linear-gradient(135deg, #1a1a2a, #16161f) !important;
  border-color: #2a2a3a !important;
}

/* فرم ویرایش پروفایل */
.dark label.block.text-gray-700 {
  color: #c0c0c8 !important;
}

.dark input.w-full.border.border-purple-200 {
  background-color: #1f1f2a !important;
  border-color: #333340 !important;
  color: #e0e0e0 !important;
}

.dark input:focus {
  border-color: #c94bb7 !important;
}

.dark input::placeholder {
  color: #6a6a78 !important;
}

/* صفحات خالی */
.dark .text-center.py-20.text-gray-400 svg.text-purple-200 {
  color: #2a2a3a !important;
}

.dark .text-center.py-20.text-gray-400 p.text-2xl {
  color: #909098 !important;
}

/* تب فعال */
.dark .tab-item.bg-purple-100 {
  background-color: rgba(201, 75, 183, 0.15) !important;
}

.dark .tab-item.border-main {
  border-right-color: #c94bb7 !important;
} /* ==================== Sidebar Menu Styling ==================== */
.dark .bg-white.rounded-2xl {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

.dark .bg-gradient-to-r.from-purple-50.to-white {
  background: linear-gradient(135deg, #1a1a2a, #16161f) !important;
}

.dark .title.text-2xl {
  color: #e0e0e0 !important;
}

.dark .border-purple-100,
.dark .border-purple-50 {
  border-color: #2a2a3a !important;
}

/* menu items */
.dark .hover\:bg-main\/20:hover {
  background-color: rgba(201, 75, 183, 0.15) !important;
}

.dark .bg-purple-100 {
  background-color: #2a2a3a !important;
}

.dark .text-main {
  color: #c94bb7 !important;
}

.dark .group-hover\:bg-main:hover {
  background-color: #c94bb7 !important;
}

.dark .text-gray-700 {
  color: #b0b0b8 !important;
}

.dark .group-hover\:text-main:hover {
  color: #c94bb7 !important;
}

.dark .bg-purple-100.text-purple-600 {
  background-color: rgba(201, 75, 183, 0.2) !important;
  color: #c94bb7 !important;
}

.dark .border-r-main {
  border-right-color: #c94bb7 !important;
}

/* exit button */
.dark .hover\:bg-red-50:hover {
  background-color: rgba(232, 74, 95, 0.15) !important;
}

.dark .bg-red-100 {
  background-color: rgba(232, 74, 95, 0.2) !important;
}

.dark .text-red-500 {
  color: #e84a5f !important;
}

.dark .group-hover\:bg-red-500:hover {
  background-color: #e84a5f !important;
}
/* Dark Mode - Modal */
.dark #modal {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.dark #modal .bg-white {
  background: linear-gradient(135deg, #1a1a2a, #12121a) !important;
  border: 1px solid #2a2a3a !important;
}

.dark #modal .text-gray-800 {
  color: #e0e0e0 !important;
}

.dark #modal .text-gray-500,
.dark #modal .text-gray-600 {
  color: #a0a0a8 !important;
}

.dark #modal .bg-purple-50 {
  background-color: #1f1f2a !important;
}

.dark #modal .bg-amber-100 {
  background-color: rgba(245, 158, 11, 0.2) !important;
}

.dark #modal .text-amber-600 {
  color: #fbbf24 !important;
}

.dark #modal .bg-white\/20 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.dark #modal .bg-white\/20:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
/* ==================== دارک مود صفحه تسویه حساب ==================== */

.dark .bg-white,
.dark .bg-gradient-to-r.from-gray-50.to-white {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

.dark .bg-gray-50,
.dark .bg-gray-100,
.dark thead.bg-gray-50 {
  background-color: #1a1a2a !important;
}

.dark input[type="checkbox"]:checked {
  background-color: #c94bb7 !important;
  border-color: #c94bb7 !important;
}

input[type="checkbox"]:checked  {
  color: black !important;
}

.dark .bg-red-50 {
  background-color: rgba(232, 74, 95, 0.15) !important;
}

.dark .line-through {
  color: #6a6a75 !important;
}


/* دارک مود صفحه نیاز به لاگین */
.dark .bg-white {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

.dark .text-gray-800 {
  color: #e0e0e0 !important;
}

.dark .text-gray-700 {
  color: #c0c0c8 !important;
}

.dark .text-gray-500 {
  color: #909098 !important;
}

.dark .bg-amber-100 {
  background-color: rgba(245, 158, 11, 0.15) !important;
}

.dark .text-amber-600 {
  color: #fbbf24 !important;
}

.dark .bg-gradient-to-r.from-purple-50.to-purple-100\/50 {
  background: linear-gradient(135deg, #1f1f2a, #1a1a2a) !important;
  border-color: #2a2a3a !important;
}

.dark .border-gray-100 {
  border-color: #2a2a3a !important;
}

.dark .bg-gray-100 {
  background-color: #252530 !important;
  color: #c0c0c8 !important;
}

.dark .bg-gray-100:hover {
  background-color: #c94bb7 !important;
  color: white !important;
}

.dark .text-main {
  color: #c94bb7 !important;
}

.dark .hover\:text-main-hover:hover {
  color: #e06bce !important;
}

/* ==================== دارک مود صفحه ارتباط با ما ==================== */

.dark .bg-gray-50 {
  background-color: #0a0a0f !important;
}

.dark .bg-white {
  background: linear-gradient(135deg, #16161f, #12121a) !important;
  border-color: #2a2a3a !important;
}

.dark .border-purple-100 {
  border-color: #2a2a3a !important;
}

.dark .text-gray-600 {
  color: #a0a0a8 !important;
}

.dark .from-purple-50.to-purple-100\/50 {
  background: linear-gradient(135deg, #1f1f2a, #1a1a2a) !important;
  border-color: #2a2a3a !important;
}

.dark .from-sky-50.to-blue-50\/50 {
  background: linear-gradient(135deg, #1a2a3a, #0f1f2a) !important;
  border-color: #2a4a5a !important;
}

.dark .text-sky-600 {
  color: #38bdf8 !important;
}

.dark .text-sky-600:hover {
  color: #7dd3fc !important;
}

.dark .text-main {
  color: #c94bb7 !important;
}

.dark .border-t {
  border-color: #2a2a3a !important;
}

.dark .border-gray-200 {
  border-color: #2a2a3a !important;
}

.dark .hover\:text-main-hover:hover {
  color: #e06bce !important;
}

.dark .text-gray-400 {
  color: #6a6a75 !important;
}

.dark .hover\:text-main:hover {
  color: #c94bb7 !important;
}

.dark .text-purple-100 {
  color: #b0b0b8 !important;
}