/* Trauma Institute — SimplePractice buttons
   Uses the theme's Kintsugi tokens with hard hex fallbacks so buttons
   render correctly even where the theme's --color-* tokens are undefined. */

.ti-sp-btn {
	display: inline-block;
	font-family: var(--font-ui, 'Jost', 'Helvetica Neue', sans-serif);
	font-size: 0.72rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	line-height: 1;
	padding: 1rem 1.75rem;
	border: 1px solid var(--gold, #c8a030);
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

/* Primary — booking (gold fill) */
.ti-sp-btn--book {
	background: var(--gold, #c8a030);
	color: var(--black, #0a0a0a);
}
.ti-sp-btn--book:hover,
.ti-sp-btn--book:focus {
	background: var(--gold-light, #e0b840);
	border-color: var(--gold-light, #e0b840);
	color: var(--black, #0a0a0a);
}

/* Secondary — portal (outlined) */
.ti-sp-btn--portal {
	background: transparent;
	color: var(--gold, #c8a030);
}
.ti-sp-btn--portal:hover,
.ti-sp-btn--portal:focus {
	background: var(--gold, #c8a030);
	color: var(--black, #0a0a0a);
}

.ti-sp-btn:focus-visible {
	outline: 2px solid var(--gold-light, #e0b840);
	outline-offset: 3px;
}

/* Inline widget wrapper on /book/ */
.ti-sp-widget {
	margin: 2rem 0;
}
.ti-sp-widget .spwidget-button,
.ti-sp-widget a[class*="spwidget"] {
	/* re-skin SimplePractice's default button to match, if present */
	font-family: var(--font-ui, 'Jost', sans-serif) !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	background: var(--gold, #c8a030) !important;
	color: var(--black, #0a0a0a) !important;
	border-radius: 0 !important;
	padding: 1rem 1.75rem !important;
}

/* Per-clinician CTA spacing */
.ti-sp-clinician-cta {
	margin-top: var(--sp-xl, 2.5rem);
}

/* Portal link inside the nav menu — inherit menu styling, nudge the accent */
.ti-sp-menu-portal > a {
	color: var(--gold, #c8a030);
}