/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 12 2026 | 17:12:12 */
/* ==========================================================================
   طراحی شیشه‌ای یکپارچه سبز زمردی + خطوط طلایی و تفکیک متون داریوش موبایل
   (پوشش کامل منوی کناری دسکتاپ، سایدبارها، کارت‌ها و فوتر)
   ========================================================================== */

:root {
  --dm-bg-deep: #07261d;
  --dm-glass-bg: rgba(11, 61, 46, 0.78);
  --dm-glass-card: rgba(11, 61, 46, 0.65);
  --dm-glass-header: rgba(11, 61, 46, 0.94);
  --dm-gold: #d4af37;
  --dm-gold-border: rgba(212, 175, 55, 0.75);
  --dm-gold-hover: rgba(212, 175, 55, 1);
  --dm-glass-blur: blur(14px);
  --dm-text-white: #ffffff;
}

/* ۱. پس‌زمینه کلی و متن‌های سراسری */
html,
body,
.website-wrapper,
.main-page-wrapper,
#content,
.container {
  background-color: var(--dm-bg-deep) !important;
  color: var(--dm-text-white) !important;
}

h1, h2, h3, h4, h5, h6,
p, span, a, li, label, strong, b,
.title, .entry-title, .product-title,
.wd-entities-title, .elementor-heading-title,
.slider-title, .banner-title, .banner-subtitle {
  color: var(--dm-text-white) !important;
  -webkit-text-fill-color: var(--dm-text-white) !important;
  text-shadow: none !important;
}

/* ۲. خط طلایی زیر هدر */
.whb-header,
.whb-sticky-header,
.whb-general-header,
.whb-header-bottom {
  background: var(--dm-glass-header) !important;
  backdrop-filter: var(--dm-glass-blur) !important;
  -webkit-backdrop-filter: var(--dm-glass-blur) !important;
  border-bottom: 2px solid var(--dm-gold-border) !important;
}

/* ۳. منوی کشویی کناری دسکتاپ و موبایل (رفع سفیدی کامل سایدبار بازشونده) */
.wd-side-hidden,
.woodmart-close-side,
.wd-dropdown-side,
.wd-side-hidden-nav,
.mobile-nav,
.mobile-nav ul,
.mobile-nav li,
.mobile-nav a,
.wd-nav-mobile,
.wd-nav-mobile *,
.wd-nav-vertical,
.wd-nav-vertical *,
.wd-mobile-menu-tabs,
.wd-mobile-menu-tabs li a,
.woodmart-mobile-menu-tabs,
.woodmart-mobile-menu-tabs li a,
.wd-sub-menu-dropdown {
  background: var(--dm-glass-header) !important;
  backdrop-filter: var(--dm-glass-blur) !important;
  -webkit-backdrop-filter: var(--dm-glass-blur) !important;
  color: var(--dm-text-white) !important;
  border-color: var(--dm-gold-border) !important;
}

.wd-side-hidden,
.wd-dropdown-side {
  border-left: 2px solid var(--dm-gold-border) !important;
  border-right: 2px solid var(--dm-gold-border) !important;
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.6) !important;
}

.wd-mobile-menu-tabs li.active a,
.woodmart-mobile-menu-tabs li.active a,
.mobile-nav .wd-active a,
.mobile-nav a:hover,
.wd-nav-vertical a:hover {
  background: rgba(11, 61, 46, 0.98) !important;
  color: var(--dm-gold) !important;
}

/* ۴. فوتر داخل کادر شیشه‌ای شکیل با فاصله استاندارد از پایین */
footer,
.footer-container,
footer.footer-sidebar,
.min-footer {
  background: transparent !important;
  border: none !important;
  padding: 0 15px !important;
  margin: 20px 0 10px 0 !important;
}

.min-footer,
.footer-wrapper {
  background: var(--dm-glass-header) !important;
  backdrop-filter: var(--dm-glass-blur) !important;
  -webkit-backdrop-filter: var(--dm-glass-blur) !important;
  border: 1.5px solid var(--dm-gold-border) !important;
  border-radius: 20px !important;
  padding: 16px 20px !important;
  margin: 0 auto 10px auto !important;
  max-width: 95% !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
  color: var(--dm-text-white) !important;
}

.min-footer *,
.footer-wrapper * {
  background: transparent !important;
  color: var(--dm-text-white) !important;
}

/* ۵. برگه حساب کاربری: خطوط سفید واضح دور کارت‌ها و کیف پول */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content,
.woocommerce-account .woocommerce,
.my-account-sidebar,
.woodmart-my-account-sidebar,
div[class*="wallet"],
div[class*="balance"],
[class*="my-account"] .elementor-widget-container > div {
  border: 1.5px solid #ffffff !important;
  border-radius: 16px !important;
}

.woocommerce-account [class*="box"],
.woocommerce-account .elementor-column-wrap,
.woocommerce-account .elementor-widget-container {
  border-color: #ffffff !important;
}

/* ۶. کارت محصولات: خطوط طلایی مشخص دور کادرها */
.product-grid-item,
.wd-product,
.content-product-imagin,
div.product-grid-item > div,
.product-element-top {
  background: var(--dm-glass-card) !important;
  backdrop-filter: var(--dm-glass-blur) !important;
  -webkit-backdrop-filter: var(--dm-glass-blur) !important;
  border: 1.5px solid var(--dm-gold-border) !important;
  border-radius: 18px !important;
  color: var(--dm-text-white) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

.product-grid-item:hover,
.wd-product:hover {
  border-color: var(--dm-gold-hover) !important;
  box-shadow: 0 12px 30px rgba(212, 175, 55, 0.35) !important;
}

.product-grid-item .price,
.product-grid-item .price .amount {
  color: var(--dm-text-white) !important;
}

.product-grid-item .price ins .amount {
  color: var(--dm-gold) !important;
  font-weight: 900 !important;
}

/* ۷. اصلاح متن‌های مزایا و معایب محصول (Reasons to buy & Reasons to avoid) */
[class*="reasons-to-buy"],
[class*="reasons-to-avoid"],
[class*="pros-cons"],
div[class*="reason"] {
  color: #1a1a1a !important;
}

[class*="reasons-to-buy"] *,
[class*="reasons-to-avoid"] *,
div[class*="reason"] p,
div[class*="reason"] span,
div[class*="reason"] li {
  color: #222222 !important;
  -webkit-text-fill-color: #222222 !important;
  font-weight: 600 !important;
}

/* ۸. خطوط طلایی برای باکس‌های مشخصات و حباب‌ها */
.single-product-page .woocommerce-tabs,
.single-product-page .woocommerce-Tabs-panel,
.single-product-page .product-tabs-wrapper,
.single-product-page .entry-summary,
.single-product-page .wd-info-box,
.single-product-page [class*="info-box"],
.shop_attributes {
  background: var(--dm-glass-card) !important;
  backdrop-filter: var(--dm-glass-blur) !important;
  -webkit-backdrop-filter: var(--dm-glass-blur) !important;
  border: 1.5px solid var(--dm-gold-border) !important;
  border-radius: 16px !important;
  color: var(--dm-text-white) !important;
}

/* ۹. کارت‌های وبلاگ */
.post,
.blog-post-loop,
.article-inner,
.post-date,
.meta-post-categories,
.wd-post,
.wd-post * {
  background: var(--dm-glass-card) !important;
  backdrop-filter: var(--dm-glass-blur) !important;
  -webkit-backdrop-filter: var(--dm-glass-blur) !important;
  border: 1.5px solid var(--dm-gold-border) !important;
  border-radius: 18px !important;
  color: var(--dm-text-white) !important;
}

.article-inner,
.entry-content,
.entry-content * {
  background-color: transparent !important;
  color: var(--dm-text-white) !important;
}

/* ۱۰. نوار ابزار شناور پایین موبایل */
.whb-stickynav,
.wd-toolbar,
.woodmart-toolbar {
  background: var(--dm-glass-header) !important;
  backdrop-filter: var(--dm-glass-blur) !important;
  -webkit-backdrop-filter: var(--dm-glass-blur) !important;
  border-top: 1.5px solid var(--dm-gold-border) !important;
}

.wd-toolbar a,
.wd-toolbar span,
.wd-toolbar-label,
.woodmart-toolbar a,
.woodmart-toolbar span,
.wd-toolbar-icon {
  color: var(--dm-text-white) !important;
}

/* ۱۱. دکمه‌های اصلی */
.button,
.btn,
.single_add_to_cart_button,
.checkout-button,
button[type="submit"] {
  background-color: var(--dm-gold) !important;
  color: #0b3d2e !important;
  font-weight: 800 !important;
  border-radius: 12px !important;
  border: none !important;
}