/*
Theme Name: Frost Child - Durango Family Therapy
Theme URI: https://durangofamilytherapy.com
Description: Custom child theme for Durango Family Therapy, built on the Frost theme by WP Engine.
Author: Jeremy Green
Author URI: https://durangofamilytherapy.com
Template: frost
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: frost-child
*/

/* ==========================================================================
   Custom Styles - Durango Family Therapy
   ========================================================================== */

/* Smooth scroll */
html {
	scroll-behavior: smooth;
}

/* Remove gaps between full-width page sections (hero, content bands, CTA) */
.wp-block-post-content > * + * {
	margin-top: 0 !important;
}

/* Also remove gap between template-level blocks (header, main, footer) */
body > .wp-site-blocks > * + * {
	margin-top: 0 !important;
}

/* Global transitions */
a,
button,
input,
textarea {
	transition: all 0.2s ease-in-out;
}

/* Service card hover effect */
.service-card {
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.service-card:hover {
	transform: translateY(-2px);
}

/* Team member headshot styling - uniform display */
.team-member img {
	border-radius: 50%;
	width: 200px;
	height: 200px;
	object-fit: cover;
	object-position: center top;
	aspect-ratio: 1 / 1;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Also apply to any image block with the rounded-full style in team context */
.is-style-rounded-full img {
	object-fit: cover;
	object-position: center top;
}

/* CTA section breathing room */
.cta-section {
	text-align: center;
}

/* Contact form field focus */
.wp-block-form input:focus,
.wp-block-form textarea:focus {
	border-color: var(--wp--preset--color--primary);
	outline: none;
	box-shadow: 0 0 0 2px rgba(38, 86, 166, 0.2);
}

.hide-me {
	display: none;
}

/* Responsive adjustments */
@media (max-width: 782px) {
	.is-style-columns-reverse {
		flex-direction: column-reverse;
	}
}