/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* ============================================ */
/* Dark Mode برای وودمارت - نسخه اصلاح‌شده */
/* ============================================ */

/* پس‌زمینه اصلی کل سایت */
body.dark {
    background-color: #1a1a1a !important;
}

/* پس‌زمینه تمام بخش‌های اصلی */
body.dark .wd-page-wrapper,
body.dark .wd-page-content,
body.dark .wd-content-area,
body.dark .wd-content-layout,
body.dark .main-page-wrapper,
body.dark .site-content,
body.dark .entry-content,
body.dark .product,
body.dark .wd-product,
body.dark .woocommerce-product-gallery,
body.dark .summary-inner,
body.dark .entry-summary,
body.dark .product-tabs-wrapper,
body.dark .woocommerce-Tabs-panel,
body.dark .related-and-upsells,
body.dark .wd-products,
body.dark .wd-shop-tools,
body.dark .filters-area,
body.dark .wd-accordion,
body.dark .wd-tabs,
body.dark .cart-content-wrapper,
body.dark .woocommerce-checkout,
body.dark .wd-checkout-form,
body.dark .checkout-order-review,
body.dark .woocommerce-MyAccount-content,
body.dark .wd-my-account-sidebar,
body.dark .wd-side-hidden,
body.dark .mobile-nav,
body.dark .cart-widget-side,
body.dark .wd-dropdown,
body.dark .wd-dropdown-menu {
    background-color: #1a1a1a !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

/* ============================================
   اعمال متغیرهای رنگ تیره وودمارت
   ============================================ */
body.dark,
body.dark .whb-general-header,
body.dark .whb-header-bottom,
body.dark .whb-top-bar,
body.dark .wd-page-wrapper,
body.dark .wd-page-content,
body.dark .wd-content-area,
body.dark .wd-content-layout,
body.dark .wd-sidebar,
body.dark .wd-footer,
body.dark .wd-prefooter,
body.dark .wd-copyrights,
body.dark .product,
body.dark .wd-product,
body.dark .wd-products,
body.dark .woocommerce-product-gallery,
body.dark .summary-inner,
body.dark .entry-summary,
body.dark .wd-shop-tools,
body.dark .filters-area,
body.dark .wd-accordion,
body.dark .wd-tabs,
body.dark .product-tabs-wrapper,
body.dark .related-and-upsells,
body.dark .cart-content-wrapper,
body.dark .woocommerce-checkout,
body.dark .wd-checkout-form,
body.dark .checkout-order-review,
body.dark .woocommerce-MyAccount-content,
body.dark .wd-my-account-sidebar,
body.dark .woocommerce-MyAccount-navigation,
body.dark .wd-nav-my-acc,
body.dark .wd-side-hidden,
body.dark .mobile-nav,
body.dark .cart-widget-side,
body.dark .wd-dropdown,
body.dark .wd-dropdown-menu,
body.dark .wd-search-full-screen,
body.dark .wd-popup {
    --color-white: #000;
    --color-gray-100: rgba(255, 255, 255, 0.1);
    --color-gray-200: rgba(255, 255, 255, 0.2);
    --color-gray-300: rgba(255, 255, 255, 0.5);
    --color-gray-400: rgba(255, 255, 255, 0.6);
    --color-gray-500: rgba(255, 255, 255, 0.7);
    --color-gray-600: rgba(255, 255, 255, 0.8);
    --color-gray-700: rgba(255, 255, 255, 0.9);
    --color-gray-800: #FFF;
    --color-gray-900: #FFF;
    --bgcolor-white: #0f0f0f;
    --bgcolor-gray-100: #0a0a0a;
    --bgcolor-gray-200: #121212;
    --bgcolor-gray-300: #141414;
    --brdcolor-gray-200: rgba(255, 255, 255, 0.1);
    --brdcolor-gray-300: rgba(255, 255, 255, 0.15);
    --brdcolor-gray-400: rgba(255, 255, 255, 0.25);
    --brdcolor-gray-500: rgba(255, 255, 255, 0.3);
    --wd-text-color: rgba(255, 255, 255, 0.8);
    --wd-title-color: #FFF;
    --wd-entities-title-color: #FFF;
    --wd-entities-title-color-hover: rgba(255, 255, 255, 0.8);
    --wd-link-color: rgba(255, 255, 255, 0.9);
    --wd-link-color-hover: #FFF;
    --wd-form-brd-color: rgba(255, 255, 255, 0.2);
    --wd-form-brd-color-focus: rgba(255, 255, 255, 0.3);
    --wd-form-placeholder-color: rgba(255, 255, 255, 0.6);
    --wd-main-bgcolor: #1a1a1a;
    --wd-navigation-color: 255, 255, 255;
}

/* ============================================
   اصلاحات خاص برای عناصر وودمارت
   ============================================ */

/* هدر */
body.dark .whb-color-dark:not(.whb-with-bg) {
    background-color: #1a1a1a !important;
}
body.dark .whb-general-header {
    background-color: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark .whb-header-bottom {
    background-color: #1a1a1a !important;
}

/* گالری تصاویر محصول */
body.dark .woocommerce-product-gallery,
body.dark .woocommerce-product-gallery__image,
body.dark .wd-carousel-inner {
    background-color: #1f1f1f !important;
}
body.dark .woocommerce-product-gallery__image img {
    background-color: #1f1f1f !important;
}

/* تب‌های توضیحات محصول */
body.dark .wc-tabs-wrapper,
body.dark .woocommerce-Tabs-panel,
body.dark .wd-tabs,
body.dark .wd-tab-content {
    background-color: #1a1a1a !important;
    color: rgba(255, 255, 255, 0.8) !important;
}
body.dark .wd-nav-tabs > li > a {
    color: rgba(255, 255, 255, 0.7) !important;
}
body.dark .wd-nav-tabs > li.active > a,
body.dark .wd-nav-tabs > li:hover > a {
    color: #b58352 !important;
}

/* جداول */
body.dark table th {
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
    color: #FFF !important;
}
body.dark table td {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

/* متن‌ها و عناوین */
body.dark .woodmart-title-container,
body.dark .wd-entities-title,
body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6 {
    color: #FFF !important;
}
body.dark p, body.dark li, body.dark span {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* قیمت‌ها */
body.dark .price,
body.dark .amount {
    color: #b58352 !important;
}

/* فوتر */
body.dark .wd-footer,
body.dark .wd-copyrights,
body.dark .footer-sidebar,
body.dark .footer-column {
    background-color: #0a0a0a !important;
    color: rgba(255, 255, 255, 0.8) !important;
}
body.dark .wd-footer .widget-title,
body.dark .wd-footer h5 {
    color: #FFF !important;
}

/* فرم‌ها */
body.dark input[type='text'],
body.dark input[type='email'],
body.dark input[type='tel'],
body.dark input[type='password'],
body.dark input[type='search'],
body.dark textarea,
body.dark select {
    background-color: #1f1f1f !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}
body.dark input::placeholder,
body.dark textarea::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* دکمه‌ها */
body.dark .btn.btn-default {
    background-color: #2a2a2a !important;
    color: #FFF !important;
}
body.dark .btn.btn-default:hover {
    background-color: #3a3a3a !important;
}
body.dark .btn.btn-accent {
    background-color: #b58352 !important;
    color: #FFF !important;
}

/* سبد خرید و تسویه حساب */
body.dark .cart-content-wrapper,
body.dark .woocommerce-checkout-review-order-table,
body.dark .checkout-order-review,
body.dark .cart-totals-inner {
    background-color: #1f1f1f !important;
}
body.dark .cart-totals-inner {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* لینک‌ها */
body.dark a {
    color: rgba(255, 255, 255, 0.9) !important;
}
body.dark a:hover {
    color: #b58352 !important;
}

/* منوها */
body.dark .wd-nav > li > a {
    color: rgba(255, 255, 255, 0.9) !important;
}
body.dark .wd-nav > li > a:hover {
    color: #b58352 !important;
}

/* محصولات در حلقه */
body.dark .wd-product-wrapper,
body.dark .product-element-bottom {
    background-color: transparent !important;
}
body.dark .wd-product {
    background-color: transparent !important;
}

/* استایل حالت تاریک برای دکمه‌های تغییر تم */
body.dark .theme-switcher-wrapper {
    background: rgba(255, 255, 255, 0.1);
}
body.dark .theme-switcher-wrapper .theme-btn {
    color: #aaa;
}
body.dark .theme-switcher-wrapper .theme-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}
body.dark .theme-switcher-wrapper .theme-btn.active {
    background: #b58352;
    color: #fff;
}
/* ============================================ */
/* اصلاح بنرها در حالت تاریک */
/* ============================================ */

body.dark .banner-background.color-scheme-dark .wrapper-content-banner,
body.dark .banner-background .wrapper-content-banner,
body.dark .promo-banner.banner-background .wrapper-content-banner {
    background-color: rgba(26, 26, 26, 0.9) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

/* اگر بنر شامل متن است، رنگ متن را هم اصلاح کن */
body.dark .banner-background .banner-title,
body.dark .banner-background .banner-subtitle,
body.dark .banner-background .banner-inner,
body.dark .banner-background .banner-inner p {
    color: #FFF !important;
}

/* اگر بنر شامل دکمه است */
body.dark .banner-background .btn {
    color: #FFF !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* اگر بنر پس‌زمینه‌ی شفاف دارد، آن را تیره کن */
body.dark .banner-background .wrapper-content-banner:before {
    background-color: rgba(0, 0, 0, 0.3) !important;
}
/* ============================================ */
/* Dark Mode برای بخش‌های المنتور */
/* ============================================ */

/* پس‌زمینه تمام بخش‌های المنتور */
body.dark .elementor-section,
body.dark .elementor-container,
body.dark .elementor-column,
body.dark .elementor-widget-wrap,
body.dark .elementor-element,
body.dark .e-con,
body.dark .e-con-inner,
body.dark .elementor-top-section,
body.dark .elementor-inner-section {
    background-color: transparent !important;
}

/* بخش‌های خاص المنتور که پس‌زمینه دارند */
body.dark .elementor-section[data-settings*="background_background"],
body.dark .e-con[data-settings*="background_background"],
body.dark .elementor-element[data-settings*="background_background"] {
    background-color: #1a1a1a !important;
}

/* ویجت‌های المنتور */
body.dark .elementor-widget-container {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* عناوین المنتور */
body.dark .elementor-heading-title,
body.dark .elementor-widget-heading .elementor-heading-title {
    color: #FFF !important;
}

/* متن‌های المنتور */
body.dark .elementor-widget-text-editor,
body.dark .elementor-widget-text-editor p,
body.dark .elementor-text-editor {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* دکمه‌های المنتور */
body.dark .elementor-button {
    background-color: #b58352 !important;
    color: #FFF !important;
}
body.dark .elementor-button:hover {
    background-color: #c69565 !important;
}

/* دکمه‌های لینک‌دار المنتور */
body.dark .elementor-button-link {
    background-color: transparent !important;
    color: #b58352 !important;
}

/* آیکون‌های المنتور */
body.dark .elementor-icon {
    color: #FFF !important;
}
body.dark .elementor-icon svg {
    fill: #FFF !important;
    stroke: #FFF !important;
}

/* بخش‌های خاص که در تصویر شما روشن هستند */
body.dark .elementor-widget-image img {
    background-color: transparent !important;
}

/* پس‌زمینه بخش‌های خاکستری المنتور */
body.dark .elementor-background-overlay {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* فوتر المنتور */
body.dark .elementor-location-footer,
body.dark .elementor-location-footer .elementor-section,
body.dark .elementor-location-footer .e-con {
    background-color: #0a0a0a !important;
}

/* هدر المنتور */
body.dark .elementor-location-header,
body.dark .elementor-location-header .elementor-section,
body.dark .elementor-location-header .e-con {
    background-color: #1a1a1a !important;
}

/* اسلایدر المنتور */
body.dark .elementor-slides,
body.dark .elementor-slide {
    background-color: #1a1a1a !important;
}

/* کارت‌های المنتور */
body.dark .elementor-widget-image-box,
body.dark .elementor-image-box-wrapper,
body.dark .elementor-image-box-content {
    background-color: transparent !important;
}
body.dark .elementor-image-box-title {
    color: #FFF !important;
}
body.dark .elementor-image-box-description {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* ویجت‌های آیکون المنتور */
body.dark .elementor-icon-box-wrapper,
body.dark .elementor-icon-box-content {
    background-color: transparent !important;
}
body.dark .elementor-icon-box-title {
    color: #FFF !important;
}
body.dark .elementor-icon-box-description {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* پس‌زمینه بخش‌های خاص با رنگ روشن */
body.dark .elementor-element[data-settings*="background_color"] {
    background-color: #1a1a1a !important;
}

/* اصلاح رنگ متن در بخش‌های المنتور */
body.dark .elementor-widget-container h1,
body.dark .elementor-widget-container h2,
body.dark .elementor-widget-container h3,
body.dark .elementor-widget-container h4,
body.dark .elementor-widget-container h5,
body.dark .elementor-widget-container h6 {
    color: #FFF !important;
}
/* ============================================ */
/* تیره کردن اسلایدر صفحه اصلی در حالت تاریک */
/* ============================================ */

/* اضافه کردن یک لایه تیره روی اسلایدر */
body.dark .elementor-widget-wd_slider .wd-slide-bg:after,
body.dark .elementor-widget-wd_slider .wd-slide:after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-color: rgba(0, 0, 0, 0.45) !important;  /* شدت تیرگی را با این عدد کم/زیاد کنید */
    z-index: 1 !important;
    pointer-events: none !important;
}

/* اطمینان از اینکه متن‌ها روی لایه تیره قرار بگیرند */
body.dark .elementor-widget-wd_slider .wd-slide-container,
body.dark .elementor-widget-wd_slider .wd-slide-inner {
    position: relative !important;
    z-index: 2 !important;
}

/* اگر از اسلایدر المنتور (نه وودمارت) استفاده می‌کنید، این کد را هم اضافه کنید */
body.dark .elementor-slides .swiper-slide:after,
body.dark .elementor-widget-slides .elementor-slide:after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-color: rgba(0, 0, 0, 0.45) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}
/* کاروسل اسلاید جرعه ای از کتاب بخش کوت */
/* ============================================ */
/* جایگزینی کوت در حالت تاریک - همه اسلایدها */
/* ============================================ */

body.dark [class*="elementor-"] .elementor-element-e8d19e1:not(.elementor-motion-effects-element-type-background),
body.dark [class*="elementor-"] .elementor-element-e8d19e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("/wp-content/uploads/2021/09/books-quotes-dark.svg") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
}