/* Vertical Navigation Menu */
    .navigation-menu{opacity: 0;visibility: hidden;background: #edece9;/* background: #f8f7ee; */width: 930px;box-shadow: 10px 0 20px -8px #edece9;position: absolute;}
.nav-menu.horizontal-menu {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0rem 0 4.5rem;
  width: calc(310px - 2rem); /* Fixed width for main menu */
  position: relative; /* For submenu positioning */
  /* color:#F1592A; */
}
.wrapper-navigation-menu{/* overflow:hidden; */opacity: 0;visibility: hidden;background: #edece9;/* background: #f8f7ee; */width: 930px;/* box-shadow: 10px 0 20px -8px #edece9; */position: absolute;color: #F1592A;}
.wrapper-navigation-menu{transform:translateX(-100%); -webkit-transition: all 0.35s cubic-bezier(0.46, 0.01, 0.32, 1);
    transition: all 0.35s cubic-bezier(0.46, 0.01, 0.32, 1)}

.menu-open .wrapper-navigation-menu{transform:translateX(0);   animation: clipReveal .7s cubic-bezier(0, 0, 0.61, 1.12) forwards;
      clip-path: circle(0% at 0% 0%);}
.menu-animation{height: 100%;}

.navigation-menu-wrapper{background:#f8f7ee !important;/* overflow:hidden; */}
.trade-menu-wrapper{/* overflow:hidden; */}
.navigation-menu-wrapper .nav-menu{opacity:0.2;pointer-events:none;-webkit-transition: all 0.35s cubic-bezier(0.46, 0.01, 0.32, 1);transition: all 0.35s cubic-bezier(0.46, 0.01, 0.32, 1)}
.trade-menu-wrapper .nav-menu{opacity: 0.2;/* visibility: hidden; */pointer-events:none;}

.navigation-menu-wrapper.open{min-width: 649px !important;/* box-shadow: 10px 0 20px -8px #edece9; */}
.navigation-menu-wrapper.open .nav-menu{opacity:1;visibility:visible;display:block;pointer-events:all;}


.trade-menu-wrapper.open{min-width: 649px !important;}
.trade-menu-wrapper.open .nav-menu{opacity:1;visibility:visible;pointer-events:all;}
.trade-menu-wrapper .nav-menu.horizontal-menu{padding-bottom:2em;}

p.menu-title{padding:0 1.5rem; font-size:2.5rem; margin:2rem 0 1rem;;}
.menu-title-link{padding:0 !important;text-decoration:underline;text-underline-offset: .2em;font-weight:800;text-transform:uppercase;color: inherit;}
li.has-submenu::before {left: auto;z-index: 2;/* background:red; */color: rgba(255, 255, 255, 0.7);line-height: 38px;font-size: 15px;right: 0;-webkit-transform: rotate(180deg);transform: rotate(180deg);position: absolute;display: none;}
#trigger-nav:hover{/* background:none; */}
#trigger-nav button.hamburger {
	border: 0;
	outline: none;
	padding: 0;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
}
#trigger-nav button.hamburger:focus,
#trigger-nav button.hamburger:active {
	border: 0;
	outline: none;
	box-shadow: none;
}
#trigger-nav:hover svg path{stroke: #fff;}
#trigger-nav:hover svg line{stroke: #fff;}
#trigger-nav:hover .navigation-menu{opacity:1;visibility:visible;}
.nav-menu-item {
  /* position: relative; */
  width: 100%;
  flex: 1; /* Equal width for all main items */
    margin:0;
    padding:0;
}

.nav-menu-link {
  text-decoration: none;
  padding: 0.4rem .5rem  0.4rem 1.5rem !important;
  display: block;
  color: inherit;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
  width: 100%; /* Full width */
  box-sizing: border-box;
  font-weight: 800;
  line-height: 1.1;
  background: none;
  /*white-space:nowrap;
  overflow: clip;
  
  text-overflow: ellipsis;*/
}

.nav-menu-link:hover {
  /* background-color: rgba(255, 255, 255, 0.1) !important; */
  /* color:inherit !important; */
  background-image: ../images/icons/pin.svg;
}

/* Submenu (secondary links - visible by default) */
.nav-submenu {
  position: absolute;
  top: 0; /* At the top of the menu */
  left: 100%;
  height: 100%;
  /* height: 30px; */
  /* background: red; */
  border: 0px;
  /* box-shadow: 0 2px 10px rgba(0,0,0,0.1); */
  width: 371px; /* Single column width */
  list-style: none;
  margin: 0;
  padding: 0rem 0;
  /* display: none; */ /* Hidden by default */
  opacity: 0;
  visibility: hidden;
  transform: translateX(-10px);
  transition: all 0.3s ease;
  overflow-y: auto;
}

@media(max-width:600px){
    .navigation-menu-wrapper.open{/* min-width: 10px !important; */min-width: calc(100vw - 1.5em) !important;}
.wrapper-navigation-menu{width: calc(100vw - 1.5em);}
    .nav-menu.horizontal-menu{  width: calc(210px - 2rem); /* Fixed width for main menu */}
    .nav-submenu{width:200px;}
    .menu-animation{flex-direction: column !important;}
    .nav-menu-link{padding:0rem .5rem  0 1rem !important;}
    .menu-animation .nav-menu{opacity:1 !important;pointer-events:all;}

}
/* Firefox */

 .nav-submenu::-webkit-scrollbar {
            width: 10px;
        }
        
         .nav-submenu::-webkit-scrollbar-track {
            border-radius: 8px;
            background-color: #e7e7e7;
            border: 1px solid #cacaca;
        }
        
        .nav-submenu::-webkit-scrollbar-thumb {
            border-radius: 8px;
            background-color: #f0592a;
        }





.nav-menu-item:hover > a{background:#f0592a;color: #fff;}
.nav-menu-item:hover .nav-submenu,
.nav-menu-item.submenu-open .nav-submenu {
  /* display: block; */ /* Show on main menu hover / tap (mobile) */
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.nav-menu-item.submenu-open > a{background:#f0592a;color: #fff;}

/* Single column layout for submenu items */
.nav-submenu-item {
  width: 100%; /* Full width, single column */
  /* background: #f8f9fa; */
  /* border-radius: 4px; */
  overflow: hidden;
  /* margin-bottom: 0.5rem; */
  line-height:1.2;
  padding: .1em 0;
}

.nav-submenu-item:last-child {
  margin-bottom: 0;
}

/* Tertiary submenu (hoverable items) */
.nav-tertiary {
  position: absolute;
  top: 0;
  left: 100%;
  /* background: white; */
  /* border: 1px solid #ddd; */
  /* box-shadow: 0 2px 10px rgba(0,0,0,0.1); */
  width: 300px;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-10px);
  transition: all 0.3s ease;
  /* display: flex; */
  /* flex-direction: column; */
  /* gap: 0.5rem; */
}

/* Show tertiary on hover of ANY submenu item */
.nav-submenu-item:hover .nav-tertiary,
.nav-submenu-item.tertiary-open .nav-tertiary {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.nav-tertiary-item {
  width: 100%;
  padding: 0.3rem 1rem !important;
}

.nav-tertiary-link {
  display: block !important;
  padding: 0 !important;
  text-decoration: none;
  /* color: #333; */
  font-weight: 500;
  /* background: #f8f9fa; */
  /* border-radius: 4px; */
  margin: 0;
  border: 0px;
  transition: all 0.2s ease;
}

.nav-tertiary-link:hover {
  background-color: #f1592a;
  color: white;
  border-color: #f1592a;
}

.nav-submenu-link {
  display: block !important;
  padding: 0em 1rem 0.125em !important;
  text-decoration: none;
  /* color: #333; */
  font-weight: 700;
  /* background: #fff; */
  /* border-bottom: 1px solid #eee; */
  font-size: 1em;
  line-height: 1.2;
}

.nav-submenu-link:hover {
  background-color: #f8f9fa;
  color: #f1592a;
}


/* Responsive adjustments */
@media (max-width: 768px) {
  .nav-submenu {
    /* width: 300px; */
    /* left: 0; */
    /* top: 100%; */
  }

  .nav-tertiary {
    width: 250px;
    left: 0;
    top: 100%;
    transform: translateY(-10px);
  }

  .nav-submenu-item:hover .nav-tertiary,
  .nav-submenu-item.tertiary-open .nav-tertiary {
    transform: translateY(0);
  }
}


.autocomplete__field{border-color:#fff !important;max-width: 31em !important;text-align:left !important;font-size: 1em !important;line-height: 2em !important;padding:0 1em !important;font-weight: normal !important;color: #000 !important;margin: 0 !important;}
.menu-search{padding: 1em 1em 0.3em;display:block;}
.menu-search input[type="submit"]{display:none;}

.autocomplete-results{color:#000;left: 0.2em;padding: .5em 0em !important;background: #ffffff !important;box-shadow: 0 0em 0.3em rgba(0,0,0,0.18);}
.autocomplete-result{padding: 2px .5em !important;border-bottom: 1px solid rgba(0,0,0,0.05);font-size: 0.87em;line-height: 1.6 !important;}
body.search .autocomplete__field{border-color:#f1592a !important;}

#search_form .autocomplete__field::placeholder {

  color: #000;     /* Subtle grey - typewriter classic */
  opacity: 1;    /* Full opacity for Firefox */
  letter-spacing: 0.5px;  /* Slight spacing for authenticity */
  transition: color 0.3s ease, opacity 0.2s; /* Smooth animation */
}

/* Focused state - dim slightly */
#search_form .autocomplete__field:focus::placeholder {
  color: #aaa;
  opacity: 0.6;
}

/* Animation cursor effect (optional) */
#search_form .autocomplete__field::placeholder::after {
  content: '|';  /* Blinking cursor */
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}