/*
 * Husna Mutti & Co — components.
 * Component-specific treatments loaded after base.css.
 */

/* Component: litigation feature (editorial, not card-heavy) */
.hmc-litigation-copy {
	padding-right: 1rem;
}

.hmc-litigation-copy .wp-block-paragraph:first-of-type {
	font-size: 1.125rem;
	color: rgba(255, 255, 255, 0.92);
}

/* Component: gold rule under section eyebrows */
.hmc-eyebrow {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.hmc-eyebrow::after {
	content: "";
	display: inline-block;
	width: 3rem;
	height: 1px;
	background: currentColor;
	opacity: 0.6;
}

/* Component: checklist on light background (service pages) */
.hmc-service-content-inner .hmc-checklist {
	margin-top: 1rem;
}

/* Component: FAQ accordion answers (hidden until open) */
.hmc-faq-item .hmc-faq-answer {
	display: none;
	padding-top: 0.5rem;
}

.hmc-faq-item.is-open .hmc-faq-answer {
	display: block;
}

/* Component: mobile FAQ chevron */
.hmc-faq-question {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

/* Component: service nav — mobile "Explore Our Services" accordion */
@media (max-width: 900px) {
	.hmc-service-nav-title {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0;
	}

	.hmc-service-nav-title::after {
		content: "▾";
		color: var(--hmc-gold);
		transition: transform 0.2s ease;
	}

	.hmc-service-nav.is-open .hmc-service-nav-title::after {
		transform: rotate(180deg);
	}

	.hmc-service-nav .hmc-service-list {
		display: none;
		margin-top: 1rem;
	}

	.hmc-service-nav.is-open .hmc-service-list {
		display: block;
	}
}

/* Component: director panel — ensure gold accent panel on all breakpoints */
.hmc-director-image {
	position: relative;
}

/* Component: hero image frame — keep consistent aspect presentation */
.hmc-hero-image img {
	aspect-ratio: 3 / 4;
}

/* Component: page hero — eyebrow contrast on navy */
.hmc-page-hero .hmc-eyebrow {
	color: var(--hmc-gold);
}

/* Component: breadcrumb current page */
.hmc-breadcrumb-current {
	font-weight: 600;
}

/* Component: final CTA support line */
.hmc-final-cta-support {
	max-width: 42em;
	margin-left: auto;
	margin-right: auto;
}

/* Component: print */
@media print {
	.hmc-site-header,
	.hmc-site-footer,
	.hmc-hero-ctas,
	.hmc-final-cta,
	.hmc-contact-actions {
		display: none !important;
	}

	body {
		background: #fff !important;
		color: #000 !important;
	}
}