/* Override WP block gap above sticky header */
:where(.wp-site-blocks) > * {
  margin-block-start: 0 !important;
}
/**
 * Dear Sticky - Sticky Navbar Styles
 *
 * @package Dear_Sticky
 */

/* ============================================
   Sticky Navbar - Scroll-Activated
   ============================================ */

/* Applied by Dear Sticky JS when navbar becomes sticky on scroll.
   NOTE: JS also sets background-color via style.setProperty(..., 'important')
   so the user\u2019s chosen colour always wins even over theme !important rules.
   The fallback #fff here only shows if JS hasn\u2019t run yet. */
.drstk-is-sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;
  /* Fallback: prevent themes from forcing a transparent background */
  background-color: #ffffff !important;
  /* Additional styles (shadow, border, blur) are applied inline by JS */
}

/* Smooth entry animation */
.drstk-is-sticky {
  animation: drstk-slide-down 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes drstk-slide-down {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Placeholder to prevent content jump */
.drstk-sticky-placeholder {
  pointer-events: none;
}

/* Responsive */
@media (max-width: 768px) {
  .drstk-is-sticky {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }
}