/* GRS Menu v1.4.1 */

.grs-menu{
    display:flex;
    align-items:center;
    gap:var(--gap,8px);
    background:#fff;
    padding:6px 10px;
}

.grs-icon{
    min-width:90px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg,#e2b17b,#c78a52);
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;
    box-shadow:0 2px 6px rgba(0,0,0,.2);
    font-weight:900;
    text-transform:uppercase;
    text-decoration:none;
    color:#111;
}
.grs-icon img{height:34px;width:auto;display:block;}

.grs-menu__list{
    list-style:none !important;
    display:flex;
    gap:var(--gap,8px);
    flex-wrap:var(--wrap,nowrap);
    margin:0 !important;
    padding:0 !important;
}

.grs-menu__list li{
    position:relative;
    white-space:nowrap;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

.grs-menu__list > li > a{
    padding: var(--btn-py,8px) var(--btn-px,9px);
    border-radius: var(--btn-radius,10px);
    border:1px solid var(--btn-border, rgba(0,0,0,.15));
    box-shadow:0 1px 4px var(--btn-shadow, rgba(0,0,0,.12));
    background: var(--btn-bg,#fff);
    font-weight: var(--btn-weight,800);
    font-size: var(--btn-font,14px);
    text-decoration:none;
    color: var(--btn-text,#0b3a78);
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.grs-menu__list li ul,
.grs-menu__list li ul.sub-menu{
    display:none;
    list-style:none !important;
    margin:0 !important;
    padding: var(--sub-pad,10px) !important;
    background:#fff !important;
    border:1px solid rgba(0,0,0,.15) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
    border-radius: var(--sub-rad,12px) !important;
    min-width: var(--sub-min,220px);
}

.grs-flyout.grs-submenu{
    position:fixed;
    display:block !important;
    z-index:999999;
    list-style:none !important;
    margin:0 !important;
    padding: var(--sub-pad,10px) !important;
    background:#fff !important;
    border:1px solid rgba(0,0,0,.15) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
    border-radius: var(--sub-rad,12px) !important;
    min-width: var(--sub-min,220px);
}

.grs-flyout.grs-submenu,
.grs-flyout.grs-submenu li{ list-style:none !important; }
.grs-flyout.grs-submenu li{ margin:0 !important; padding:0 !important; }
.grs-flyout.grs-submenu li + li{ margin-top: var(--gap,8px) !important; }

.grs-flyout.grs-submenu a{
    padding: var(--btn-py,8px) var(--btn-px,9px) !important;
    border-radius: var(--btn-radius,10px) !important;
    border:1px solid var(--btn-border, rgba(0,0,0,.15)) !important;
    box-shadow:0 1px 4px var(--btn-shadow, rgba(0,0,0,.12)) !important;
    background: var(--btn-bg,#fff) !important;
    font-weight: var(--btn-weight,800) !important;
    font-size: var(--btn-font,14px) !important;
    text-decoration:none !important;
    color: var(--btn-text,#0b3a78) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
}

.grs-menu__list a:hover,
.grs-flyout.grs-submenu a:hover{
    box-shadow:0 2px 8px var(--hover-shadow, rgba(0,0,0,.16)) !important;
}


/* v1.4.2 enhancements: equal-width submenu, centered dropdown, smooth animation */
.grs-flyout.grs-submenu{
  display:flex !important;
  flex-direction:column;
  align-items:stretch;
  opacity:0;
  transform: translateY(-6px);
  transition: opacity 160ms ease, transform 160ms ease;
}
.grs-flyout.grs-submenu.grs-open{
  opacity:1;
  transform: translateY(0);
}
.grs-flyout.grs-submenu li{ width:100%; }
.grs-flyout.grs-submenu a{
  width:100% !important;
  box-sizing:border-box;
  text-align:center;
}


/* v1.4.3: remove any nested UL indentation inside the flyout (WP adds padding/margins) */
.grs-flyout.grs-submenu ul,
.grs-flyout.grs-submenu li{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

/* v1.4.3: glass-style panel */
.grs-flyout.grs-submenu{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.22) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* v1.4.3: subtle press animation for touch */
.grs-flyout.grs-submenu a.grs-tap,
.grs-menu__list > li > a.grs-tap{
  transform: translateY(1px);
  box-shadow: 0 1px 3px var(--btn-shadow, rgba(0,0,0,.12)) !important;
}