/**
 * Self-hosted Inter (replaces next/font/google), plus a couple of rules
 * that don't belong inside the Tailwind @layer build (build/input.css) --
 * font-face declarations aren't purgeable/utility classes, so they live here.
 */

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/inter-variable.woff2") format("woff2");
}

/* WordPress core injects this for images without explicit dimensions; harmless to keep. */
.wp-caption { max-width: 100%; }

/* Basic prose fallback for the generic page.php/index.php templates. */
.prose :where(p) { margin-top: 1em; }

/* Service Detail hero background for services without a hero_image (inc/data.php). */
.fwd-service-hero-fallback {
	background-image: linear-gradient(to bottom right, hsl(var(--primary) / 0.15), hsl(var(--accent) / 0.1), hsl(var(--background)));
}

/* Footer's 3-column layout (brand / quick links / services), wider first column. */
@media (min-width: 1024px) {
	.fwd-footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
}

/* Bleeds a child (e.g. the Calendly embed on the Contact page) to the edges
   of its parent .fwd-card, whose padding is p-6 (1.5rem). */
.fwd-card-bleed {
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	margin-bottom: -1.5rem;
}

/**
 * Contact Form 7's submit control ([submit "Send Message"] in the CF7 form
 * markup) renders as a bare <input type="submit"> with no button styling —
 * tailwind.css only covers the text/email/tel/textarea/select fields, not
 * the submit button. Match it to .fwd-btn.fwd-btn-default.fwd-btn-md by hand
 * here rather than adding a class CF7 doesn't let us attach to that one field.
 */
.fwd-contact-form input[type="submit"].wpcf7-form-control {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 1.5rem;
	gap: 0.5rem;
	white-space: nowrap;
	border: none;
	border-radius: 9999px;
	height: 2.75rem;
	padding: 0.5rem 1.5rem;
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 500;
	background-color: hsl(var(--primary));
	color: hsl(var(--primary-foreground));
	box-shadow: 0 10px 15px -3px hsl(var(--primary) / 0.25), 0 4px 6px -4px hsl(var(--primary) / 0.25);
	cursor: pointer;
	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.fwd-contact-form input[type="submit"].wpcf7-form-control:hover {
	background-color: hsl(var(--primary) / 0.9);
	transform: translateY(-0.125rem);
}
.fwd-contact-form input[type="submit"].wpcf7-form-control:focus-visible {
	outline: 2px solid hsl(var(--ring));
	outline-offset: 2px;
}
.fwd-contact-form input[type="submit"].wpcf7-form-control:disabled {
	pointer-events: none;
	opacity: 0.5;
}