/*
Theme Name: FortPress
Description: FortPress emphasizes simplicity and adaptability.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
Text Domain: tft
*/

a {
	text-underline-position: under;
}

header.wp-block-template-part .is-position-sticky {
	z-index: 11;
	container-type: scroll-state;

	&::before, &::after {
		content: '';
		position: absolute;
		height: 15px;
		inset: auto 0 -15px;
		background: linear-gradient(0deg, #0000, #000);
		opacity: 0;
		transition: opacity var(--wp--custom--motion--duration--short);
	}

	&::after {
		inset: auto 0 auto;
		height: 100vh;
		pointer-events: none;
		background: #000;
	}

	@container scroll-state(stuck: top) {
		&::before {
			opacity: .025;
		}
	}

	&:hover::after {
		opacity: .1;
	}

	.wp-block-site-logo {
		z-index: 3;
	}

	.wp-block-navigation__responsive-container:not(.is-menu-open) {
		.wp-block-navigation > .has-child > .wp-block-navigation__submenu-container {
			--offset: 0px;
			padding-top: clamp(.7rem, 1.3vw, 1.5rem);
			padding-bottom: clamp(.7rem, 1.3vw, 1.5rem);
			translate: calc(-50% + var(--offset));
			left: 50%;
		}
	}
}

section {
	padding-top: var(--wp--preset--spacing--80);
	padding-bottom: var(--wp--preset--spacing--80);
}

.is-layout-flow > .alignleft {
	margin-inline-end: var(--wp--preset--spacing--40);
	margin-block-end: .5rem;

	+ * {
		overflow: auto;

		@media (max-width: 640px) {
			overflow: visible;
		}
	}
}

#fab-buttons {
	position: fixed;
	bottom: 35px;
	right: 35px;
	z-index: 11;

	.wp-block-button__link {
		padding: 0;
		width: clamp(40px, 3.2vw, 50px);
		height: clamp(40px, 3.2vw, 50px);
	}
}

#scroll-on-top {
	translate: 25vw;
	transition: translate var(--wp--custom--motion--duration--short);

	&.is-visible {
		translate: 0;
	}
}

.wpcf7-response-output {
	display: none;
}