/*
Theme Name: Basal Financial
Theme URI: https://localhost:8080
Description: Twenty Twenty-Five child theme for Basal Financial.
Author: Basal Financial
Template: twentytwentyfive
Version: 1.0.0
Text Domain: basal-financial
*/

.basal-header {
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--muted-teal) 35%, transparent);
}

.basal-header .wp-block-site-logo img {
	height: 56px;
	width: auto;
	max-width: 240px;
}

.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--base) !important;
	color: var(--wp--preset--color--dark-teal);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a {
	color: var(--wp--preset--color--dark-teal);
}

.basal-hero {
	min-height: 80vh;
}

.basal-hero .wp-block-cover__inner-container {
	max-width: 42rem;
}

.basal-hero h1 {
	color: var(--wp--preset--color--base);
	letter-spacing: -0.02em;
}

.basal-hero p {
	color: var(--wp--preset--color--base);
}

.basal-services-hero {
	min-height: 42vh;
}

.basal-icon {
	color: var(--wp--preset--color--cerulean);
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
	display: block;
}

.basal-icon--quote {
	color: var(--wp--preset--color--muted-teal);
	font-size: 1.25rem;
}

.wp-block-button__link .fa-solid,
.wp-block-button__link .fa-brands,
.basal-footer .fa-solid,
.basal-footer .fa-brands {
	margin-right: 0.45rem;
}

.wp-block-button__link {
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Outline on light backgrounds — theme.json outline uses currentColor for dark heroes */
.basal-on-light .wp-block-button.is-style-outline .wp-block-button__link {
	color: var(--wp--preset--color--dark-teal) !important;
	border-color: var(--wp--preset--color--dark-teal) !important;
}

.basal-on-light .wp-block-button.is-style-outline .wp-block-button__link:hover,
.basal-on-light .wp-block-button.is-style-outline .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--dark-teal) !important;
	color: var(--wp--preset--color--base) !important;
	border-color: var(--wp--preset--color--dark-teal) !important;
}

.wp-block-columns:has(.basal-service-card),
.wp-block-columns:has(.basal-testimonial) {
	align-items: stretch !important;
}

.basal-anchor-link {
	height: 100%;
}

.wp-block-column.basal-service-card,
.wp-block-column.basal-testimonial,
.wp-block-group.basal-service-card,
.wp-block-group.basal-testimonial {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	height: auto;
}

.basal-service-card a,
.basal-anchor-link a {
	text-decoration: none;
}

.basal-service-card a:hover h3,
.basal-anchor-link a:hover {
	text-decoration: underline;
}

.basal-anchor-row {
	position: sticky;
	top: 0;
	z-index: 5;
	background: var(--wp--preset--color--base);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--muted-teal) 35%, transparent);
}

.basal-footer,
footer.wp-block-template-part,
.wp-block-template-part:has(.basal-footer) {
	margin-top: 0 !important;
}

/* Override global link color inside the dark footer */
.basal-footer a {
	color: var(--wp--preset--color--base);
}

.basal-footer-social {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem 1.75rem;
	align-items: center;
}

.basal-footer-social a {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	text-decoration: none;
}

.basal-footer-social a:hover {
	text-decoration: underline;
}

.basal-footer-social .fa-facebook {
	color: var(--wp--preset--color--celadon);
	font-size: 1.25rem;
}

.basal-license {
	font-size: 0.875rem;
	opacity: 0.85;
}

.basal-placeholder-note {
	font-size: 0.8rem;
	color: var(--wp--preset--color--muted-teal);
	font-style: italic;
}

@media (max-width: 781px) {
	.basal-hero {
		min-height: 70vh;
	}

	.basal-header .wp-block-site-logo img {
		height: 44px;
	}

	.basal-anchor-row {
		position: static;
	}
}

.wp-block-post-content > .alignfull {
	margin-top: 0;
	margin-bottom: 0;
}