/*
Theme Name: Block & Associates
Theme URI: https://associates.sarrdeh-tech.com
Description: Child theme for Block & Associates Realty. Encodes the Figma design system (colors, typography, spacing) via theme.json. Built for the WordPress block editor (Gutenberg) — no shortcodes.
Author: Sami
Template: twentytwentyfive
Version: 1.0.3
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: block-associates
*/

/* Secondary / Outline button (design system: "Contact Agent") */
.wp-block-button.is-style-ba-outline > .wp-block-button__link {
	background-color: transparent;
	color: var(--wp--preset--color--brand-red);
	border: 2px solid var(--wp--preset--color--brand-red);
}
.wp-block-button.is-style-ba-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-ba-outline > .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--brand-red);
	color: var(--wp--preset--color--white);
}

/* Service-area pills: 5-column grid like Figma */
.ba-areas-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 12px;
}
.ba-areas-grid > .wp-block-group,
.ba-areas-grid > p {
	margin: 0;
}
@media (max-width: 1024px) {
	.ba-areas-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
	.ba-areas-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Hero copy sits in the left half so the photo reads on the right */
.ba-hero-copy { max-width: 576px; }

/* Service card icon tile (square corners, like the reference site) */
.ba-icon-tile {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 0;
}

/* Stats bar: thin gold rule under the red band */
.wp-block-group.alignfull.has-brand-red-background-color {
	border-bottom: 3px solid var(--wp--preset--color--warning);
}

/* "What Sets Us Apart": hairline divider between rows */
.ba-feature-row {
	padding-bottom: 12px;
	border-bottom: 1px solid var(--wp--preset--color--neutral-200);
}
.ba-feature-row:last-child {
	border-bottom: 0;
}

/* "What Sets Us Apart" checklist with brand check marks */
.ba-checklist {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.ba-checklist li {
	position: relative;
	padding-left: 34px;
	line-height: 1.5;
}
/* Links inside dark header/footer inherit the light surrounding color */
.has-neutral-900-background-color a {
	color: inherit;
	text-decoration: none;
}
.has-neutral-900-background-color a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.ba-footer-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.ba-checklist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: var(--wp--preset--color--brand-red);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}