/* ==========================================================================
   Live Group Sticky & Layer Effects (Elementor Advanced Tab)
   ========================================================================== */

/* Sticky Sections & Layering */
.lg-sticky-yes.lg-is-sticky-active {
  position: sticky !important;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;
}

/* ==========================================================================
   Live Group Sticky Header Extension
   ========================================================================== */

.lg-sticky-header-yes.lg-is-sticky-active {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  box-sizing: border-box !important;
  transition: background-color 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease;
}

/* Offset for WordPress Admin Bar when logged in */
body.admin-bar .lg-sticky-header-yes.lg-is-sticky-active {
  top: 32px !important;
}

@media screen and (max-width: 782px) {
  body.admin-bar .lg-sticky-header-yes.lg-is-sticky-active {
    top: 46px !important;
  }
}

/* Initial Transparent State */
.lg-transparent-header-yes.lg-sticky-header-yes.lg-is-sticky-active:not(.lg-header-scrolled) {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Active Scrolled Header State */
.lg-sticky-header-yes.lg-is-sticky-active.lg-header-scrolled {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Shadow on Scroll */
.lg-sticky-header-shadow-yes.lg-is-sticky-active.lg-header-scrolled {
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1) !important;
}

/* Header Shrink on Scroll */
.lg-sticky-header-shrink-yes.lg-is-sticky-active.lg-header-scrolled {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.lg-sticky-header-shrink-yes.lg-is-sticky-active.lg-header-scrolled img {
  max-height: 40px !important;
  transition: max-height 0.3s ease;
}