/*
Theme Name: MT&S Tree Services
Template: twentytwentyfive
Description: Child theme rebuilt in November 2026 from recovered MT&S Tree Services assets (logo, brand colors, fonts and photos from the original Elementor site). All layout is editable in the Site Editor.
Version: 1.0.0
Text Domain: mts-tree-services
*/

/* Service cards */
.mts-card {
	background: #ffffff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 6px 18px rgba(41, 58, 6, 0.10);
	transition: transform .2s ease, box-shadow .2s ease;
}
.mts-card:hover { transform: translateY(-4px); box-shadow: 0 10px 26px rgba(41, 58, 6, 0.16); }
.mts-card figure { margin: 0; }
.mts-card img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; display: block; }
.mts-card h3 { margin: 0; padding: 1rem 1.1rem .4rem; }
.mts-card p { margin: 0; padding: 0 1.1rem 1.3rem; font-size: .95rem; line-height: 1.55; }

/* "How it works" steps */
.mts-step { background: #ffffff; border-radius: 10px; padding: 1.6rem 1.4rem; box-shadow: 0 6px 18px rgba(41, 58, 6, 0.08); }
.mts-step-num { display: inline-block; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; text-align: center; border-radius: 50%; background: #89C502; color: #293A06; font-weight: 700; }

/* Gallery images keep a consistent shape */
.mts-gallery .wp-block-image img { aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; }

/* Text still to be supplied by the business owner: clearly visible on staging */
.mts-placeholder {
	background: #fff4c2;
	border: 1px dashed #b8860b;
	border-radius: 4px;
	padding: .15em .45em;
	color: #5a4200;
}

/* Header */
.mts-header { box-shadow: 0 2px 10px rgba(0, 0, 0, .06); position: relative; z-index: 10; }
.mts-header .wp-block-navigation a { font-weight: 500; }

/* Footer links */
.mts-footer a { color: #F7F5E8; text-decoration: none; }
.mts-footer a:hover { color: #89C502; }

@media (max-width: 600px) {
	.mts-hero h1 { font-size: 2.2rem !important; }
	.mts-header .wp-block-buttons { display: none; }
}