/*
 Theme Name: IranKala Child
 Template: irankala
 Theme URI: https://zhaket.com/web/irankala-wordpress-theme
 Author: S.Reza Salehi
 Author URI: http://sreza-salehi.ir
 Version: 1.0.0
*/

@media (min-width: 240px) and (max-width: 1000px){
{
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed !important;
        bottom: 60px !important;
        left: 0;
        width: % !important;
        background: rgba(255, 255, 255, 95) !important;
        z-index: 99;
        padding: 5px 15px;
        border-radius: 10px;
        box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
}


    /* فقط دکمه چسبیده باشد */
    .card,
    .woocommerce-variation-add-to-cart {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed !important;
        bottom: 65px !important;
        left: 10px;
        width: % !important;
        background: rgba(255, 255, 255, 95) !important;
        z-index: 99;
        padding: 5px 15px;
        border-radius: 10px;
        box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
    }

    /* فقط خود دکمه تمام‌عرض باشد */
    .card,
    .single_add_to_cart_button,
    .woocommerce-variation-add-to-cart .single_add_to_cart_button {
        width: 50% !important;
    }

    /* قیمت و تعداد در جای معمولی نمایش داده شوند */
    .add2cart-wrapper,
    .single_variation_wrap,
    .woocommerce-variation-price,
    .quantity {
        position: static !important;
        box-shadow: none !important;
        margin: px 0 !important;
    }

    /* جای خالی برای اینکه دکمه روی قیمت و تعداد نیاد */
    .add2cart-wrapper,
    .single_variation_wrap {
        padding-bottom: 80px;
    }

    /* استایل افقی برای انتخاب تعداد */
    .quantity {
        position: static !important;
        flex-direction: row !important;
        justify-content: center;
        align-items: center;
        gap: 13px;
        width: 90px;
    }



    .increase-qty,
    .decrease-qty {
        display: none !important;
        }

    .header-buttons {
        display: none !important;
    }
}

.user-button {
    display: none !important;}


.download-btnn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 16px;
    background-color: #ef4056;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 400;
    font-size: 1.4rem;
    transition: background-color 0.3s ease;
    margin-left: 5px !important;
    margin-bottom: 5px !important;
    height: 48px;
    gap: 4px;
    margin: 40px 0;
}
.bottom-nav {
     background: hsla(0, 0%, 100%, .95) !important;