/* OnWatchPage — Campaign Page Layout (3.7.2)
 * Scoped to body.owp-layout. Presentation only: no copy, headings or
 * links are changed. Accent colour comes from --owp-accent (settings). */

body.owp-layout {
	--owp-accent: #f28c28;
	--owp-accent-dark: #d9781a;
	--owp-ink: #1f2933;
	--owp-muted: #52606d;
	--owp-band: #f4f6f8;
	--owp-card: #ffffff;
	--owp-border: #e4e7eb;
	--owp-radius: 14px;
	--owp-shadow: 0 8px 24px rgba(15, 23, 42, .08);
}

/* ---------- Rhythm & measure ---------- */
body.owp-layout .elementor-section.elementor-top-section > .elementor-container {
	max-width: 1200px;
}
body.owp-layout .elementor-section.elementor-top-section.owp-sec {
	padding: 72px 0;
}
body.owp-layout .elementor-section.elementor-top-section.owp-sec.owp-alt {
	background: var(--owp-band);
}
body.owp-layout .owp-sec .elementor-widget-text-editor,
body.owp-layout .owp-sec .elementor-widget-text-editor p {
	max-width: 760px;
	font-size: 18px;
	line-height: 1.65;
	color: var(--owp-ink);
}
body.owp-layout .owp-sec .elementor-widget-heading .elementor-heading-title {
	color: var(--owp-ink);
	letter-spacing: -.01em;
}
body.owp-layout .owp-sec .elementor-widget-heading h2.elementor-heading-title {
	font-size: clamp(28px, 3vw, 38px);
	line-height: 1.15;
	margin-bottom: 8px;
}
body.owp-layout .owp-sec .elementor-widget-heading h3.elementor-heading-title {
	font-size: clamp(22px, 2.2vw, 26px);
}
body.owp-layout .owp-sec .elementor-widget-heading + .elementor-widget-text-editor {
	margin-top: 4px;
}

/* ---------- Buttons: tangerine, white text ---------- */
body.owp-layout .elementor-button,
body.owp-layout .elementor-button:visited,
body.owp-layout .owp-btn,
body.owp-layout .wp-block-button__link,
body.owp-layout .wpforms-submit,
body.owp-layout input[type="submit"] {
	background-color: var(--owp-accent) !important;
	background-image: none !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 10px !important;
	padding: 16px 30px !important;
	font-weight: 700 !important;
	font-size: 17px !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	box-shadow: 0 6px 18px rgba(242, 140, 40, .35);
	transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
body.owp-layout .elementor-button:hover,
body.owp-layout .owp-btn:hover,
body.owp-layout .wp-block-button__link:hover,
body.owp-layout .wpforms-submit:hover,
body.owp-layout input[type="submit"]:hover {
	background-color: var(--owp-accent-dark) !important;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(242, 140, 40, .45);
}
body.owp-layout .elementor-button .elementor-button-text,
body.owp-layout .elementor-button .elementor-button-content-wrapper {
	color: #ffffff !important;
}
body.owp-layout .owp-or-call {
	margin-top: 12px;
	font-size: 16px;
	color: var(--owp-muted);
}
body.owp-layout .owp-or-call a {
	color: var(--owp-ink);
	font-weight: 700;
	text-decoration: none;
	border-bottom: 2px solid var(--owp-accent);
}

/* ---------- Hero ---------- */
body.owp-layout .owp-hero {
	padding-top: 56px;
	padding-bottom: 56px;
}
body.owp-layout .owp-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 48px;
	align-items: center;
}
body.owp-layout .owp-hero-grid.owp-no-media {
	grid-template-columns: minmax(0, 820px);
}
body.owp-layout .owp-hero-copy .elementor-widget-heading h1.elementor-heading-title {
	font-size: clamp(36px, 4.4vw, 56px);
	line-height: 1.05;
	letter-spacing: -.02em;
	margin-bottom: 18px;
	color: var(--owp-ink);
}
body.owp-layout .owp-hero-copy .owp-lede,
body.owp-layout .owp-hero-copy .owp-lede p {
	font-size: 20px;
	line-height: 1.55;
	color: var(--owp-muted);
	max-width: 640px;
}
body.owp-layout .owp-hero-copy .owp-lede strong {
	color: var(--owp-ink);
}
body.owp-layout .owp-hero-copy .elementor-widget-button {
	margin-top: 22px;
}
body.owp-layout .owp-hero-copy .owp-or-call { margin-top: 10px; }
body.owp-layout .owp-hero-copy .owp-or-call p { margin: 0; }
body.owp-layout .owp-hero-media {
	justify-self: end;
	width: 100%;
}
body.owp-layout .owp-hero-body {
	max-width: 820px;
	margin-top: 40px;
	padding-top: 28px;
	border-top: 1px solid var(--owp-border);
}
body.owp-layout .owp-hero-body .elementor-widget-text-editor,
body.owp-layout .owp-hero-body .elementor-widget-text-editor p {
	font-size: 18px;
	line-height: 1.65;
	color: var(--owp-ink);
	max-width: none;
}

/* ---------- Video / reel framing ---------- */
body.owp-layout .elementor-widget-video,
body.owp-layout .owp-reel {
	max-width: 360px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
body.owp-layout .elementor-widget-video .elementor-widget-container,
body.owp-layout .owp-reel {
	background: var(--owp-band);
	border-radius: var(--owp-radius);
	padding: 12px;
	box-shadow: var(--owp-shadow);
}
body.owp-layout .elementor-widget-video .elementor-wrapper,
body.owp-layout .elementor-widget-video video,
body.owp-layout .elementor-widget-video iframe {
	border-radius: 10px;
	overflow: hidden;
}
body.owp-layout .owp-hero-media .elementor-widget-video {
	margin: 0 !important;
}

/* ---------- Service cards (link lists) ---------- */
body.owp-layout .owp-cards-wrap .elementor-widget-text-editor {
	max-width: none;
}
body.owp-layout ul.owp-cards {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 20px;
}
body.owp-layout ul.owp-cards > li {
	background: var(--owp-card);
	border: 1px solid var(--owp-border);
	border-radius: var(--owp-radius);
	padding: 24px 24px 22px;
	box-shadow: var(--owp-shadow);
	position: relative;
	font-size: 16px;
	line-height: 1.55;
	color: var(--owp-muted);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.owp-layout ul.owp-cards > li::before {
	content: "";
	display: block;
	width: 40px;
	height: 4px;
	border-radius: 2px;
	background: var(--owp-accent);
	margin-bottom: 14px;
}
body.owp-layout ul.owp-cards > li:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 30px rgba(15, 23, 42, .12);
	border-color: rgba(242, 140, 40, .5);
}
body.owp-layout ul.owp-cards > li > a:first-child {
	display: block;
	font-size: 19px;
	font-weight: 700;
	color: var(--owp-ink);
	text-decoration: none;
	margin-bottom: 6px;
}
body.owp-layout ul.owp-cards > li > a:first-child:hover { color: var(--owp-accent-dark); }
body.owp-layout ul.owp-cards > li > a:first-child::after {
	content: "\2192";
	margin-left: 8px;
	color: var(--owp-accent);
}
body.owp-layout ul.owp-cards .owp-card-sep { display: none; }

/* ---------- Steps (framework paragraphs) ---------- */
body.owp-layout .owp-steps-wrap .elementor-widget-text-editor { max-width: none; }
body.owp-layout ol.owp-steps {
	list-style: none;
	counter-reset: owpstep;
	margin: 22px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 16px;
}
body.owp-layout ol.owp-steps > li {
	counter-increment: owpstep;
	background: var(--owp-card);
	border: 1px solid var(--owp-border);
	border-radius: var(--owp-radius);
	padding: 22px 20px 20px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--owp-muted);
	box-shadow: var(--owp-shadow);
}
body.owp-layout ol.owp-steps > li::before {
	content: counter(owpstep);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--owp-accent);
	color: #fff;
	font-weight: 800;
	font-size: 15px;
	margin-bottom: 12px;
}
body.owp-layout ol.owp-steps > li strong {
	display: block;
	font-size: 18px;
	color: var(--owp-ink);
	margin-bottom: 4px;
}
body.owp-layout .owp-steps-caption {
	margin-top: 18px;
	font-size: 16px;
	color: var(--owp-muted);
	max-width: 760px;
}

/* ---------- FAQ ---------- */
body.owp-layout .owp-faq-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 40px;
	align-items: start;
}
body.owp-layout .owp-faq-grid .elementor-widget-accordion { max-width: none; }
body.owp-layout .owp-faq-media { width: 100%; }
body.owp-layout .owp-faq-media .elementor-widget-video { margin: 0 0 0 auto !important; width: 100%; max-width: 340px !important; }
body.owp-layout .owp-hero-media .elementor-widget-video { width: 100%; }
body.owp-layout .owp-sec .elementor-widget-accordion { max-width: 860px; }
body.owp-layout .owp-sec .elementor-accordion .elementor-accordion-item {
	border: 1px solid var(--owp-border) !important;
	border-radius: 12px;
	margin-bottom: 10px;
	background: var(--owp-card);
	overflow: hidden;
}
body.owp-layout .owp-sec .elementor-accordion .elementor-tab-title {
	padding: 18px 20px;
	font-size: 18px;
	font-weight: 700;
	color: var(--owp-ink);
}
body.owp-layout .owp-sec .elementor-accordion .elementor-tab-title .elementor-accordion-icon { color: var(--owp-accent); }
body.owp-layout .owp-sec .elementor-accordion .elementor-tab-content {
	padding: 0 20px 20px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--owp-ink);
	border-top: 0 !important;
}

/* ---------- Closing CTA band ---------- */
body.owp-layout .elementor-section.owp-cta-band {
	background: var(--owp-accent) !important;
	padding: 64px 0;
}
body.owp-layout .owp-cta-band .elementor-widget-heading .elementor-heading-title,
body.owp-layout .owp-cta-band .elementor-widget-text-editor,
body.owp-layout .owp-cta-band .elementor-widget-text-editor p {
	color: #ffffff !important;
}
body.owp-layout .owp-cta-band .elementor-widget-text-editor,
body.owp-layout .owp-cta-band .elementor-widget-text-editor p {
	font-size: 19px;
	max-width: 820px;
}
body.owp-layout .owp-cta-band .elementor-widget-text-editor a:not(.owp-btn) {
	color: #ffffff;
	font-weight: 700;
	border-bottom: 2px solid rgba(255, 255, 255, .6);
	text-decoration: none;
}
body.owp-layout .owp-cta-band .owp-btn,
body.owp-layout .owp-cta-band .elementor-button {
	background-color: #ffffff !important;
	color: var(--owp-accent-dark) !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .15);
	margin: 18px 12px 0 0;
}
body.owp-layout .owp-cta-band .owp-btn:hover,
body.owp-layout .owp-cta-band .elementor-button:hover {
	background-color: #fff4ea !important;
	color: var(--owp-accent-dark) !important;
}
body.owp-layout .owp-cta-band .owp-btn .elementor-button-text { color: var(--owp-accent-dark) !important; }
body.owp-layout .owp-cta-band .owp-cta-actions { margin-top: 6px; }
body.owp-layout .owp-cta-band .owp-cta-actions .owp-or-call { color: #fff; display: inline-block; margin: 18px 0 0; }
body.owp-layout .owp-cta-band .owp-cta-actions .owp-or-call a { color: #fff; border-bottom-color: rgba(255,255,255,.7); }

/* ---------- Mobile ---------- */
@media (max-width: 1024px) {
	body.owp-layout .owp-hero-grid { grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; }
	body.owp-layout .owp-faq-grid { grid-template-columns: 1fr; }
	body.owp-layout .owp-faq-grid .elementor-widget-video { margin-top: 24px !important; }
}
@media (max-width: 767px) {
	body.owp-layout .elementor-section.elementor-top-section.owp-sec { padding: 44px 0; }
	body.owp-layout .owp-hero { padding-top: 32px; padding-bottom: 40px; }
	body.owp-layout .owp-hero-grid,
	body.owp-layout .owp-hero-grid.owp-no-media { grid-template-columns: 1fr; gap: 28px; }
	body.owp-layout .owp-hero-media { justify-self: center; max-width: 320px; }
	body.owp-layout .owp-hero-copy .elementor-widget-heading h1.elementor-heading-title { font-size: 34px; }
	body.owp-layout .owp-hero-copy .owp-lede, body.owp-layout .owp-hero-copy .owp-lede p { font-size: 18px; }
	body.owp-layout .owp-sec .elementor-widget-text-editor, body.owp-layout .owp-sec .elementor-widget-text-editor p { font-size: 17px; }
	body.owp-layout .elementor-button, body.owp-layout .owp-btn { width: 100%; justify-content: center; }
	body.owp-layout .elementor-widget-video, body.owp-layout .owp-reel { max-width: 320px !important; }
	body.owp-layout .elementor-section.owp-cta-band { padding: 48px 0; }
}