/*
 Theme Name:   Woodmart Child
 Template:     woodmart
 Author:       LordPress
 Version:      1.0
*/

/* ========================================================================== */

/* ====================   تغییر رنگ متن سلکت شده در کل سایت   =================== */
::selection {
    background-color: #ca1919; /* رنگ پس‌زمینه متن انتخاب‌شده */
    color: #ffffff; /* رنگ متن انتخاب‌شده */
}

/* برای فایرفاکس (که نیاز به ::-moz-selection دارد) */
::-moz-selection {
    background-color: #ca1919;
    color: #ffffff;
}

/* ==========================  استایل کادر جستجو در هدر  ======================== */
.whb-general-header .wd-header-search-form {
  max-width: 80%;
  margin-right: 10%;
}

/* گرد شدن کادر جستجو */
.whb-general-header .wd-header-search-form input[type="text"] {
  border-radius: 3px;
}

/* ==================  تغییر استایل بعضی لینکها در صفحه محصول  ==================== */

/* استایل هاور برای دکمه مقایسه در صفحه تکی محصول */
.wd-compare-btn.wd-action-btn:hover,
.wd-compare-btn.wd-action-btn:hover a,
.wd-compare-btn.wd-action-btn:hover span {
    color: #ca1919 !important;
}

/* استایل هاور برای دکمه علاقه‌مندی در صفحه تکی محصول */
.wd-wishlist-btn.wd-action-btn:hover,
.wd-wishlist-btn.wd-action-btn:hover a,
.wd-wishlist-btn.wd-action-btn:hover span {
    color: #ca1919 !important;
}

/* اگر آیکون‌ها از pseudo-elements استفاده می‌کنند */
.wd-compare-btn.wd-action-btn:hover::before,
.wd-wishlist-btn.wd-action-btn:hover::before {
    color: #ca1919 !important;
}

/* اگر آیکون‌ها SVG هستند */
.wd-compare-btn.wd-action-btn:hover svg,
.wd-wishlist-btn.wd-action-btn:hover svg {
    fill: #ca1919 !important;
}

/* انیمیشن نرم برای تغییر رنگ */
.wd-compare-btn.wd-action-btn,
.wd-wishlist-btn.wd-action-btn,
.wd-compare-btn.wd-action-btn a,
.wd-wishlist-btn.wd-action-btn a,
.wd-compare-btn.wd-action-btn span,
.wd-wishlist-btn.wd-action-btn span {
    transition: color 0.3s ease !important;
}

/* سلکتور کلی‌تر برای اطمینان */
.wd-action-btn.wd-compare-icon:hover,
.wd-action-btn.wd-wishlist-icon:hover {
    color: #ca1919 !important;
}

.wd-action-btn.wd-compare-icon:hover a,
.wd-action-btn.wd-wishlist-icon:hover a {
    color: #ca1919 !important;
}

/* کد کامل و جامع برای همه شبکه‌های اجتماعی */
.wd-social-icon:hover,
.wd-social-icon:hover .wd-icon,
a.wd-social-icon:hover,
a.wd-social-icon:hover span.wd-icon {
    color: #ca1919 !important;
}

.wd-social-icon:hover::before,
.wd-social-icon:hover .wd-icon::before {
    color: #ca1919 !important;
}

.wd-social-icon:hover svg,
.wd-social-icon:hover .wd-icon svg {
    fill: #ca1919 !important;
}

/* این خطوط اضافه را هم بگذار برای اطمینان کامل */
.wd-social-icon:hover svg path {
    fill: #ca1919 !important;
}

.wd-social-icon:hover i,
.wd-social-icon:hover .fa,
.wd-social-icon:hover [class*="icon-"] {
    color: #ca1919 !important;
}

.wd-social-icon,
.wd-social-icon .wd-icon {
    transition: color 0.3s ease !important;
}

/* transition برای SVG ها هم */
.wd-social-icon svg,
.wd-social-icon svg path {
    transition: fill 0.3s ease !important;
}

/* ======================== تنظیمات کامل فوتر و کپی رایت ==========================*/

/* فوتر */
.wd-copyrights.copyrights-wrapper {
    background-color: #000 !important;	
    border-top: 2px solid #FF0000 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: visible !important;
}

/* خط سفید متحرک */
.wd-copyrights.copyrights-wrapper::before {
    content: '';
    position: absolute;
    top: -2px;
    right: 0%;
    width: 0px;
    height: 2px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 1px;
    animation: smoothWaveWithPause 9s linear infinite;
    z-index: 100 !important;
    display: block !important;
}

/* انیمیشن 9 ثانیه‌ای با مکث داخلی */
@keyframes smoothWaveWithPause {
    /* 6 ثانیه انیمیشن (0% تا 66.66%) */
    0% { right: 0%; width: 0px; opacity: 0; }
    3.33% { right: 5%; width: 20px; opacity: 1; }    /* 5% از کل انیمیشن */
    6.66% { right: 10%; width: 40px; opacity: 1; }   /* 10% از کل انیمیشن */
    10% { right: 15%; width: 60px; opacity: 1; }     /* 15% از کل انیمیشن */
    13.33% { right: 20%; width: 80px; opacity: 1; }  /* 20% از کل انیمیشن */
    16.66% { right: 25%; width: 100px; opacity: 1; } /* 25% از کل انیمیشن */
    20% { right: 30%; width: 120px; opacity: 1; }    /* 30% از کل انیمیشن */
    23.33% { right: 35%; width: 140px; opacity: 1; } /* 35% از کل انیمیشن */
    26.66% { right: 40%; width: 160px; opacity: 1; } /* 40% از کل انیمیشن */
    30% { right: 45%; width: 180px; opacity: 1; }    /* 45% از کل انیمیشن */
    33.33% { right: 50%; width: 200px; opacity: 1; } /* 50% از کل انیمیشن */
    36.66% { right: 55%; width: 180px; opacity: 1; } /* 55% از کل انیمیشن */
    40% { right: 60%; width: 160px; opacity: 1; }    /* 60% از کل انیمیشن */
    43.33% { right: 65%; width: 140px; opacity: 1; } /* 65% از کل انیمیشن */
    46.66% { right: 70%; width: 120px; opacity: 1; } /* 70% از کل انیمیشن */
    50% { right: 75%; width: 100px; opacity: 1; }    /* 75% از کل انیمیشن */
    53.33% { right: 80%; width: 80px; opacity: 1; }  /* 80% از کل انیمیشن */
    56.66% { right: 85%; width: 60px; opacity: 1; }  /* 85% از کل انیمیشن */
    60% { right: 90%; width: 40px; opacity: 1; }     /* 90% از کل انیمیشن */
    63.33% { right: 95%; width: 20px; opacity: 1; }  /* 95% از کل انیمیشن */
    66.66% { right: 100%; width: 0px; opacity: 0; }  /* 100% از کل انیمیشن */
    
    /* 3 ثانیه مکث (66.66% تا 100%) */
    67% { right: 100%; width: 0px; opacity: 0; }
    100% { right: 100%; width: 0px; opacity: 0; }
}

/* ========================= استایل دهی فلش های کاروسل ===========================*/

.wd-nav-arrows .wd-btn-arrow {
    background-color: white !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

/* هاور افکت برای فلش ها */
.wd-nav-arrows .wd-btn-arrow:hover {
    background-color: #f8f9fa !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.05) !important;
}

/* فلش راست - باید کاروسل را به چپ ببرد */
.wd-nav-arrows .wd-btn-arrow.wd-prev {
    right: 10px !important;
    left: auto !important;
}

/* فلش چپ - باید کاروسل را به راست ببرد */
.wd-nav-arrows .wd-btn-arrow.wd-next {
    left: 10px !important;
    right: auto !important;
}

/* کوچک کردن آیکون‌های فلش با transform scale */
.wd-nav-arrows .wd-btn-arrow * {
    transform: scale(0.6) !important;
}

.wd-nav-arrows .wd-btn-arrow svg,
.wd-nav-arrows .wd-btn-arrow i,
.wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.wd-nav-arrows .wd-btn-arrow::before,
.wd-nav-arrows .wd-btn-arrow::after {
    transform: scale(0.6) !important;
}
/* تنظیم موقعیت فلش راست - تصحیح شده */
.wd-nav-arrows .wd-btn-arrow.wd-prev {
    right: -15px !important; /* نزدیک به کاروسل ولی بیرونش */
    left: auto !important;
}

/* تنظیم موقعیت فلش چپ - تصحیح شده */
.wd-nav-arrows .wd-btn-arrow.wd-next {
    left: -30px !important; /* نزدیک به کاروسل ولی بیرونش */
    right: auto !important;
}
/* برای نمایش بهتر در موبایل */
@media (max-width: 768px) {
    .wd-nav-arrows .wd-btn-arrow {
        width: 25px !important;
        height: 25px !important;
    }
    
    .wd-nav-arrows .wd-btn-arrow.wd-prev {
        right: -22px !important;
    }
    
    .wd-nav-arrows .wd-btn-arrow.wd-next {
        left: -22px !important;
    }
    
    .wd-nav-arrows .wd-btn-arrow * {
        transform: scale(0.5) !important;
    }
}

/* ========================  ==========================*/

/* تغییر عبارت دکمه مقایسه بیشتر محصولات */
.btn.wd-compare-cat-link {
    font-size: 0;
}
.btn.wd-compare-cat-link::after {
    content: "اضافه کردن محصول برای مقایسه";
    font-size: 13px;
    font-weight: 600;
    font-family: Vazir, sans-serif;
}
.btn.wd-compare-cat-link::before {
    content: none !important;
    display: none !important;
}
/*تغییر پدینگ بالا و پایین فوتر 
.footer-sidebar {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
} */

/* حذف فلش به عقب برگشتن در عنوان صفحات دسته‌ها */
.wd-page-title .wd-back-btn {
    display: none !important;
}

/* رفع ایراد چینش دایره های سفیدرنگ که موقع هاور کارت نوشته ها در صفحه وبلاگ ظاهر میشوند */
.rtl .post-image-mask {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
}
.rtl .post-image-mask:before,
.rtl .post-image-mask span,
.rtl .post-image-mask:after {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    float: none !important;
}

/* حذف عبارت «دیدگاه ها بسته هستند» از صفحه نوشته ها */
.wd-meta-reply {
	display:none;
}
 /* حذف آیکون اشتراک گذاری در کارت نوشته های مطالب مرتبط */
.hovered-social-icons{
		display:none;
}

/* افزایش مقیاس کارت محصول هنگام هاور */
.product-wrapper {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  will-change: transform;
}

.product-wrapper:hover {
  transform: translateY(-8px) scale(1.03);
}

/* حذف عبارت (dr.khodro.admin نیستید؟ خارج شوید) در صفحه حساب کاربری */
p:has(a[href*="wp-login.php?action=logout"]) {
    font-size: 0 !important;
}

p:has(a[href*="wp-login.php?action=logout"])::before {
    content: "سلام ";
    font-size: 16px;
}

p:has(a[href*="wp-login.php?action=logout"]) strong:first-of-type {
    font-size: 16px;
}

p:has(a[href*="wp-login.php?action=logout"]) strong:first-of-type::after {
    content: " عزیز";
    font-size: 16px;
}

/* تغییر اندازه جدول انتخاب متغیرهای محصول */
table.variations select {
    max-width: 200px !important;
}

/* رفع کشیدگی‌های پس‌زمینه پیش‌فرض وودمارت */
body.single-product .related-and-upsells .wd-carousel-container {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* تنظیم فونت و فاصله عنوان محصولات مرتبط */
body.single-product .related-and-upsells .slider-title {
    margin-bottom: 20px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: right !important;
}

/* باکس کردن بخش محصولات مرتبط در صفحه محصول */
body.single-product .single-product-page.np-has-product-card > .container.related-and-upsells {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    padding: 20px 25px !important;
}
.products-bordered-grid.wd-products-with-bg.elements-grid>.wd-col, .products-bordered-grid.wd-products-with-bg .wd-carousel-inner {
    background-color: #FCFCFC;
}

/* حل مشکل روی هم افتادن فلش‌های چپ و راست در حالت بزرگنمایی محصول */
.pswp .pswp__button--arrow--left::before,
.pswp .pswp__button--arrow--right::before {
    content: none !important;
}
.pswp .pswp__button--arrow--left::after,
.pswp .pswp__button--arrow--right::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 15px !important;
    height: 15px !important;
    border-top: 4px solid #ffffff !important;
    border-right: 4px solid #ffffff !important;
}
.pswp .pswp__button--arrow--left::after {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}
.pswp .pswp__button--arrow--right::after {
    transform: translate(-50%, -50%) rotate(-135deg) !important;
}
.pswp .pswp__button--arrow--left,
.pswp .pswp__button--arrow--right {
    position: absolute !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background-color: rgba(120, 120, 120, 0.85) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}
.pswp .pswp__button--arrow--left {
    right: calc(50% - 500px) !important;
    left: auto !important;
    top: 50% !important;
    margin-top: -30px !important;
}
.pswp .pswp__button--arrow--right {
    left: calc(50% - 500px) !important;
    right: auto !important;
    top: 50% !important;
    margin-top: -30px !important;
}
.pswp .pswp__button--arrow--left:hover,
.pswp .pswp__button--arrow--right:hover {
    background-color: rgba(160, 160, 160, 0.95) !important;
}
@media (max-width: 900px) {
    .pswp .pswp__button--arrow--left,
    .pswp .pswp__button--arrow--right {
        width: 40px !important; 
        height: 40px !important;
        margin-top: -22px !important; 
    }
    .pswp .pswp__button--arrow--left { right: 0 !important; }
    .pswp .pswp__button--arrow--right { left: 0 !important; }
    .pswp .pswp__button--arrow--left::after,
    .pswp .pswp__button--arrow--right::after {
        width: 12px !important; 
        height: 12px !important;
        border-width: 3px !important; 
    }
}

/* استایل دکمه فاکتور خرید در صفحه مشخصات سفارش */
.woocommerce-button.button.order-actions-button {
    background-color: #D32B2D !important;
    color: #ffffff !important;
    border-color: #D32B2D !important;
    border-radius: 5px !important;
}
.woocommerce-button.button.order-actions-button:hover,
.woocommerce-button.button.order-actions-button:focus {
    background-color: #c82a2c  !important;
    color: #ffffff !important;
    border-color: #c82a2c  !important;
}

/* استایل سفارشی صفحه حساب کاربری */
body.woocommerce-account,
.woocommerce-account .website-wrapper,
.woocommerce-account .main-page-wrapper,
.woocommerce-account .site-content,
.woocommerce-account footer.footer-container {
    background-color: #fafafa !important;
}
.woocommerce-my-account-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 30px !important;
    align-items: stretch !important;
}
.wd-my-account-sidebar,
.woocommerce-MyAccount-content {
    flex: 1 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    padding: 24px !important;
}
.wd-my-account-sidebar .woocommerce-MyAccount-navigation ul li a,
.woocommerce-MyAccount-navigation ul li a {
    transition: color 0.2s ease, background-color 0.2s ease !important;
}
.wd-my-account-sidebar .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li a:hover {
    color: #D32B2D !important;
}
.wd-my-account-sidebar .woocommerce-MyAccount-navigation ul li.is-active > a,
.woocommerce-MyAccount-navigation ul li.is-active > a,
.wd-my-account-sidebar .woocommerce-MyAccount-navigation ul li.active > a {
    color: #D32B2D !important;
    background-color: rgba(211, 43, 45, 0.06) !important;
    font-weight: 600 !important;
}
@media (max-width: 991px) {
    .woocommerce-my-account-wrapper {
        flex-direction: column !important;
    }
    .wd-my-account-sidebar {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
}

/*  استایل سفارشی صفحه تماس با ما */
.elementor-element-1c9344a2 .elementor-container {
    display: flex !important;
    gap: 30px !important; 
    align-items: stretch !important;
}
.elementor-element-1c9344a2 .elementor-column {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05) !important;
    padding: 25px !important;
    box-sizing: border-box !important;
    background-clip: padding-box !important;
}
.elementor-element-a4e7846 > .elementor-element-populated {
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    padding: 0 !important;
}
.elementor-element-41bec3dc > .elementor-element-populated {
    padding: 0 !important;
}
@media (min-width: 1025px) {
    .elementor-element-1c9344a2 .elementor-column {
        width: calc(50% - 15px) !important;
    }
}
@media (max-width: 1024px) {
    .elementor-element-1c9344a2 .elementor-container {
        flex-direction: column !important;
        gap: 20px !important;
    }
    .elementor-element-1c9344a2 .elementor-column {
        width: 100% !important;
    }
}