/*
 * Perfect Woo — Contact page (page-contact.php). Loaded only on that template.
 * Full-width sections; inner content centred in .pwc-c__inner. Brand green accents.
 */
.pwc-contact {
	--c-green: var(--wp--preset--color--accent, #1b8a52);
	--c-green-dark: #156d41;
	--c-ink: #141410;
	--c-body: #555;
	--c-line: var(--wp--preset--color--muted, #eaeaea);
	--c-soft: #f9f9f8;
	--c-display: "Barlow Condensed", "Outfit", system-ui, sans-serif;
	color: var(--c-body);
	overflow-x: clip;
}
.pwc-c__inner {
	max-inline-size: 1100px;
	margin-inline: auto;
	padding-inline: clamp(1rem, 4vw, 2rem);
}
.pwc-contact h1, .pwc-contact h2, .pwc-contact h3 { color: var(--c-ink); }
.pwc-c-eyebrow {
	display: block;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--c-green);
	margin-block-end: 0.5rem;
}
.pwc-c-title { font-family: var(--c-display); font-size: clamp(26px, 3.5vw, 36px); font-weight: 800; margin: 0 0 1.5rem; }

/* Hero */
.pwc-contact-hero {
	background: var(--c-soft);
	text-align: center;
	padding-block: clamp(3rem, 7vw, 5rem);
}
.pwc-contact-hero h1 {
	font-family: var(--c-display);
	font-size: clamp(3rem, 9vw, 6rem);
	font-weight: 800;
	line-height: 1;
	margin: 0 0 0.75rem;
}
.pwc-contact-hero h1::after { content: "."; color: var(--c-green); }
.pwc-contact-hero p { font-size: 18px; max-inline-size: 52ch; margin: 0 auto; color: var(--c-body); }

/* Sections */
.pwc-contact-sec { padding-block: clamp(3rem, 6vw, 4.5rem); }
.pwc-contact-sec--alt { background: var(--c-soft); }
.pwc-contact-sec > .pwc-c__inner > .pwc-c-eyebrow,
.pwc-contact-sec > .pwc-c__inner > .pwc-c-title { text-align: center; }

/* FAQ accordion */
.pwc-faq { max-inline-size: 820px; margin-inline: auto; }
.pwc-faq__item {
	background: #fff;
	border: 1px solid var(--c-line);
	border-radius: 10px;
	margin-block-end: 0.75rem;
	overflow: hidden;
}
.pwc-faq__item summary {
	list-style: none;
	cursor: pointer;
	padding: 1.1rem 1.25rem;
	font-weight: 600;
	color: var(--c-ink);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}
.pwc-faq__item summary::-webkit-details-marker { display: none; }
.pwc-faq__item summary::after {
	content: "+";
	flex-shrink: 0;
	font-size: 1.4rem;
	line-height: 1;
	color: var(--c-green);
	transition: transform .2s ease;
}
.pwc-faq__item[open] summary::after { content: "−"; }
.pwc-faq__item summary:hover { color: var(--c-green); }
.pwc-faq__a { padding: 0 1.25rem 1.25rem; line-height: 1.65; color: var(--c-body); }

/* Let's Talk — form + details */
.pwc-contact-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: clamp(2rem, 5vw, 3.5rem);
	align-items: start;
}
.pwc-contact-form label { display: block; margin-block-end: 1rem; }
.pwc-contact-form label span { display: block; font-size: 0.85rem; font-weight: 600; color: var(--c-ink); margin-block-end: 0.35rem; }
.pwc-contact-form input,
.pwc-contact-form textarea {
	inline-size: 100%;
	box-sizing: border-box;
	padding: 0.75rem 0.9rem;
	border: 1px solid var(--c-line);
	border-radius: 8px;
	font: inherit;
	background: #fff;
}
.pwc-contact-form input:focus,
.pwc-contact-form textarea:focus { outline: none; border-color: var(--c-green); box-shadow: 0 0 0 3px rgba(27, 138, 82, .12); }
.pwc-c-btn {
	margin-block-start: 0.25rem;
	background: var(--c-green);
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 0.85rem 2rem;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}
.pwc-c-btn:hover { background: var(--c-green-dark); }
.pwc-contact-notice { border-radius: 8px; padding: 1rem 1.25rem; font-weight: 500; }
.pwc-contact-notice--ok { background: rgba(27, 138, 82, .1); border: 1px solid rgba(27, 138, 82, .3); color: #14633b; }
.pwc-contact-notice--err { background: rgba(196, 18, 63, .08); border: 1px solid rgba(196, 18, 63, .3); color: #c4123f; }

/* Contact details */
.pwc-contact-info { display: flex; flex-direction: column; gap: 1.25rem; }
.pwc-contact-info__item {
	background: #fff;
	border: 1px solid var(--c-line);
	border-radius: 12px;
	padding: 1.25rem 1.5rem;
}
.pwc-contact-info__item h3 {
	font-family: var(--c-display);
	font-size: 1.1rem;
	margin: 0 0 0.4rem;
	color: var(--c-green);
}
.pwc-contact-info__item p { margin: 0; line-height: 1.6; color: var(--c-body); }
.pwc-contact-info__item a { color: var(--c-ink); text-decoration: none; font-weight: 600; }
.pwc-contact-info__item a:hover { color: var(--c-green); }

/* Responsive */
@media (max-width: 781px) {
	.pwc-contact-grid { grid-template-columns: 1fr; }
}