/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* تنظیم مینی کارت برای نمایش بالای منوی موبایل */
@media (max-width: 768px) {
    /* تنظیم موقعیت مینی کارت */
    .woocommerce-mini-cart {
        max-height: calc(80vh - 150px) !important;
        overflow-y: auto !important;
        padding-bottom: 20px !important;
    }
    
    /* تنظیم کل مینی کارت ویجت */
    .widget_shopping_cart_content {
        max-height: calc(90vh - 120px) !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* دکمه‌های پایین مینی کارت */
    .widget_shopping_cart_content .buttons {
        margin-top: auto !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        background: white !important;
        border-top: 1px solid #eee !important;
        position: sticky !important;
        bottom: 0 !important;
        z-index: 100 !important;
    }
    
    /* فاصله از منوی موبایل */
    .widget_shopping_cart {
        margin-bottom: 70px !important;
        max-height: calc(90vh - 80px) !important;
        overflow-y: auto !important;
    }
    
    /* برای مینی کارت‌های بازشونده از بالا */
    .blockUI.blockOverlay + .widget_shopping_cart,
    .blockUI.blockOverlay ~ .widget_shopping_cart {
        bottom: 80px !important;
    }
}