/* ==========================================================================
   custom.css — the rules that replace the removed plugin runtime on the
   franchise page. Loaded last, so it wins over the generated Elementor CSS.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. hello-theme-child (MISSION OM) — the child theme shipped no rules of its
      own beyond its header comment, so there is nothing to carry over here.
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   2. Sticky header — replaces jquery.sticky.js, jquery.jsticky.js and the
      JetBlocks sticky section. The bar was switched to `position: fixed` by
      script on scroll; since it sits at the top of the page either way, a
      plain fixed bar is visually identical and needs no JavaScript.
   -------------------------------------------------------------------------- */
.elementor-1728 .elementor-element.elementor-element-fc48b34 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}

/* Elementor kept a hidden `elementor-sticky__spacer` clone of the bar in the
   flow to reserve its height. That duplicate is gone, so the header template
   reserves the height itself. Keep this in sync with the bar's own height —
   the hero below it relies on a negative bottom margin and shifts with it. */
.elementor-1728 {
	padding-top: 62px;
}

/* The logo shrinks at Elementor's tablet breakpoint, taking the bar with it. */
@media (max-width: 1024px) {
	.elementor-1728 {
		padding-top: 55px;
	}
}

/* --------------------------------------------------------------------------
   3. Back-to-top button. Elementor positioned it with an inline style that
      the export baked in at opacity 0.05; main.js drives the opacity now, so
      only the placement lives here.
   -------------------------------------------------------------------------- */
.elementor-28 .elementor-element.elementor-element-2cefc80 {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 98;
}

.elementor-28 .elementor-element.elementor-element-2cefc80 .elementor-motion-effects-element {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.elementor-icon svg {
	display: block;
	height: 1em;
	width: 1em;
	fill: currentColor;
}

/* --------------------------------------------------------------------------
   4. Misc
   -------------------------------------------------------------------------- */
:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* `overflow-x: hidden` on both html and body makes each a scroll container
   and breaks `position: sticky` for descendants; `clip` only clips. */
html,
body {
	overflow-x: clip;
}