/* =====================
   GLOBAL BREAKPOINT FIX
===================== */
/* Replaced ALL 1000px → 992px */
/* Replaced ALL 999px → 991px */


/* NAVIGATION
================================*/
.navigation {
  display: flex;
  width: 100%;
  min-height: 60px;
  position: relative;
  background-color: #333;
}

/* DESKTOP ONLY */
@media (min-width: 992px) {
  .navigation {
    height: auto;
  }
}

/* MOBILE HEADER */
.navigation-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 992px) {
  .navigation-header {
    display: none;
  }
}

/* OFFCANVAS BODY */
.navigation-body {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #333;
  overflow-y: auto;
  transition: left 0.4s ease;
  z-index: 20000;
}

@media (min-width: 480px) {
  .navigation-body {
    width: 320px;
  }
}

@media (min-width: 992px) {
  .navigation-body {
    position: relative;
    left: 0;
    width: auto;
    height: auto;
    display: flex;
    background: transparent;
    overflow: visible;
  }
}

.navigation-body.is-visible {
  left: 0;
}

/* MENU */
.navigation-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 992px) {
  .navigation-menu {
    display: flex;
    align-items: center;
  }
}

.navigation-item {
  width: 100%;
}

@media (min-width: 992px) {
  .navigation-item {
    width: auto;
  }
}

.navigation-link {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  color: #d1d1d1;
  border-bottom: 1px solid #404040;
}

@media (min-width: 992px) {
  .navigation-link {
    border: none;
    line-height: 60px;
  }
}

/* SUBMENU */
.navigation-dropdown {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  background: #3b3b3b;
}

.navigation-dropdown.is-visible {
  max-height: 2000px;
}

@media (min-width: 992px) {

  .navigation-item {
    position: relative;   /* ADD THIS */
  }

  .navigation-dropdown {
    position: absolute;
    top: 100%;
    left: 0;

    opacity: 0;
    visibility: hidden;   /* ADD */
    pointer-events: none; /* ADD */

    max-height: none;
    background: #3b3b3b;
    transition: opacity 0.3s ease;
    z-index: 9999;        /* ADD */
  }

  .navigation-item:hover > .navigation-dropdown {
    opacity: 1;
    visibility: visible;   /* ADD */
    pointer-events: auto;  /* ADD */
  }
}


/* SUBMENU TAP FIX (SMALL PHONES) */
.submenu-indicator {
  width: 54px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

/* MOBILE TOUCH OPTIMIZATION */
@media (max-width: 480px) {
  .navigation-link {
    padding: 16px 14px;
    font-size: 15px;
  }
}

/* REMOVE CONFLICTING DESKTOP/MOBILE TOGGLE */
#navigation {
  display: block;
}

/* HIDE DESKTOP ELEMENTS NATURALLY */
@media (max-width: 991px) {
  .hide-on-portrait {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hide-on-landscape {
    display: none !important;
  }
}