/**
 * HomeRunner Conversion Kit - Core Styles
 * Global styles for all conversion tools
 */

/* Reset & Base */
.hrck-container {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.5;
	color: #111827;
}

/* Utility Classes */
.hrck-hidden {
	display: none !important;
}

.hrck-visible {
	display: block !important;
}

.hrck-fade-in {
	animation: hrckFadeIn 0.3s ease-in;
}

@keyframes hrckFadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Body scroll lock — applied by hrck.bodyScrollLock when any ckit modal is
   open so mousewheel/touch scroll doesn't leak to the page underneath.
   This rule targets <html> ONLY. The root element's overflow applies to the
   viewport, which is what needs freezing on YOOtheme, modern CSS resets and
   any theme where the viewport is the scroller. Do NOT add
   body.hrck-body-scroll-locked here: with <html> locked, overflow:hidden on
   <body> no longer propagates to the viewport and makes <body> a scroll
   container, which breaks every position:sticky element on the page (the
   booking widget jumps out of view while a modal is open). The class is
   still set on <body> by the JS helper as a state hook only. The helper
   freezes <body> inline, case by case, only when the theme already scrolls
   <body> itself. Companion padding-right compensation for the disappearing
   scrollbar is applied inline by the JS helper. */
html.hrck-body-scroll-locked {
	overflow: hidden !important;
}

/* Screen Reader Only */
.hrck-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}