/**
 * Finolite site theme — هماهنگ با index (qeshm-kharid)
 * رنگ‌ها از API با theme-settings.js روی --c-primary تنظیم می‌شوند.
 */
:root {
  --c-primary: #6d28d9;
  --c-primary-light: #8b5cf6;
  --c-primary-dark: #4c1d95;
  --c-accent: #f59e0b;
  --c-bg: #f8f7ff;
  --c-dark: #1e1b4b;
  --c-card: #ffffff;
  --c-border: #ede9fe;
  --radius: 14px;
  --shadow: 0 2px 16px rgba(109, 40, 217, 0.1);
}

body.site-theme {
  background: var(--c-bg);
  color: #374151;
}

/* ========== Navbar type-2 (همه صفحات) ========== */
body.site-theme .navbar.type-2 {
  background: var(--c-dark) !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.25);
}

body.site-theme .navbar.type-2 .logo img {
  filter: brightness(0) invert(1);
}

body.site-theme .navbar.type-2 .nav-action .link-item .item .icon i,
body.site-theme .navbar.type-2 .nav-action .link-item .item .text {
  color: #c4b5fd;
}

body.site-theme .navbar.type-2 .nav-action .link-item .item:hover .icon i,
body.site-theme .navbar.type-2 .nav-action .link-item .item:hover .text {
  color: #fff;
}

body.site-theme .navbar.type-2 .nav-action .badge {
  background: var(--c-accent) !important;
  color: #000;
}

body.site-theme .navbar.type-2 .inputgroup .input {
  background: #2d2a6e;
  border-color: #3730a3;
  color: #e0e7ff;
}

body.site-theme .navbar.type-2 .inputgroup .input::placeholder {
  color: #a5b4fc;
}

body.site-theme .navbar.type-2 .inputgroup .btn-search,
body.site-theme .navbar.type-2 .inputgroup .btn-search-clear,
body.site-theme .navbar.type-2 .inputgroup .btn-search-close {
  color: #a5b4fc;
}

body.site-theme .navbar.type-2 .nav-bottom {
  background: #2d2a6e !important;
  border-top: 1px solid #3730a3;
}

body.site-theme .navbar.type-2 .nav-bottom .links-list .link {
  color: #c4b5fd !important;
}

body.site-theme .navbar.type-2 .nav-bottom .links-list .link:hover {
  color: #fff !important;
}

body.site-theme .navbar.type-2 .nav-bottom .categories-menu .category-icon {
  color: #e0e7ff;
}

body.site-theme .navbar.type-2 .btn-search-mobile .icon i {
  color: #c4b5fd;
}

body.site-theme .navbar.type-2 .search-results {
  background: var(--c-card);
  border-color: var(--c-border);
}

body.site-theme .navbar.type-2 .link-item.user-menu .menu-list {
  background: var(--c-card);
  border-color: var(--c-border);
}

/* ========== Navbar bottom موبایل ========== */
body.site-theme .navbar-bottom {
  background: var(--c-dark) !important;
  border-top: 1px solid #2d2a6e;
}

body.site-theme .navbar-bottom .item h3 {
  color: #a5b4fc;
}

body.site-theme .navbar-bottom .item.active h3 {
  color: var(--c-accent);
}

/* ========== کارت محصول (سراسری) ========== */
body.site-theme .card-product .card-inner {
  border-radius: var(--radius);
  border: 1.5px solid var(--c-border);
  background: var(--c-card);
  transition: all 0.2s;
}

body.site-theme .card-product .card-inner:hover {
  box-shadow: 0 6px 28px rgba(109, 40, 217, 0.14);
  border-color: var(--c-primary-light);
  transform: translateY(-2px);
}

body.site-theme .card-product .percentage {
  background: var(--c-primary);
  border-radius: 6px;
}

/* ========== سکشن‌هدِر ========== */
body.site-theme .sec-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--c-border);
}

body.site-theme .sec-header h2 {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-dark);
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

body.site-theme .sec-header h2::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 22px;
  background: var(--c-primary);
  border-radius: 4px;
}

body.site-theme .sec-header .btn-link {
  color: var(--c-primary);
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
}

body.site-theme .sec-header .btn-link:hover {
  color: var(--c-primary-dark);
}

/* ========== Page header داخلی ========== */
body.site-theme .page-header {
  margin-top: 0;
  background: linear-gradient(135deg, var(--c-primary-dark), var(--c-primary));
  position: relative;
  overflow: hidden;
}

body.site-theme .page-header::before {
  background: none;
  opacity: 0.08;
  background-image: radial-gradient(circle at 20% 50%, #fff 0%, transparent 50%);
}

body.site-theme .page-header .inner {
  padding: 36px 0 40px;
}

body.site-theme .page-header .inner h2 {
  color: #fff;
  font-weight: 800;
}

body.site-theme .page-header .breadcrumb .breadcrumb-item a,
body.site-theme .page-header .breadcrumb .breadcrumb-item {
  color: #c4b5fd;
}

body.site-theme .page-header .breadcrumb .breadcrumb-item.active {
  color: #e0e7ff;
}

body.site-theme .page-header .breadcrumb .breadcrumb-item a:hover {
  color: #fff;
}

/* ========== Breadcrumb لیست محصولات ========== */
body.site-theme #products-section .breadcrumb,
body.site-theme .products-list-section .breadcrumb {
  background: var(--c-card);
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 12px 16px;
  margin-bottom: 16px;
}

body.site-theme .breadcrumb .breadcrumb-item a {
  color: var(--c-primary);
}

body.site-theme .breadcrumb .breadcrumb-item.active {
  color: var(--c-dark);
}

/* ========== Master page (درباره ما، قوانین، ...) ========== */
body.site-theme .master-page .section-inner {
  background: var(--c-card);
  border: 1.5px solid var(--c-border) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow);
}

body.site-theme .master-page .title {
  color: var(--c-dark);
}

body.site-theme .master-page .icons-list li .icon {
  background: var(--c-primary);
}

/* ========== فیلتر و لیست محصولات ========== */
body.site-theme .side-products .inner {
  background: var(--c-card);
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
}

body.site-theme .side-products .side-header h2 {
  color: var(--c-dark);
}

body.site-theme .side-products .side-header h2 i {
  color: var(--c-primary);
}

body.site-theme .products-content .products-header .title h2 {
  color: var(--c-dark);
}

body.site-theme .page-title h2 {
  color: var(--c-dark);
}

/* ========== پنل کاربری ========== */
body.site-theme .user-dashboard-section .grid-user-menu .grid-inner {
  background: var(--c-card);
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
}

body.site-theme .user-dashboard-section .user-menu .menu-list .link.active,
body.site-theme .user-dashboard-section .user-menu .menu-list .link:hover {
  color: var(--c-primary);
  background: #ede9fe;
}

body.site-theme .user-dashboard-section .wallet .thumb {
  background: var(--c-primary);
}

/* ========== دکمه‌ها ========== */
body.site-theme .btn-primary:not(.color-danger) {
  background: var(--c-primary) !important;
  border-color: var(--c-primary) !important;
}

body.site-theme .btn-primary:not(.color-danger):hover {
  background: var(--c-primary-dark) !important;
  border-color: var(--c-primary-dark) !important;
}

body.site-theme .btn-secondary-outline {
  border-color: var(--c-primary);
  color: var(--c-primary);
}

/* ========== FAQ ========== */
body.site-theme .faq-section .collapse-item .btn-collapse {
  background: var(--c-card);
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
}

body.site-theme .faq-section .collapse-item .btn-collapse:hover {
  border-color: var(--c-primary-light);
}

/* ========== بلاگ ========== */
body.site-theme .blog-card .card-inner {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
}

body.site-theme .blog-card .card-inner:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow);
}

/* ========== سبد خرید ========== */
body.site-theme .cart-section .section-inner,
body.site-theme #cart-section .section-inner {
  background: var(--c-card);
  border-radius: var(--radius);
  border: 1.5px solid var(--c-border);
}

/* ========== جزئیات محصول ========== */
body.site-theme .product-details-section .product-info .name h1 {
  color: var(--c-dark);
}

body.site-theme .product-details-section .tab-nav .tab-btn.active {
  background: var(--c-primary);
  border-color: var(--c-primary);
  color: #fff;
}

/* ========== 404 ========== */
body.site-theme .error-page-section {
  background: var(--c-bg);
}

body.site-theme .error-page-section .btn-primary {
  background: var(--c-primary);
}

/* ========== ورود / ثبت‌نام ========== */
body.site-theme.page-auth {
  background: linear-gradient(160deg, var(--c-dark) 0%, var(--c-primary-dark) 45%, var(--c-bg) 100%);
  min-height: 100vh;
}

body.site-theme.page-auth .wrapper-login .login-content {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

body.site-theme.page-auth .load-spin {
  border-top-color: var(--c-primary);
}

body.site-theme.page-auth .btn-resend-sms {
  color: var(--c-primary);
}

/* ========== تسویه حساب (بدون هدر) ========== */
body.site-theme.page-checkout {
  background: var(--c-bg);
}

body.site-theme.page-checkout .navbar-payment {
  background: var(--c-dark);
}

body.site-theme.page-checkout .navbar-payment .logo img {
  filter: brightness(0) invert(1);
}

.badge-accent {
  background: var(--c-accent) !important;
  color: #000 !important;
}

.section-pad {
  padding: 28px 0;
}

/* ========== Navbar پیش‌فرض (theme-1) ========== */
body.site-theme .navbar .nav-action .badge {
  background: var(--c-primary) !important;
}

body.site-theme .special-offers-section .offers-header .title h2,
body.site-theme .home-category .section-inner .title h2 {
  color: var(--c-dark);
}

body.site-theme .swiper-buttons-control button:hover,
body.site-theme .best-sellers-section .swiper-buttons-control button:hover {
  color: var(--c-primary);
  border-color: var(--c-primary);
}