/*
Theme Name:   toile-child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

/* XStore Mobile Menu (Elementor) desktop off-canvas scroll fix */
@media (min-width: 1025px) {
  .elementor-widget-theme-etheme_mobile_menu.etheme-elementor-off-canvas--active .etheme-elementor-off-canvas__main,
  .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-off-canvas.etheme-elementor-off-canvas--active .etheme-elementor-off-canvas__main {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    overflow: hidden;
  }

  .elementor-widget-theme-etheme_mobile_menu.etheme-elementor-off-canvas--active .etheme-elementor-off-canvas_content,
  .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-off-canvas.etheme-elementor-off-canvas--active .etheme-elementor-off-canvas_content {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto !important;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    pointer-events: auto;
  }

  .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown,
  .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist,
  .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist > ul,
  .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown > ul,
  .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown > div > ul {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: auto !important;
  }

  .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical li.dropdown-click:not(.dropdown-opened) > .nav-sublist-dropdown,
  .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical li.dropdown-click:not(.dropdown-opened) > .nav-sublist {
    display: none !important;
  }

  .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical li.dropdown-opened > .nav-sublist-dropdown,
  .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical li.dropdown-opened > .nav-sublist,
  .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical li.over > .nav-sublist-dropdown,
  .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical li.over > .nav-sublist {
    display: block !important;
  }

  /* XStore header builder mobile menu (classic et_b_header-menu markup) */
  .et_b_header-mobile-menu.et-content-shown > .et-mini-content.active {
    display: flex;
    flex-direction: column;
    height: 100dvh;
  }

  .et_b_header-mobile-menu.et-content-shown > .et-mini-content.active .et-content,
  .et_b_header-mobile-menu.et-content-shown > .et-mini-content.active .mobile-menu-content {
    min-height: 0;
    height: 100%;
    max-height: 100dvh;
    overflow-y: auto !important;
    overflow-x: hidden;
    overscroll-behavior: contain;
    touch-action: pan-y;
    pointer-events: auto;
  }

  .et_b_header-mobile-menu .mobile-menu-content .et_b_header-menu .menu li > .nav-sublist-dropdown:not(.nav-sublist),
  .et_b_header-mobile-menu .mobile-menu-content .et_b_header-menu .menu li > .nav-sublist > ul,
  .et_b_header-mobile-menu .mobile-menu-content .et_b_header-menu .menu li > ul:not(.nav-sublist-dropdown):not(.nav-sublist) {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: auto !important;
  }

  .et_b_header-mobile-menu .mobile-menu-content .et_b_header-menu .menu li:not(.over):not(.dropdown-opened) > .nav-sublist-dropdown:not(.nav-sublist),
  .et_b_header-mobile-menu .mobile-menu-content .et_b_header-menu .menu li:not(.over):not(.dropdown-opened) > .nav-sublist > ul,
  .et_b_header-mobile-menu .mobile-menu-content .et_b_header-menu .menu li:not(.over):not(.dropdown-opened) > ul:not(.nav-sublist-dropdown):not(.nav-sublist) {
    display: none !important;
  }

  .et_b_header-mobile-menu .mobile-menu-content .et_b_header-menu .menu li.over > .nav-sublist-dropdown:not(.nav-sublist),
  .et_b_header-mobile-menu .mobile-menu-content .et_b_header-menu .menu li.over > .nav-sublist > ul,
  .et_b_header-mobile-menu .mobile-menu-content .et_b_header-menu .menu li.over > ul:not(.nav-sublist-dropdown):not(.nav-sublist),
  .et_b_header-mobile-menu .mobile-menu-content .et_b_header-menu .menu li.dropdown-opened > .nav-sublist-dropdown:not(.nav-sublist),
  .et_b_header-mobile-menu .mobile-menu-content .et_b_header-menu .menu li.dropdown-opened > .nav-sublist > ul,
  .et_b_header-mobile-menu .mobile-menu-content .et_b_header-menu .menu li.dropdown-opened > ul:not(.nav-sublist-dropdown):not(.nav-sublist) {
    display: block !important;
  }
}