/**
 * PetCute Spa — Custom Styles
 * Supplements theme.json for things block markup can't handle
 */

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

/* ── No-Bullets List Style ─────────────────────────────────── */
.is-style-no-bullets {
	list-style: none;
	padding-left: 0 !important;
}

/* ── Service Cards Hover ───────────────────────────────────── */
.pcs-service-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.pcs-service-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}

/* ── Buttons Hover ─────────────────────────────────────────── */
.wp-element-button,
.wp-block-button__link {
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover {
	transform: translateY(-2px);
}

/* ── Hero Section ──────────────────────────────────────────── */
.pcs-hero {
	min-height: 600px;
	overflow: hidden;
	position: relative;
}

.pcs-hero-left {
	max-width: 600px;
	flex-shrink: 0;
}

.pcs-hero-right {
	flex-shrink: 0;
}

.pcs-hero-image img {
	width: 400px;
	height: 400px;
	object-fit: cover;
	border-radius: 50%;
}

/* ── Glass Cards (Why Choose Us) ───────────────────────────── */
.pcs-glass-card {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: transform 0.3s ease;
}

.pcs-glass-card:hover {
	transform: translateY(-4px);
}

/* ── Testimonial Cards ─────────────────────────────────────── */
.pcs-testimonial-card {
	transition: transform 0.3s ease;
}

.pcs-testimonial-card:hover {
	transform: translateY(-4px);
}

/* ── CTA Banner Gradient Overlay ───────────────────────────── */
.pcs-cta-banner {
	position: relative;
	overflow: hidden;
}

.pcs-cta-banner::before {
	content: "";
	position: absolute;
	top: -50%;
	right: -20%;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	pointer-events: none;
}

.pcs-cta-banner::after {
	content: "";
	position: absolute;
	bottom: -30%;
	left: -10%;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
	pointer-events: none;
}

/* ── Navbar Shadow ─────────────────────────────────────────── */
.pcs-navbar {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	position: sticky;
	top: 0;
	z-index: 100;
}

/* ── Section Spacing Mobile Adjustments ────────────────────── */
@media (max-width: 1024px) {
	.pcs-hero {
		flex-direction: column !important;
		padding-left: 40px !important;
		padding-right: 40px !important;
		min-height: auto;
	}

	.pcs-hero-left {
		max-width: 100%;
	}

	.pcs-hero-right {
		display: none;
	}
}

@media (max-width: 768px) {
	.pcs-services .wp-block-columns,
	.pcs-testimonials .wp-block-columns {
		flex-direction: column !important;
	}
}

/* ── Include Chips (Services Page) ─────────────────────────── */
.pcs-chip {
	display: inline-flex;
	align-items: center;
	padding: 7px 12px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 500;
	gap: 4px;
}

/* ── Contact Form Styling ──────────────────────────────────── */
.pcs-contact-form input,
.pcs-contact-form textarea {
	width: 100%;
	padding: 12px 16px;
	border: 1.5px solid var(--wp--preset--color--border);
	border-radius: 10px;
	background: var(--wp--preset--color--light-bg);
	font-family: var(--wp--preset--font-family--body);
	font-size: 14px;
	transition: border-color 0.2s ease;
}

.pcs-contact-form input:focus,
.pcs-contact-form textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--primary);
}

/* ── Map Container ─────────────────────────────────────────── */
.pcs-map-container {
	border-radius: 16px;
	overflow: hidden;
}

.pcs-map-container iframe {
	width: 100%;
	height: 240px;
	border: 0;
}

/* ── Animation on Scroll (subtle fade-in) ──────────────────── */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.pcs-service-card,
.pcs-glass-card,
.pcs-testimonial-card {
	animation: fadeInUp 0.6s ease forwards;
}

/* ── Link Underline Reset ──────────────────────────────────── */
.wp-block-navigation a,
.wp-block-site-title a {
	text-decoration: none !important;
}

/* ── Active Nav Color ──────────────────────────────────────── */
.current-menu-item a {
	color: var(--wp--preset--color--primary) !important;
}