/*
CTC Separate Stylesheet
Updated: 2025-08-30 12:37:24
Theme Name: Envo Royal Child
Theme URI: https://envothemes.com/envo-royal-free-wp-theme/
Template: envo-royal
Author: EnvoThemes
Author URI: https://envothemes.com/
Description: Envo Royal is a fast, clean, lightweight, customizable and modern-looking free responsive multipurpose WordPress theme. Suitable for blog, creative, portfolio or business website and WooCommerce storefront. Theme supports popular page builders like Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Brizy, Visual Composer, Gutenberg etc. Envo Royal comes with unique WooCommerce Features and it is compatible with YITH WooCommerce Wishlist, YITH WooCommerce Compare, WooCommerce Variation Swatches and other popular plugins. The theme is SEO friendly, WPML and RTL ready. Documentation: https://envothemes.com/docs/envo-royal/ Theme demos ready to import: https://envothemes.com/envo-royal-free-wp-theme/#demos
Tags: one-column,two-columns,full-width-template,right-sidebar,custom-background,custom-menu,custom-header,editor-style,featured-images,translation-ready,custom-logo,threaded-comments,footer-widgets,rtl-language-support,blog,e-commerce
Version: 1.0.13.1756546644
*/

/* Исправление отображения мобильного меню */
@media (max-width: 767px) {
    /* Увеличение размера и улучшение видимости кнопки меню */
    .hc-nav-trigger {
        width: 30px !important;
        height: 30px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        padding: 5px !important;
        z-index: 9999 !important;
        position: relative !important;
    }
    
    .hc-nav-trigger span {
        width: 24px !important;
        height: 3px !important;
    }
    
    .hc-nav-trigger span,
    .hc-nav-trigger span::after,
    .hc-nav-trigger span::before {
        background-color: #333 !important;
        height: 3px !important;
    }
    
    .hc-nav-trigger span::after {
        bottom: -8px !important;
    }
    
    .hc-nav-trigger span::before {
        top: -8px !important;
    }
    
    /* Добавление отступа для кнопки меню */
    .menu-button {
        margin-left: 15px !important;
        margin-right: 15px !important;
        float: left !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .mobile-canvas {
        display: flex !important;
        align-items: center !important;
        padding: 10px 0 !important;
    }
    
    /* Улучшение расположения элементов в хедере */
    .heading-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 10px 15px !important;
    }
    
    /* Логотип */
    .navbar-default .navbar-brand {
        margin-right: 0 !important;
        flex-grow: 1 !important;
        text-align: center !important;
    }
    
    /* Иконки справа */
    .header-right {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding-right: 15px !important;
    }
    
    /* Размер иконок */
    a.cart-contents i.la,
    .header-cart i,
    .header-compare i,
    .header-my-account i,
    .header-search i,
    .header-search-icon i,
    .header-wishlist i {
        font-size: 24px !important;
        margin-right: 0 !important;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .hc-nav-trigger {
        width: 28px !important;
        height: 28px !important;
    }
    
    .hc-nav-trigger span {
        width: 22px !important;
    }
    
    a.cart-contents i.la,
    .header-cart i,
    .header-compare i,
    .header-my-account i,
    .header-search i,
    .header-search-icon i,
    .header-wishlist i {
        font-size: 22px !important;
    }
    
    .heading-row {
        padding: 8px 10px !important;
    }
}