/*
 * Blanky Work – Mobile action bar
 *
 * On narrow screens a bar with "Call" and "Free Consultation" stays at the
 * bottom of the viewport.
 *
 * @package blanky-work
 * @since 1.7
 */

.work-actionbar {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 90;
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-top: 1px solid var(--work-border-gold);
	padding-bottom: env(safe-area-inset-bottom);
	background: var(--work-white);
}

.work-actionbar p {
	margin: 0;
}

.work-actionbar a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 3.5rem;
	font-family: var(--work-font-sans);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-decoration: none;
}

.work-actionbar-tel a {
	color: var(--work-deep-navy);
}

.work-actionbar-contact a {
	background: var(--work-band);
	color: var(--work-on-band);
}

.work-actionbar a:focus-visible {
	outline: 2px solid var(--work-muted-gold);
	outline-offset: -4px;
}

/* Keep the end of the page reachable above the bar. */
.work-footer {
	padding-bottom: calc(3.5rem + env(safe-area-inset-bottom));
}

@media (width >= 782px) {
	.work-actionbar {
		display: none;
	}

	.work-footer {
		padding-bottom: 0;
	}
}