/*
 * Elementor compatibility for the SecPath design system.
 *
 * Every original section lives in its own Elementor container (.secpath-block)
 * with one SecPath section widget. On the front end those wrappers are display:contents,
 * so the sections lay out as direct children of <main>, exactly like the
 * static build. Inside the Elementor editor they stay boxes (with no
 * spacing) so they can be selected, moved and edited.
 */
body:not(.elementor-editor-active) .secpath-chrome,
body:not(.elementor-editor-active) .secpath-chrome > .elementor,
body:not(.elementor-editor-active) .elementor .e-con.secpath-block,
body:not(.elementor-editor-active) .elementor .secpath-block > .elementor-widget,
body:not(.elementor-editor-active) .elementor .secpath-block > .elementor-widget > .elementor-widget-container,
body:not(.elementor-editor-active) #main > .elementor {
	display: contents;
}

.elementor .e-con.secpath-block {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--gap: 0px;
	--row-gap: 0px;
	--column-gap: 0px;
	--content-width: 100%;
	--container-max-width: none;
	display: block;
	max-width: none;
	padding: 0;
	margin: 0;
}
.elementor .secpath-block > .elementor-widget,
.elementor .secpath-block > .elementor-widget > .elementor-widget-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* Admin bar offset for the fixed nav when logged in. */
body.admin-bar .nav,
body.admin-bar .nav__backdrop {
	top: var(--wp-admin--admin-bar--height, 32px);
}
@media screen and (max-width: 600px) {
	body.admin-bar .nav,
	body.admin-bar .nav__backdrop { top: 0; }
}

/* Skip link: hidden until focused with the keyboard. */
.skip-link {
	position: absolute;
	left: 16px;
	top: -100px;
	z-index: 1000;
	padding: 8px 16px;
	border-radius: 8px;
	background: var(--accent, #3366ff);
	color: #fff;
	font: 500 14px/20px Poppins, sans-serif;
	text-decoration: none;
}
.skip-link:focus { top: 16px; }

/* Form result message (js/forms.js, contact.js) */
.secpath-form-status {
	align-self: stretch;
	margin: 0;
	padding: var(--sp-3, 12px) var(--sp-4, 16px);
	border-radius: 8px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}
.secpath-form-status[data-state="success"] { background: rgba(34, 197, 94, .12); color: #4ade80; }
.secpath-form-status[data-state="error"] { background: rgba(240, 68, 56, .12); color: #f97066; }
form[aria-busy="true"] button[type="submit"] { opacity: .6; cursor: progress; }