/* ProofStamp global shell: header, navigation, footer. */

.proofstamp-header {
	border-bottom: 1px solid var(--ps-border);
	background: var(--ps-white);
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.proofstamp-brand {
	flex: 0 0 auto;
}

.proofstamp-brand-link {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.proofstamp-brand-wordmark {
	display: block;
	width: clamp(170px, 14vw, 198px);
	height: auto;
}

.proofstamp-brand-mobile {
	display: none;
}

.proofstamp-brand-icon {
	display: block;
	width: 40px;
	height: 40px;
}

.proofstamp-nav a {
	color: var(--ps-graphite);
	font-weight: 500;
	text-decoration: none;
}

.proofstamp-nav a:hover,
.proofstamp-nav a:focus-visible {
	color: var(--ps-blue);
	text-decoration: none;
}

.proofstamp-header-cta .wp-block-button__link {
	background: var(--ps-blue);
	color: var(--ps-white);
	font-weight: 500;
	box-shadow: none;
}

.proofstamp-header-cta .wp-block-button__link:hover,
.proofstamp-header-cta .wp-block-button__link:focus-visible {
	background: var(--ps-blue-hover);
	color: var(--ps-white);
	transform: none;
}

.proofstamp-footer {
	background: var(--ps-blue) !important;
	color: var(--ps-white);
}

.proofstamp-footer-brand {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.proofstamp-footer-wordmark {
	display: block;
	width: min(210px, 100%);
	height: auto;
}

.proofstamp-footer .has-main-accent-color,
.proofstamp-footer .proofstamp-footer-muted {
	color: rgba(255, 255, 255, 0.74) !important;
}

.proofstamp-footer a {
	color: rgba(255, 255, 255, 0.86);
	text-decoration: none;
}

.proofstamp-footer a:hover,
.proofstamp-footer a:focus-visible {
	color: var(--ps-white);
	text-decoration: underline;
}

.proofstamp-footer .wp-block-separator {
	border-color: rgba(255, 255, 255, 0.24) !important;
	background: rgba(255, 255, 255, 0.24) !important;
}

@media (max-width: 760px) {
	.proofstamp-brand-desktop {
		display: none;
	}

	.proofstamp-brand-mobile {
		display: inline-flex;
	}

	.proofstamp-header .wp-block-group.alignwide {
		gap: 12px;
	}

	.proofstamp-header-cta .wp-block-button__link {
		padding: 10px 14px !important;
		font-size: 0.84rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.proofstamp-header-cta .wp-block-button__link {
		transition: none;
	}
}