/* Green Pi Interactive City V6.2
 * Compact translucent top bar. Loaded last to neutralize legacy dock styles.
 */
.gp-map-topbar{
  position:absolute!important;
  z-index:26!important;
  top:24px!important;
  left:24px!important;
  right:24px!important;
  display:block!important;
  pointer-events:none;
}
.admin-bar .gp-map-topbar{top:56px!important}
.gp-topbar-main-shell{
  position:relative;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  min-height:72px!important;
  padding:10px 16px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(7,24,34,.76),rgba(8,29,40,.68))!important;
  box-shadow:0 18px 55px rgba(0,20,33,.28)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  pointer-events:auto;
}
.gp-topbar-brand{display:flex!important;align-items:center!important;min-width:160px!important;max-width:260px!important;gap:10px!important}
.gp-topbar-logo,.gp-topbar-logo .custom-logo-link{display:flex!important;align-items:center!important;margin:0!important;padding:0!important}
.gp-topbar-logo img,.gp-topbar-logo .custom-logo{
  width:auto!important;
  height:auto!important;
  max-width:190px!important;
  max-height:48px!important;
  object-fit:contain!important;
}
.gp-topbar-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;flex:1!important;flex-wrap:nowrap!important}
.gp-topbar-nav .gp-group-tab{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:44px!important;
  padding:0 18px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:13px!important;
  color:rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.05)!important;
  font-size:14px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
.gp-topbar-nav .gp-group-tab:hover,.gp-topbar-nav .gp-group-tab.is-active{
  border-color:rgba(53,211,154,.55)!important;
  background:linear-gradient(90deg,rgba(53,211,154,.16),rgba(8,117,201,.10))!important;
  color:#fff!important;
}
.gp-topbar-actions{display:flex!important;align-items:center!important;margin-left:auto!important}
.gp-topbar-quote{display:inline-flex!important;min-height:44px!important;padding:0 21px!important;white-space:nowrap!important}

/* Compact dropdown. It is no longer a second full-width page-sized bar. */
.gp-topbar-locations-shell{
  position:absolute!important;
  top:82px!important;
  left:clamp(150px,18vw,300px)!important;
  right:clamp(110px,12vw,210px)!important;
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:9px 44px 9px 10px!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(7,24,34,.83),rgba(8,29,40,.76))!important;
  box-shadow:0 18px 48px rgba(0,20,33,.28)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-8px)!important;
  pointer-events:none!important;
  transition:opacity .24s ease,transform .24s ease,visibility .24s ease!important;
}
.gp-map-topbar.is-menu-open .gp-topbar-locations-shell{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}
.gp-topbar-dropdown-close{
  position:absolute;
  top:9px;
  right:10px;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  padding:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  color:#fff;
  background:rgba(255,255,255,.06);
  cursor:pointer;
}
.gp-group-panels--top{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.gp-topbar-location-panel{
  display:none!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  flex-direction:row!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  overflow:visible!important;
}
.gp-topbar-location-panel.is-active{display:flex!important}
.gp-topbar-location-chip{
  display:inline-flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0 11px!important;
  gap:7px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.05)!important;
  transform:none!important;
}
.gp-topbar-location-chip .gp-location-number{font-size:9px!important}
.gp-topbar-location-chip .gp-location-copy{display:block!important;min-width:0!important}
.gp-topbar-location-chip .gp-location-copy strong{display:block!important;font-size:12px!important;white-space:nowrap!important}
.gp-topbar-location-chip .gp-location-arrow{font-size:14px!important}
.gp-topbar-location-chip:hover,.gp-topbar-location-chip.is-active{
  border-color:rgba(53,211,154,.55)!important;
  background:linear-gradient(90deg,rgba(53,211,154,.14),rgba(8,117,201,.10))!important;
  transform:translateY(-1px)!important;
}

/* Product panel opens below the top bar; zoom calculations remain untouched. */
.gp-map-dock--products{
  top:112px!important;
  bottom:24px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(28px)!important;
}
.admin-bar .gp-map-dock--products{top:144px!important}
.gp-map-dock--products.is-product-mode{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(0)!important;
}
.gp-map-dock--products .gp-product-view{opacity:1!important;visibility:visible!important;transform:none!important}

@media(max-width:1050px){
  .gp-topbar-main-shell{flex-wrap:wrap!important;gap:10px!important}
  .gp-topbar-brand{min-width:0!important}
  .gp-topbar-nav{order:3!important;width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:2px!important}
  .gp-topbar-actions{margin-left:auto!important}
  .gp-topbar-locations-shell{top:132px!important;left:0!important;right:0!important}
  .gp-map-dock--products{top:162px!important}
  .admin-bar .gp-map-dock--products{top:194px!important}
}
@media(max-width:782px){
  .gp-map-topbar{top:12px!important;left:10px!important;right:10px!important}
  .admin-bar .gp-map-topbar{top:58px!important}
  .gp-topbar-main-shell{min-height:58px!important;padding:9px 10px!important;border-radius:18px!important}
  .gp-topbar-logo img,.gp-topbar-logo .custom-logo{max-width:132px!important;max-height:38px!important}
  .gp-topbar-nav .gp-group-tab{min-height:38px!important;padding:0 12px!important;font-size:12px!important}
  .gp-topbar-quote{min-height:38px!important;padding:0 14px!important}
  .gp-topbar-locations-shell{top:116px!important;padding:8px 40px 8px 8px!important;border-radius:15px!important}
  .gp-topbar-location-panel{flex-wrap:nowrap!important;overflow-x:auto!important}
  .gp-topbar-location-chip{min-height:36px!important;height:36px!important}
  .gp-map-dock--products,.admin-bar .gp-map-dock--products{top:auto!important;left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;height:min(52vh,460px)!important}
}