/* FIX: mobile dropdown menu not opening / not visible */

/* 1) Your dropdown container is positioned with bottom:0 (wrong for a header).
   Make it anchor under the header instead. */
.site-navigation-dropdown{
  top:100%;
  bottom:auto;
  left:0;
  right:0;
  overflow:hidden; /* keeps max-height collapse working */
}

/* 2) Your dropdown UL is position:absolute which can cause “height = 0 / not clickable”
   depending on the parent + transforms. Make it part of normal flow. */
.site-navigation-dropdown ul.menu{
  position:relative;
}

/* 3) Optional but recommended: ensure it can receive taps when opened */
.site-navigation-toggle-holder.elementor-active + .site-navigation-dropdown{
  pointer-events:auto;
}
.site-navigation-toggle-holder:not(.elementor-active) + .site-navigation-dropdown{
  pointer-events:none;
}

/* ------------------------------------------------------------- */
/* ORIGINAL CSS (unchanged) + the fixes above integrated in place */
/* ------------------------------------------------------------- */

.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}
.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}
.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}
.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}
.site-header .header-inner .custom-logo-link{display:block}
.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}
.site-header .header-inner .site-branding .site-logo img{display:block}
.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}
.site-header.header-inverted .header-inner{flex-direction:row-reverse}
.site-header.header-inverted .header-inner .site-branding{text-align:end}
.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}

.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}
.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}
.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}
.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}
.site-footer .footer-inner .custom-logo-link{display:block}
.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}
.site-footer .footer-inner .site-branding .site-logo img{display:block}
.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}
.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}
.site-footer .footer-inner .copyright p{margin:0}
.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}
.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}
.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}
.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}
.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}

@media(max-width:576px){
  .site-footer:not(.footer-stacked) .footer-inner .copyright,
  .site-footer:not(.footer-stacked) .footer-inner .site-branding,
  .site-footer:not(.footer-stacked) .footer-inner .site-navigation{
    display:block;max-width:none;text-align:center;width:100%
  }
  .site-footer .footer-inner .site-navigation ul.menu{justify-content:center}
  .site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}
}

.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}
.site-header.menu-layout-dropdown .site-navigation{display:none}

.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}
.site-navigation-toggle-holder .site-navigation-toggle{
  align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;
  cursor:pointer;display:flex;justify-content:center;padding:.5rem
}
.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}
.site-navigation-toggle-holder .site-navigation-toggle-icon:after,
.site-navigation-toggle-holder .site-navigation-toggle-icon:before{
  background-color:currentColor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out
}
.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentColor;margin-block-end:.5rem}
.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{
  box-shadow:none;transform:translateY(.35rem) rotate(45deg)
}
.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{
  transform:translateY(-.35rem) rotate(-45deg)
}

.site-navigation{align-items:center;display:flex}
.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}
.site-navigation ul.menu{display:flex;flex-wrap:wrap}
.site-navigation ul.menu li{display:flex;position:relative}
.site-navigation ul.menu li a{display:block;padding:8px 15px}
.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}
.site-navigation ul.menu li.menu-item-has-children:after{
  align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none
}
.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}
.site-navigation ul.menu li ul{background:#fff;display:none;left:0;min-width:150px;position:absolute;top:100%;z-index:2}
.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}
.site-navigation ul.menu li ul li:last-child{border-block-end:none}
.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}
.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}
.site-navigation ul.menu li ul ul{left:100%;top:0}
.site-navigation ul.menu li:hover>ul{display:block}

footer .site-navigation ul.menu li ul{bottom:100%;top:auto}
footer .site-navigation ul.menu li ul ul{bottom:0}
footer .site-navigation ul.menu a{padding:5px 15px}

/* Dropdown container (FIXED above, then original props retained) */
.site-navigation-dropdown{
  left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;
  width:100%;z-index:10000;
}

/* open/close */
.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}
.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}

.site-navigation-dropdown ul{padding:0}

/* Dropdown menu UL (FIXED above, then original props retained) */
.site-navigation-dropdown ul.menu{
  background:#fff;margin:0;padding:0;width:100%;
}

.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}
.site-navigation-dropdown ul.menu li a{
  background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px
}
.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}
.site-navigation-dropdown ul.menu>li li{
  max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s
}
.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}

@media(max-width:576px){
  .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}
}
@media(min-width:768px){
  .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}
}
@media(min-width:576px)and (max-width:767px){
  .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}
}
@media(min-width:992px){
  .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}
}
@media(max-width:992px){
  .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}
}
.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}
/* Force the open dropdown to actually accept taps/clicks */
.site-header .site-navigation-dropdown {
  z-index: 999999 !important;
  pointer-events: auto !important;
}

.site-header .site-navigation-dropdown[aria-hidden="true"] {
  pointer-events: none !important;
}/* Make sure the opened dropdown can actually receive taps */
.site-header .site-navigation-dropdown {
  z-index: 999999 !important;
}

/* When closed, block taps; when open, allow taps */
.site-header .site-navigation-dropdown[aria-hidden="true"] {
  pointer-events: none !important;
}
.site-header .site-navigation-dropdown[aria-hidden="false"] {
  pointer-events: auto !important;
}

/* Guarantee the links themselves are clickable and above any weird overlays */
.site-header .site-navigation-dropdown a {
  position: relative;
  z-index: 1;
  pointer-events: auto !important;
  display: block;
}
/* MOBILE MENU CLICK FIX: remove transform-based open/close and stop "inert" blocking taps */

.site-header .site-navigation-dropdown{
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  z-index: 999999 !important;

  /* critical: no transforms (mobile hitbox bugs) */
  transform: none !important;

  /* closed state */
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}

/* open state controlled by the toggle-holder class */
.site-header .site-navigation-toggle-holder.elementor-active + .site-navigation-dropdown{
  max-height: 80vh;            /* adjust if needed */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  visibility: visible;
  pointer-events: auto;
}

/* ensure the UL is not absolute (absolute UL can cause tap issues) */
.site-header .site-navigation-dropdown ul.menu{
  position: static !important;
  width: 100%;
}

/* make the links full-width, tappable */
.site-header .site-navigation-dropdown ul.menu li a{
  display: block;
  width: 100%;
  pointer-events: auto !important;
  position: relative;
  z-index: 1;
}