/*
 Theme Name:   Eventicity Child Theme
 Theme URI:    https://eventicity.themerex.net
 Description:  Eventicity Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     eventicity
 Version:      1.0.0
 Tags:         celebration, event, event planner, event theme, invitation, venue, wedding, wedding planner, party, events calendar, catering, conference, birthday party, event agency, party planning
 Text Domain:  eventicity
*/


/* =Theme customization starts here
------------------------------------------------------------ */

/* ============================================================
   RESPONSIVE: 2 breakpoints — desktop (>=1440) / mobile (<1440)
   ============================================================ */

/* 1025-1439: extend mobile mode up to 1440.
   Theme already hides desktop header <1280 and shows mobile header <1280.
   We need to extend that behavior to cover 1280-1439 as well. */
@media (min-width: 1280px) and (max-width: 1439px) {
  /* Hide desktop header row (element-763063a) + its inner column */
  .elementor-element-763063a,
  .elementor-element-3acc8f50 {
    display: none !important;
  }

  /* Show mobile header row (element-39b73bf) + its inner column
     Override the theme's hide_on_notebook: display:none  */
  .elementor-element-39b73bf,
  .elementor-element-381a3c77 {
    display: initial !important;
  }
}

/* 1025-1439: ElementsKit nav — force offcanvas (hamburger) mode.
   Plugin CSS only enables hamburger mode at max-width:1024. */
@media (min-width: 1025px) and (max-width: 1439px) {
  /* Show hamburger + close buttons */
  .ekit_menu_responsive_tablet .elementskit-menu-close,
  .ekit_menu_responsive_tablet .elementskit-menu-hamburger {
    display: block !important;
  }

  /* Keep nav container off-screen unless active */
  .ekit_menu_responsive_tablet .elementskit-menu-container.elementskit-menu-offcanvas-elements {
    left: -100vw !important;
    position: fixed !important;
  }
  .ekit_menu_responsive_tablet .elementskit-menu-container.elementskit-menu-offcanvas-elements.active {
    left: 0 !important;
  }

  /* Show the overlay when menu is active */
  .ekit_menu_responsive_tablet .ekit-nav-menu--overlay {
    display: block !important;
  }

  /* Submenus: accordion mode instead of dropdown */
  .ekit_menu_responsive_tablet .elementskit-navbar-nav-default .elementskit-dropdown {
    display: none !important;
    position: static !important;
    box-shadow: none !important;
    transform: none !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .ekit_menu_responsive_tablet .elementskit-navbar-nav-default .elementskit-dropdown.elementskit-dropdown-open {
    display: block !important;
  }

  /* Submenu indicator styling for mobile */
  .ekit_menu_responsive_tablet .elementskit-submenu-indicator {
    margin-left: auto;
    border: 1px solid;
    border-radius: 30px;
  }
}

/* Desktop: hide hamburger (>=1440) */
@media (min-width: 1440px) {
  .ekit_menu_responsive_tablet .elementskit-menu-hamburger,
  .ekit_menu_responsive_tablet .elementskit-menu-close,
  .ekit_menu_responsive_tablet .ekit-nav-menu--overlay {
    display: none !important;
  }
}


/* ============================================================
   Fix: hamburger not responding to touch on iPad
   ============================================================ */
@media (max-width: 1439px) {
  .elementor-flip-box--3d.continuous-flip {
    pointer-events: none;
  }

  .elementskit-menu-hamburger.elementskit-menu-toggler {
    position: relative;
    z-index: 100;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .ekit-wid-con.ekit_menu_responsive_tablet {
    position: relative;
    z-index: 99;
  }
}