/*!
Theme Name: شهباز راشیه
Theme URI: 
Author: رامتین نصر
Author URI: 
Description: 
Version: 1.0.1
Tested up to: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tarvand
*/

/* منوی موبایل */
#mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* پس‌زمینه تیره */
    opacity: 0;
    /* در ابتدا پنهان است */
    transform: translateX(100%);
    /* منو از سمت راست خارج می‌شود */
    pointer-events: none;
    /* تا زمانی که منو نمایش داده نشود، روی آن هیچ‌چیز قابل کلیک نیست */
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    /* انیمیشن نرم */
}

#mobile-menu.open {
    opacity: 1;
    /* وضوح به حالت عادی می‌رسد */
    transform: translateX(0);
    /* منو در موقعیت اصلی خود قرار می‌گیرد */
    pointer-events: all;
    /* وقتی منو باز می‌شود، روی آن قابل کلیک خواهد بود */
}

/* منوی داخل موبایل */
#mobile-menu-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#mobile-menu-list li {
    padding: 12px 0;
    font-size: 18px;
    text-align: center;
    transition: transform 0.3s ease-in-out;
}

/* دکمه بسته شدن */
#close-menu img {
    width: 48px;
    height: 48px;
    cursor: pointer;
    margin: 20px 0 0 20px;
}

/* استایل برای منوی موبایل */
#mobile-menu {
    background-color: #fffef3fa;
    backdrop-filter: blur(77%);
}

#mobile-menu-list li:hover {
    transform: scale(1.1);
    /* افکت بزرگ شدن برای هر آیتم منو */
    background-color: #f2f2f2;
    /* تغییر رنگ زمینه در حالت هاور */
}

form.woocommerce-checkout {
    max-width: 800px;
    margin: auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

form.woocommerce-checkout input,
form.woocommerce-checkout textarea {
    border-radius: 4px;
    border: 1px solid #ccc;
}

button#place_order {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    border-radius: 4px;
    font-size: 18px;
    padding: 10px;
}

.woocommerce-message {
    display: none !important;
}

a {
    text-decoration: none !important;
}

#customers-slider .splide__slide.is-active img {
    filter: grayscale(100%) opacity(0.7);
    transition: filter .2s ease, opacity .2s ease;
}

#customers-slider .splide__slide img:hover {
    filter: grayscale(0%) opacity(1);
}

#services-slider .splide__slide img,
#services-slider .splide__slide.is-active img,
#services-slider .splide__slide:focus img {
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
}