.elementor-kit-8{--e-global-color-primary:#FF4D97;--e-global-color-secondary:#8B5CF6;--e-global-color-text:#FFFFFF;--e-global-color-accent:#0E0C1D;--e-global-color-0dbec6f:#C680FB;--e-global-color-620fca1:#0D1031;--e-global-typography-primary-font-family:"yekanBakh";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"yekanBakh";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"yekanBakh";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"yekanBakh";--e-global-typography-accent-font-weight:500;background-color:#0E0C1D;color:#FFFFFF;font-family:"yekanBakh", Sans-serif;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-text );}.elementor-kit-8 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-8 h3{font-family:"yekanBakh", Sans-serif;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --01:#ff4d97; --02:#1a182b; --03:#ffffff1a; --04:#e5e7eb; --05:#1a182b99; --06:#141226; }
/* Start custom CSS *//* =========================================================
   Night Plus – Global Theme (WooCommerce Ready)
   نسخه بهینه‌سازی‌شده و یکنواخت‌شده با کامنت فارسی
   ========================================================= */

/* ----------------------
   CSS Variables (Theme)
   - یک‌بار تعریف: از تکرار چندین :root جلوگیری شد
   - همه‌ی رنگ‌ها و سایزها در همین‌جا متمرکزند
   ---------------------- */
:root {
  /* Base & Surfaces */
  --color-base: #0E0C1D;        /* پس‌زمینه‌ی کل سایت */
  --color-card: #1A182B;        /* کارت‌ها/باکس‌ها */

  /* Brand */
  --color-primary: #FF4D97;     /* CTA/Primary */
  --color-secondary: #8B5CF6;   /* Accent/Secondary */

  /* Text */
  --color-text: #FFFFFF;        /* متن اصلی */
  --color-text-muted: #A1A1AA;  /* متن ثانویه */

  /* Headings */
  --color-heading-h1: #FFFFFF;
  --color-heading-h2: var(--color-primary);
  --color-heading-h3: var(--color-secondary);
  --color-heading-h4-h6: #E5E5E5;

  /* Links */
  --color-link-hover: var(--color-primary);

  /* Buttons */
  --btn-buy-bg: var(--color-primary);
  --btn-buy-bg-hover: linear-gradient(90deg, #FF4D97 0%, #8B5CF6 100%);
  --btn-buy-text: #FFFFFF;
  --btn-secondary-bg: var(--color-card);
  --btn-secondary-bg-hover: #2A263C;
  --btn-secondary-text: var(--color-text);

  /* Typography scale */
  --font-base-size: 16px;
  --font-small: 14px;
  --font-large: 18px;
  --font-h1: 2.5rem;  /* ~40px */
  --font-h2: 2rem;    /* ~32px */
  --font-h3: 1.5rem;  /* ~24px */
  --font-h4: 1.25rem; /* ~20px */
  --font-h5: 1.125rem;/* ~18px */
  --font-h6: 1rem;    /* ~16px */

  /* Halo background (site-wide) */
  --bg-base: #0E0C1D;
  --halo-pink: rgba(255, 77, 151, 0.18);
  --halo-violet: rgba(139, 92, 246, 0.25);
  --particle-pink: rgba(255, 77, 151, 0.30);
  --particle-violet: rgba(139, 92, 246, 0.30);
  --particle-pink-soft: rgba(255, 77, 151, 0.20);

  /* Card (طراحی فروشگاه) */
  --card-bg: #0f1020;
  --card-border: rgba(255,255,255,.08);

  /* Glass (فیلتر مرتب‌سازی) */
  --glass-bg: rgba(255,255,255,.08);
  --glass-brd: rgba(255,255,255,.18);
  --glass-blur: 10px;

  /* Radii & misc */
  --radius: 18px;
}

/* ----------------------
   Keyframes
   ---------------------- */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-10px); }
}
@keyframes pulseNeon {
  0%, 100% { transform: scale(1);   opacity: 0.6; }
  50%      { transform: scale(1.35); opacity: 1;   }
}
@keyframes glowMove {
  0%   { opacity: .4; transform: translateY(-20px) scale(1); }
  50%  { opacity: .7; transform: translateY(20px)  scale(1.1); }
  100% { opacity: .4; transform: translateY(-20px) scale(1); }
}

/* ----------------------
   Base / Body
   ---------------------- */
body {
  background-color: var(--bg-base);
  color: var(--color-text);
  font-size: var(--font-base-size);
  line-height: 1.6;
  position: relative;
  overflow-x: hidden;
  isolation: isolate; /* شبه‌المان‌ها زیر محتوا بمانند */
}

/* Halo Layer 1: dual gradients */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    radial-gradient(60% 60% at 50% 0%, var(--halo-violet) 0%, rgba(14,12,29,0) 70%),
    radial-gradient(60% 60% at 80% 20%, var(--halo-pink)   0%, rgba(14,12,29,0) 70%);
  will-change: transform;
}
/* Halo Layer 2: pulsing particles */
body::after {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: transparent;
  z-index: -2;
  pointer-events: none;
  box-shadow:
    25vw 25vh 0 0 var(--particle-pink),
    70vw 30vh 0 0 var(--particle-violet),
    50vw 75vh 0 0 var(--particle-pink-soft),
    15vw 55vh 0 0 var(--particle-violet),
    82vw 12vh 0 0 var(--particle-pink),
    10vw 15vh 0 0 var(--particle-pink-soft);
  transform-origin: 50% 50%;
  will-change: transform, opacity;
}

/* انیمیشن فقط زمانی فعال شود که کلاس مشخص داشته باشد */
body.halo-animated::before { animation: float 7s ease-in-out infinite; }
body.halo-animated::after  { animation: pulseNeon 2.6s ease-in-out infinite; }

/* احترام به ترجیح کاربر */
@media (prefers-reduced-motion: reduce) {
  body.halo-animated::before,
  body.halo-animated::after {
    animation: none !important;
  }
}

/* ----------------------
   Typography
   ---------------------- */
small, .woocommerce small { font-size: var(--font-small); }
p, li, .woocommerce-result-count { font-size: var(--font-base-size); }

/* تیترها – یکنواخت‌سازی وزن‌ها و رنگ‌ها */
h1, .entry-title { font-size: var(--font-h1); font-weight: 800; color: var(--color-heading-h1); }
h2 { font-size: var(--font-h2); font-weight: 700; color: var(--color-heading-h2); }
h3 { font-size: var(--font-h3); font-weight: 600; color: var(--color-heading-h3); }
h4 { font-size: var(--font-h4); font-weight: 600; color: var(--color-heading-h4-h6); }
h5 { font-size: var(--font-h5); font-weight: 500; color: var(--color-heading-h4-h6); }
h6 { font-size: var(--font-h6); font-weight: 500; color: var(--color-heading-h4-h6); }

/* مقیاس واکنش‌گرا */
@media (max-width: 768px) {
  :root {
    --font-h1: 2rem;
    --font-h2: 1.5rem;
    --font-h3: 1.25rem;
  }
}

/* لینک‌ها */
a:hover, .woocommerce a:hover { color: var(--color-link-hover); }

/* قیمت محصول برجسته‌تر */
.woocommerce ul.products li.product .price {
  font-size: var(--font-large);
  font-weight: 600;
}

/* ----------------------
   WooCommerce Buttons
   - ادغام سلکتورها برای کاهش تکرار
   ---------------------- */
:root {
  /* برای outline قابل‌مشاهده روی پس‌زمینه تیره */
  --focus-outline: #fff;
}

/* مجموعه کلیدهای اصلی */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .checkout-button,
.add_to_cart_button,
.single_add_to_cart_button {
  background: var(--btn-buy-bg);
  color: var(--btn-buy-text);
  border: none;
  border-radius: 12px;
  font-weight: 600;
  padding: .75em 1.5em;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, opacity .25s ease;
  box-shadow:
    0 0 15px rgba(255,77,151,.5),
    0 0 30px rgba(255,77,151,.3);
}

/* Hover/Focus */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .checkout-button:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
  background: var(--btn-buy-bg-hover);
  color: var(--btn-buy-text);
  transform: translateY(-2px) scale(1.03);
  box-shadow:
    0 0 25px rgba(255,77,151,.8),
    0 0 45px rgba(255,77,151,.5);
}
.woocommerce a.button:focus-visible,
.woocommerce button.button:focus-visible,
.woocommerce input.button:focus-visible,
.woocommerce #respond input#submit:focus-visible,
.woocommerce .checkout-button:focus-visible,
.add_to_cart_button:focus-visible,
.single_add_to_cart_button:focus-visible {
  outline: 2px solid var(--focus-outline);
  outline-offset: 2px;
}

/* Disabled/Loading */
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce input.button.disabled,
.woocommerce a.button:disabled,
.woocommerce button.button:disabled,
.woocommerce input.button:disabled,
.add_to_cart_button.disabled,
.single_add_to_cart_button.disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Added to cart / پیام‌ها */
.added_to_cart,
.woocommerce-message .button,
.woocommerce .button.alt,
.woocommerce .button.secondary,
.woocommerce .wc-backward {
  background: var(--btn-secondary-bg);
  color: var(--btn-secondary-text);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 12px;
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease;
}
.woocommerce .button.alt:hover,
.woocommerce .button.secondary:hover,
.woocommerce .wc-backward:hover {
  background: var(--btn-secondary-bg-hover);
}

/* Checkout CTA در صفحه سبد */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background: var(--btn-buy-bg);
  color: var(--btn-buy-text);
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: var(--btn-buy-bg-hover);
}

/* ----------------------
   Utility
   ---------------------- */
.text-muted,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message { color: var(--color-text-muted); }

.surface-card {
  background: var(--color-card);
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
}

hr { border-color: rgba(255,255,255,.1); }

/* =========================================================
   طرح کارت محصولات (WooCommerce Grid) – خوانایی + افکت لطیف
   ========================================================= */
ul.products{
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  direction: rtl; /* شبکه RTL */
}

/* کارت اصلی */
ul.products li.product{
  position: relative;
  overflow: hidden;
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  transition: transform .25s ease, box-shadow .25s ease;
}
ul.products li.product:hover{
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0,0,0,.35);
}

/* تصویر */
ul.products li.product a img{
  inline-size: 100%;
  block-size: 220px;
  object-fit: cover;
  transition: transform .35s ease;
}
ul.products li.product:hover a img{ transform: scale(1.06); }

/* عنوان و قیمت */
ul.products li.product .woocommerce-loop-product__title{
  font-size: 16px;
  margin: 12px 14px 6px;
  color: var(--color-text);
  line-height: 1.6;
}
ul.products li.product .price{
  margin: 0 14px 12px;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}

/* دکمه خرید */
ul.products li.product .button{
  margin: 16px 14px 20px;
  display: block;
  text-align: center;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
  transition: filter .2s ease, transform .2s ease;
}
ul.products li.product .button:hover{
  filter: brightness(1.08);
  transform: translateY(-1px);
}

/* لیبل تخفیف */
ul.products li.product .onsale{
  position: absolute; inset-block-start: 10px; inset-inline-start: 10px; /* منطقی برای RTL/LTR */
  background: #ff4f7d;
  color: #fff;
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
}

/* عنوان محصول داخل ابزار Elementor آرشیو – حذف !important غیرضروری جزئی */
.elementor-widget-wc-archive-products.elementor-wc-products
  ul.products li.product .woocommerce-loop-product__title {
  color: #fff;
  padding: 10px;
}

/* توضیح دسته */
.term-description {
  background: #141226;
  padding: 30px;
  border-radius: 25px;
  border: 1px solid #ffffff1a;
}

/* =========================================================
   WooCommerce ordering select — Glass + Brand
   - ادغام با متغیرهای سراسری برند/متن
   ========================================================= */
form.woocommerce-ordering{
  position: relative;
  display: inline-flex;
  align-items: center;
  isolation: isolate;
}

/* خود select (بومی) */
form.woocommerce-ordering select.orderby{
  appearance: none;
  background-image: none !important; /* حذف فلش پیش‌فرض */
  background: var(--glass-bg);
  border: 1px solid var(--glass-brd);
  color: var(--color-text);
  border-radius: 14px;
  padding: 10px 44px 10px 14px;            /* LTR پیش‌فرض */
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  box-shadow: 0 8px 22px rgba(0,0,0,.28);
  font-weight: 700;
  line-height: 1;
  min-width: 210px;
  transition: box-shadow .2s ease, border-color .2s ease, filter .2s ease;
  background-clip: padding-box; /* جلوگیری از لیک رنگ در گوشه‌ها */
}
form.woocommerce-ordering select.orderby::-ms-expand{ display: none; }

/* آیکن فلش سفارشی */
form.woocommerce-ordering::after{
  content: "";
  position: absolute;
  inset-inline-end: 14px;                    /* Supports RTL/LTR */
  inset-block-start: 50%;
  transform: translateY(-50%);
  inline-size: 18px; block-size: 18px; border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.9), rgba(255,255,255,.7) 60%, transparent 61%) padding-box,
    linear-gradient(90deg, var(--color-primary), var(--color-secondary)) border-box;
  border: 1px solid transparent;
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
  pointer-events: none;
  /* فلش رو به پایین داخل دایره */
  mask: conic-gradient(from 135deg at 50% 58%, #000 0 25%, transparent 0 75%, #000 0) center/55% 55% no-repeat;
}

/* RTL: فقط پدینگ را جا‌به‌جا می‌کنیم (استفاده از خواص منطقی نیز اعمال شد) */
html[dir="rtl"] form.woocommerce-ordering select.orderby{
  padding: 10px 14px 10px 44px;
  text-align: right;
}

form.woocommerce-ordering select.orderby:hover{ filter: brightness(1.03); }
form.woocommerce-ordering select.orderby:focus{
  outline: none;
  border-color: transparent;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 0 0 2px transparent,
    0 0 14px rgba(125,92,255,.35);
}

/* رنگ منوی بازشونده (تا حد مجاز مرورگر) */
form.woocommerce-ordering select.orderby option{
  background: #121228;
  color: #fff;
}

/* موبایل */
@media (max-width: 480px){
  form.woocommerce-ordering select.orderby{
    min-width: 180px;
    padding: 8px 40px 8px 12px;
  }
  html[dir="rtl"] form.woocommerce-ordering select.orderby{
    padding: 8px 12px 8px 40px;
  }
}

/* =========================================================
   Articles Section – هاله‌های نوری کناری با انیمیشن نرم
   ========================================================= */
.articles-section {
  position: relative;
  background: #0a0a0a;
  overflow: hidden;
  z-index: 1;
}

/* نور سمت چپ */
.articles-section::before,
.articles-section::after {
  content: "";
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  filter: blur(100px);
  z-index: 0;
}

/* سمت چپ */
.articles-section::before {
  left: 0;
  background: linear-gradient(90deg, rgba(168,85,247,.6), transparent);
  animation: glowMove 6s ease-in-out infinite alternate;
}

/* سمت راست */
.articles-section::after {
  right: 0;
  background: linear-gradient(-90deg, rgba(236,72,153,.6), transparent);
  animation: glowMove 6s ease-in-out infinite alternate-reverse;
}
/**************************//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'yekanBakh';
	font-display: auto;
	src: url('https://nightplus.ir/wp-content/uploads/2025/04/YekanBakhFaNum-VF.ttf') format('truetype');
}
/* End Custom Fonts CSS */