/* Fractional IT — supplemental styles.
   Kept intentionally small: only what core blocks + theme.json cannot express. */

/* Accessible, visible focus states */
a:focus-visible,
button:focus-visible,
.wp-element-button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid #14717F;
	outline-offset: 2px;
	border-radius: 2px;
}

/* Card: white surface, hairline border, flat and calm */
.fit-card {
	background: #FFFFFF;
	border: 1px solid #DCE4EA;
	border-radius: 8px;
	padding: 1.75rem;
	height: 100%;
	box-sizing: border-box;
}

.fit-card h3 {
	margin-top: 0;
}

/* Numbered step badge for the 4-step approach */
.fit-step-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: #1D8FA8;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 1.125rem;
}

/* Small uppercase eyebrow / trust line */
.fit-eyebrow {
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #5E7285;
}

/* Layered-stack SVG motif container */
.fit-layers svg {
	display: block;
	max-width: 100%;
	height: auto;
}

/* Slightly tighter list rhythm inside cards and columns */
.fit-card ul,
.fit-tight-list ul {
	padding-left: 1.25rem;
}

/* Form placeholder panel on the Contact page */
.fit-form-placeholder {
	background: #FFFFFF;
	border: 1px dashed #5E7285;
	border-radius: 8px;
	padding: 1.75rem;
}