/* ============================================================
   DEEPRUSH — THEME LAYER
   پوسته تیره + بدنه روشن، هماهنگ با صفحات بروکر
   این فایل فقط ظاهر را بازنویسی می‌کند؛ ساختار و جاوااسکریپت دست‌نخورده است.
   ============================================================ */
:root{
  --dr-ink:#0A1017;      /* جوهر تیره: نوار بالا و فوتر */
  --dr-ink2:#0E1721;     /* سطح تیره دوم: مگامنو */
  --dr-ink3:#131E2A;     /* چیپ‌های تیره */
  --dr-line:#1D2A37;     /* خط مو تیره */
  --dr-gold:#E3B15C;     /* اکسنت طلایی */
  --dr-gold2:#F7E0AC;
  --dr-gold-deep:#C79A3C;
  --dr-turq:#2FBFAE;     /* اکسنت فیروزه‌ای */
  --dr-teal:#0F8A7C;     /* رنگ اصلی روی سطوح روشن */
  --dr-teal-deep:#0B6F64;
  --dr-paper:#F4F7FA;    /* پس‌زمینه روشن صفحات */
  --dr-paper2:#FFFFFF;
  --dr-text:#16202B;
  --dr-fog:#5A6B7C;
}

/* ---------- بدنه روشن ---------- */
body{
  background:var(--dr-paper) !important;
  color:var(--dr-text);
}
body::before{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(22,32,43,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(22,32,43,.035) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 90% 45% at 50% 0%,#000 5%,transparent 70%);
  mask-image:radial-gradient(ellipse 90% 45% at 50% 0%,#000 5%,transparent 70%);
}
body > *{position:relative;z-index:1}

/* ---------- لودر ---------- */
#preloader{background:var(--dr-ink) !important}
#status .spinner .double-bounce1{background-color:var(--dr-gold) !important}
#status .spinner .double-bounce2{background-color:var(--dr-turq) !important}

/* ============================================================
   NAVBAR
   ============================================================ */
#topnav{
  background:var(--dr-ink) !important;
  border-bottom:1px solid var(--dr-line);
  box-shadow:none;
}
#topnav.nav-sticky,#topnav.is-sticky.nav-sticky{
  background:rgba(10,16,23,.92) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 12px 34px -18px rgba(0,0,0,.9);
}
/* خط طلایی زیر نوار */
#topnav::after{
  content:'';position:absolute;inset-inline:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(227,177,92,.55),transparent);
}

/* لوگو: نمایش نسخه روشن روی پس‌زمینه تیره */
#topnav .logo img.inline-block{display:none !important}
#topnav .logo img.hidden{display:inline-block !important}

/* آیتم‌های منو */
#topnav .navigation-menu > li > a{
  color:#C3D0DD !important;
  font-weight:600;
  transition:color .18s ease;
}
#topnav .navigation-menu > li:hover > a,
#topnav .navigation-menu > li.active > a,
#topnav .navigation-menu > li > a:hover{color:var(--dr-gold) !important}

/* نشانگر طلایی زیر آیتم فعال */
#topnav .navigation-menu > li{position:relative}
#topnav .navigation-menu > li > a::after{
  content:'';position:absolute;inset-inline:16px;bottom:14px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--dr-gold2),var(--dr-gold));
  transform:scaleX(0);transform-origin:right;transition:transform .22s ease;
}
#topnav .navigation-menu > li:hover > a::after,
#topnav .navigation-menu > li.active > a::after{transform:scaleX(1)}

/* فلش زیرمنو */
#topnav .menu-arrow{border-color:#8FA0B1 !important}
#topnav .navigation-menu > li:hover > .menu-arrow{border-color:var(--dr-gold) !important}

/* دکمه همبرگری موبایل */
#topnav .navbar-toggle .lines span{background-color:#C3D0DD !important}
#topnav .navbar-toggle.open span{background-color:var(--dr-gold) !important}

/* دکمه ورود کاربر */
#topnav .buy-button a{
  background:linear-gradient(180deg,var(--dr-gold2),var(--dr-gold)) !important;
  border-color:var(--dr-gold) !important;
  color:#14100A !important;
  box-shadow:0 8px 20px -10px rgba(227,177,92,.8);
  transition:.2s;
}
#topnav .buy-button a:hover{filter:brightness(1.06);transform:translateY(-1px)}
#topnav .buy-button a svg{stroke:#14100A !important}

/* ---------- منوی موبایل ---------- */
@media (max-width:991px){
  #topnav #navigation{
    background:var(--dr-ink2) !important;
    border-top:1px solid var(--dr-line);
    box-shadow:0 24px 46px -22px rgba(0,0,0,.85);
  }
  #topnav .navigation-menu > li > a{color:#C3D0DD !important;border-bottom:1px solid var(--dr-line)}
  #topnav .navigation-menu > li > a::after{display:none}
  #topnav .navigation-menu .submenu{background:#0B121A !important;border:0}
  #topnav .navigation-menu .submenu li a{color:#A9B9C9 !important}
}

/* ============================================================
   MEGAMENU
   ============================================================ */
#topnav .submenu.megamenu{
  background:var(--dr-ink2) !important;
  border:1px solid var(--dr-line);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.85) !important;
  overflow:hidden;
}
#topnav .megamenu .container{background:transparent}

/* ستون سمت راست (دسته‌بندی‌ها) */
#topnav .megamenu div.bg-gray-100{
  background:#0B121A !important;
  border:1px solid var(--dr-line);
}
/* چیپ‌های دسته‌بندی */
#topnav .megamenu #menu li{
  background:var(--dr-ink3) !important;
  border:1px solid var(--dr-line);
  color:#C3D0DD !important;
  font-size:.87rem;
  transition:.18s ease;
}
#topnav .megamenu #menu li:hover{
  background:rgba(227,177,92,.12) !important;
  border-color:rgba(227,177,92,.45);
  color:#fff !important;
  transform:translateX(-3px);
}

/* پنل سمت چپ */
#topnav .megamenu div.bg-white{
  background:transparent !important;
  box-shadow:none !important;
}
#topnav .megamenu #panels > div{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

/* تیتر هر پنل */
#topnav .megamenu #panels > div > .grid:first-child p{
  color:var(--dr-gold) !important;
  font-weight:700;
  font-size:.8rem;
  letter-spacing:.06em;
  padding-bottom:10px;
  border-bottom:1px solid var(--dr-line);
  margin-bottom:2px;
}

/* آیتم‌های لیست (بروکر، صرافی، سیگنال و...) */
#topnav .megamenu a.sub-menu-item{
  background:var(--dr-ink3) !important;
  border:1px solid var(--dr-line);
  border-radius:6px;
  color:#B7C4D2 !important;
  font-size:.86rem;
  transition:.18s ease;
}
#topnav .megamenu a.sub-menu-item:hover{
  background:rgba(227,177,92,.12) !important;
  border-color:rgba(227,177,92,.45);
  color:#fff !important;
}
/* آیتم «مشاهده همه» بدون پس‌زمینه */
#topnav .megamenu a.sub-menu-item:not(.bg-gray-100){
  background:transparent !important;
  border-color:transparent;
  color:var(--dr-turq) !important;
  font-weight:700;
}
#topnav .megamenu a.sub-menu-item:not(.bg-gray-100):hover{
  background:rgba(47,191,174,.10) !important;
  border-color:rgba(47,191,174,.35);
  color:#5FE0CF !important;
}
#topnav .megamenu a.sub-menu-item img{
  background:#0B121A;
  border:1px solid var(--dr-line);
}

/* ============================================================
   FOOTER
   ============================================================ */
footer.footer{
  background:var(--dr-ink) !important;
  border-top:1px solid var(--dr-line);
  position:relative;
}
footer.footer::before{
  content:'';position:absolute;top:0;inset-inline:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(227,177,92,.5),transparent);
}
footer.footer::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 70% at 15% 0%,rgba(227,177,92,.07),transparent 60%),
             radial-gradient(ellipse 50% 60% at 85% 100%,rgba(47,191,174,.06),transparent 60%);
}
footer.footer > *{position:relative;z-index:1}

footer.footer h5{
  color:var(--dr-gold) !important;
  font-size:.95rem;
  padding-bottom:12px;
  border-bottom:1px solid var(--dr-line);
  display:block;
}
footer.footer p,footer.footer .text-gray-300{color:#98A8B8 !important;line-height:2}
footer.footer .footer-list a{
  color:#A9B9C9 !important;
  transition:.18s ease;
  display:inline-block;
}
footer.footer .footer-list a:hover{
  color:var(--dr-gold) !important;
  transform:translateX(-4px);
}
footer.footer .footer-list i{color:var(--dr-turq)}

/* آیکون‌های شبکه اجتماعی */
footer.footer ul.list-none li a[class*="size-8"]{
  border-color:var(--dr-line) !important;
  color:#8FA0B1 !important;
  transition:.2s ease;
}
footer.footer ul.list-none li a[class*="size-8"]:hover{
  border-color:var(--dr-gold) !important;
  background:rgba(227,177,92,.12) !important;
  color:var(--dr-gold) !important;
  transform:translateY(-2px);
}

/* نوار کپی‌رایت */
footer.footer .border-t{border-color:var(--dr-line) !important}
footer.footer .border-t p{color:#7D8FA1 !important}
footer.footer .border-t a{color:var(--dr-gold) !important}

/* نماد اعتماد */
footer.footer img[alt="enamad_deeprush"]{
  border-radius:10px;
  background:#fff;
  padding:6px;
  box-shadow:0 10px 26px -14px rgba(0,0,0,.9);
}

/* ---------- دکمه بازگشت به بالا ---------- */
#back-to-top{
  background:linear-gradient(180deg,var(--dr-gold2),var(--dr-gold)) !important;
  color:#14100A !important;
  box-shadow:0 10px 26px -10px rgba(227,177,92,.85);
  border:0;
}
#back-to-top:hover{filter:brightness(1.06)}

/* ============================================================
   بازنگاشت رنگ اصلی روی صفحات روشن: بنفش ← فیروزه‌ای عمیق
   (صفحات بروکر از این کلاس‌ها استفاده نمی‌کنند، پس تداخلی ندارد)
   ============================================================ */
.bg-indigo-600{background-color:var(--dr-teal) !important}
.hover\:bg-indigo-700:hover{background-color:var(--dr-teal-deep) !important}
.border-indigo-600{border-color:var(--dr-teal) !important}
.hover\:border-indigo-700:hover{border-color:var(--dr-teal-deep) !important}
.text-indigo-600{color:var(--dr-teal-deep) !important}
.hover\:text-indigo-600:hover{color:var(--dr-teal-deep) !important}
.bg-indigo-600\/5{background-color:rgba(15,138,124,.08) !important}
.bg-indigo-600\/10{background-color:rgba(15,138,124,.12) !important}
.focus\:border-indigo-600:focus{border-color:var(--dr-teal) !important}
.ring-indigo-600{--tw-ring-color:var(--dr-teal) !important}

/* کارت‌های عمومی صفحات روشن */
.shadow,.shadow-md,.shadow-lg{box-shadow:0 2px 10px -4px rgba(15,23,32,.10),0 1px 2px rgba(15,23,32,.04) !important}
.rounded-md,.rounded-xl{border-radius:8px}

@media (prefers-reduced-motion:reduce){
  #topnav *,footer.footer *{transition:none !important;transform:none !important}
}
