/* C11. greenshift sliding panel popup */

.gspb_slidingPanel-close {
    background-color: #8eaba6 !important;
}

/* 1. Force the Inner Container to scroll - Targeting the specific Greenshift classes */
[class*="gspb_slidingPanel-inner"] {
    overflow-y: auto !important;
    display: block !important;
    overscroll-behavior-y: auto !important;
    padding-bottom: 50px !important; /* Space so the last item isn't cut off */
}

/* 2. Lock the Outer Wrap to prevent double bars */
[class*="gspb_slidingPanel-wrap"] {
    overflow: hidden !important;
    max-height: 100vh !important;
}


/* GREENSHIFT Social panel */

/* Social panel - reposition to top-right dropdown */
.social-panel .gspb_slidingPanel {
  position: fixed !important;
  top: 80px !important;
  right: 0 !important;
  left: auto !important;
  margin: 0 !important;
	  /* Kill GreenShift's default transform/opacity scales */
  transform: none !important;
  opacity: 1 !important; 
  transition: none !important;
  overflow: visible !important;
}

/* Remove scrim */
.social-panel .gspb_slidingPanel::backdrop {
  background: transparent !important;
}

/* Restore close button */
.social-panel .gspb_slidingPanel-close {
  display: flex !important;
}

/* Animation */
/* Social panel - open animation */

.social-panel.panelactive .gspb_slidingPanel {
  animation: slideDown 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transform: none !important;
	  visibility: visible !important;
  pointer-events: auto !important;
}

.social-panel:not(.panelactive) .gspb_slidingPanel {
  clip-path: inset(0 0 100% 0) !important;
  transform: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@keyframes slideDown {
  from {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
  }
  to {
    opacity: 1;
    clip-path: inset(0 0 0% 0);
  }
}

.social-panel .gspb_slidingPanel-inner {
	padding: 4px !important;
	background-color: var(--wp--preset--color--custom-bg-footer-12) !important;
}

.social-panel .gspb_slidingPanel-wrap {
	background-color: var(--wp--preset--color--custom-bg-footer-12) !important;
}

.gspb_slidingPanel-wrap {
  position: sticky;
  top: 80px; /* adjust to your header height */
  z-index: 9999;
}

.join-the-movement {
	padding-top: 0px;
}