/*
Theme Name: Love's Plumbing
Theme URI: https://lovesplumbingcompany.com/
Author: Love's Plumbing Company
Description: A clean, fast block theme for Love's Plumbing Company — family owned in Houston since 1990.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: loves-plumbing
*/

/* Most styling lives in theme.json. This file holds the few things it can't express. */

html { scroll-behavior: smooth; }

a { text-underline-offset: 0.2em; }

/* Sections sit flush against each other */
.wp-site-blocks > * { margin-block-start: 0; }

/* Sticky header. Keep it free of backdrop-filter/transform: those would trap the mobile menu overlay inside it. */
.lp-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--preset--color--line);
}
/* Mobile menu overlay: solid, big, easy-to-tap links */
.lp-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--base);
	padding: 1.25rem clamp(1rem, 4vw, 2rem);
}
.lp-header .is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: flex-start !important;
	padding-top: 3rem;
}
.lp-header .is-menu-open .wp-block-navigation__container {
	align-items: flex-start !important;
	gap: 1.25rem !important;
}
.lp-header .is-menu-open .wp-block-navigation-item a {
	font-size: 1.75rem;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.admin-bar .lp-header { top: var(--wp-admin--admin-bar--height, 32px); }

.lp-brand { text-decoration: none; color: inherit; display: inline-flex; align-items: center; gap: 0.6rem; }
.lp-brand img { height: 52px; width: auto; display: block; }
@media (max-width: 600px) { .lp-header .lp-brand img { height: 42px; } }

/* Cards */
.lp-card {
	height: 100%;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.lp-card:hover {
	transform: translateY(-3px);
	border-color: transparent !important;
	box-shadow: 0 14px 30px -12px rgb(0 0 0 / 0.14);
}
.lp-icon img {
	width: 56px;
	height: 56px;
	padding: 12px;
	border-radius: 14px;
	background: var(--wp--preset--color--tint);
	box-sizing: border-box;
}

/* Button on dark backgrounds */
.lp-btn-light .wp-block-button__link {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--accent);
}
.lp-btn-light .wp-block-button__link:hover {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
}

/* Trust bar numbers */
.lp-stat strong { display: block; font-size: 1.6rem; letter-spacing: -0.02em; color: var(--wp--preset--color--primary); }

/* Client names row */
.lp-clients p { margin: 0; }

/* Services page list */
.lp-service h3 { margin-bottom: 0.25rem; }
.lp-service { border-top: 1px solid var(--wp--preset--color--line); padding-top: 1.25rem; }

/* Big phone link */
.lp-phone a { text-decoration: none; }
.lp-phone a:hover { text-decoration: underline; }

/* Contact page */
.lp-icon-light img { background: var(--wp--preset--color--base); }
.lp-email { font-size: clamp(1rem, 1.6vw, 1.2rem) !important; }
.lp-art-panel img { background: var(--wp--preset--color--tint); }
.lp-step h3 { display: flex; align-items: center; gap: 0.75rem; }
.lp-step-num {
	flex: none;
	display: inline-grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
	font-size: 0.95rem;
}
.lp-step p { padding-left: 2.75rem; }

/* Footer links */
.lp-footer a { color: inherit; text-decoration: none; }
.lp-footer a:hover { text-decoration: underline; }

@media (max-width: 781px) {
	.lp-hide-mobile { display: none !important; }
	.lp-hero-art { max-width: 360px; margin-inline: auto; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.lp-card { transition: none; }
	.lp-card:hover { transform: none; }
}