.shs-nav-wrap,
.shs-nav-wrap * { box-sizing: border-box; }

.shs-nav-wrap ul,
.shs-nav-wrap li { margin: 0; padding: 0; list-style: none; }

.shs-nav-wrap a { text-decoration: none; color: inherit; }

.shs-nav {
  position: relative;
  width: 100%;
  max-width: calc(var(--menu-w) + var(--submenu-w) + var(--panel-w) + (var(--gap) * 2));
  display: flex;
  gap: var(--gap);
  align-items: stretch;
  background: rgba(0,0,0,0.7);
  flex-wrap: nowrap;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}


.shs-panel-content h2{
   
    padding-bottom: 15px !important;
}


/* 1st column */
.shs-menu {
  width: var(--menu-w);
  flex: 0 0 var(--menu-w);
}

.shs-menu > li {
  padding: 12px 18px; /* can be overridden by Elementor padding control */
  color: var(--menu-text);
  cursor: pointer;
}

.shs-menu > li > a { display: block; color: inherit; }

.shs-menu > li.active { color: var(--menu-text-strong); }

.shs-menu > li:hover,
.shs-menu > li:focus-within { color: var(--menu-text-strong); }

/* 2nd column */
.shs-submenu-column {
  width: var(--submenu-w);
  background: transparent;
  flex: 0 0 var(--submenu-w);
  border-left: 1px solid rgba(255,255,255,0.8);
}

/* submenu panels */
.shs-submenu-panel{
  display: none;
  padding: 8px 0;
  min-height: 100%;
}

.shs-submenu-panel.active { display: block; }

.shs-submenu-panel a {
  color: var(--submenu-text);
  display: block;
  padding: 10px 18px; /* can be overridden by Elementor padding control */
}

.shs-submenu-panel a:hover { color: var(--submenu-text-strong); }

/* 2nd column panel */
.shs-secondpanel-content {
  display: none;
  width: 100%;
  height: 100%;
  background: var(--panel2-bg);
  color: var(--panel2-text);
  padding: 28px; /* can be overridden */
}

.shs-secondpanel-content.active { display: block; }

.shs-secondpanel-content p { color: var(--panel2-muted); }

/* 3rd column panel */
.shs-info-panel {
  width: var(--panel-w);
  background: var(--panel3-bg);
  color: var(--panel3-text);
  padding: 28px; /* can be overridden */
  flex: 1 1 var(--panel-w);
}

.shs-info-panel p { color: var(--panel3-muted); }

@media (max-width: 1100px) {
  .shs-nav { flex-direction: column; max-width: 100%; }
  .shs-menu,
  .shs-submenu-column,
  .shs-info-panel { width: 100%; flex: 1 1 auto; }
  .shs-info-panel { display: none; }
}