/* ==========================================================================
   Content Locker — CultivateWP Theme Compatibility
   Supports: Averie Cooks 2023, Flavor Journal, and other CultivateWP themes.
   ========================================================================== */

/* --- Header z-index: ensure site header sits above the modal overlay ---
   CultivateWP themes use header.site-header with a sticky/fixed nav.
   Bump z-index so it renders above the modal overlay backdrop. */
header.site-header {
	position: relative;
	z-index: 100002;
}

/* Some CultivateWP themes wrap the header in .site-header-wrap */
.site-header-wrap {
	position: relative;
	z-index: 100002;
}

/* --- Navigation menu stays accessible above the overlay --- */
.site-header .nav-menu,
.site-header .genesis-nav-menu {
	z-index: 100003;
}

/* --- Blur wrapper: don't blur the header content area ---
   CultivateWP themes place .site-inner or main.content as the content area.
   Ensure blur only targets the inner content, not the header. */
.cl-locked-wrapper {
	/* CultivateWP sites don't need overflow hidden — recipe cards can extend */
	overflow: visible;
}

/* --- Inline box overlay: CultivateWP recipe card layouts ---
   WPRM recipe containers in CultivateWP themes sometimes have specific
   max-width constraints. Ensure overlay covers the full card.

   NOTE (v1.3.0 fix): overflow:hidden is intentionally NOT set on .cl-inline-lock-wrapper.
   Setting overflow:hidden on any ancestor prevents position:sticky from working on
   .cl-inline-box-overlay. Instead, we clip the recipe container directly. */
.cl-inline-lock-wrapper {
	border-radius: 8px;
}

/* Clip the blurred recipe content at the wrapper's rounded corners.
   (Moved from .cl-inline-lock-wrapper to preserve border-radius clipping
   without breaking position:sticky on the CTA overlay.) */
.cl-inline-lock-wrapper .wprm-recipe-container {
	overflow: hidden;
	border-radius: 8px;
}

/* --- Modal card: match CultivateWP typography --- */
.cl-modal-card h2 {
	font-family: inherit;
}

.cl-modal-card p {
	font-family: inherit;
}

/* --- CultivateWP sticky header: account for sticky nav on scroll ---
   If the theme uses a sticky header that becomes fixed on scroll,
   update the header height dynamically. This is handled by JS. */