/*
 * Lone Star Plumbing FW — supplemental styles.
 * Core styling lives in theme.json; this file adds polish
 * that theme.json cannot express (shadows, transitions, FAQ styling).
 */

/* Card polish */
.lsp-card {
	box-shadow: 0 1px 3px rgba(11, 37, 69, 0.08), 0 4px 14px rgba(11, 37, 69, 0.06);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lsp-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 6px 20px rgba(11, 37, 69, 0.14);
}

.lsp-card-featured {
	position: relative;
}

/* FAQ details blocks */
.lsp-faq .wp-block-details {
	border: 1px solid #dde6ef;
	border-radius: 8px;
	padding: 1rem 1.25rem;
	margin-bottom: 0.75rem;
	background: #fff;
	transition: border-color 0.2s ease;
}

.lsp-faq .wp-block-details[open] {
	border-color: #c8102e;
}

.lsp-faq .wp-block-details summary {
	font-weight: 700;
	color: #0b2545;
	cursor: pointer;
	list-style-position: outside;
}

.lsp-faq .wp-block-details summary:hover {
	color: #c8102e;
}

.lsp-faq .wp-block-details p {
	margin-top: 0.75rem;
	color: #5b6b7b;
}

/* Buttons */
.wp-block-button__link {
	transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.wp-block-button__link:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(11, 37, 69, 0.2);
}

/* Header phone links */
header a[href^="tel:"] {
	text-decoration: none;
}

/* Smooth scrolling for in-page anchors */
html {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
	.lsp-card,
	.wp-block-button__link {
		transition: none;
	}
}