/*
 * NYMHCA Frost — Homepage-Specific Styles
 * Hero and Value Bar — structural to the front-page template only.
 * All reusable pattern component styles live in patterns.css.
 */

/* ── Hero ──────────────────────────────────────────────────────────────────── */

.nymhca-hero.wp-block-cover {
	min-height: 580px;
	align-items: flex-end;
	background-color: var(--wp--preset--color--deepest);
}
/* Ensure gradient renders fully opaque over the dark base */
.nymhca-hero .wp-block-cover__gradient-background {
	background-image: linear-gradient(120deg, #021d5b 0%, #063393 55%, #008C8D 100%) !important;
	opacity: 1;
}
/* WP may render the cover overlay on .wp-block-cover__background in post content.
   Force the hero gradient to show even when dimRatio is set to 0. */
.nymhca-hero .wp-block-cover__background.has-background-gradient,
.nymhca-hero .wp-block-cover__background.has-hero-overlay-gradient-background,
.nymhca-hero .wp-block-cover__background.wp-block-cover__gradient-background {
	background-image: var(--wp--preset--gradient--hero-overlay) !important;
	background-color: transparent !important;
	opacity: 1 !important;
}
.nymhca-hero .wp-block-cover__inner-container {
	padding-bottom: 64px;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
}
/* Override theme.json group block defaults (56px/40px) inside the hero */
.nymhca-hero .wp-block-group {
	padding: 0 !important;
	display: block !important;
}
	/* Keep hero text/CTA blocks left-aligned within the constrained content box */
.nymhca-hero .wp-block-group > :is(.nymhca-hero-eyebrow, .wp-block-heading, .nymhca-hero-subhead, .wp-block-buttons) {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
}
.nymhca-hero-eyebrow {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: #fff !important;
	margin-bottom: 12px;
}
.nymhca-hero h1 {
	font-size: clamp(36px, 5vw, 56px);
	font-weight: 400;
	line-height: 1.1;
	color: #fff;
	margin-bottom: 20px;
}
.nymhca-hero-subhead {
	font-size: 15px;
	color: #fff !important;
	max-width: 500px;
	line-height: 1.65;
	margin-bottom: 32px;
	margin-left: 0 !important;
	padding-left: 0 !important;
	text-indent: 0;
}
.nymhca-hero .wp-block-cover__inner-container .nymhca-hero-eyebrow,
.nymhca-hero .wp-block-cover__inner-container .nymhca-hero-subhead {
	color: #fff !important;
}
.wp-block-button.nymhca-btn-hero-fill > .wp-block-button__link {
	background: var(--wp--preset--color--orange) !important;
	color: #fff;
	border: 2px solid var(--wp--preset--color--orange) !important;
	border-radius: 6px;
	padding: 13px 28px;
	font-weight: 600;
	font-size: 14px;
	transition: background 0.15s, border-color 0.15s;
}
.wp-block-button.nymhca-btn-hero-fill > .wp-block-button__link:hover {
	background: var(--orange-dk) !important;
	border-color: var(--orange-dk) !important;
}

/* Fallback for Site Editor variations where class-specific button styles are overridden */
.nymhca-hero .wp-block-buttons > .wp-block-button:first-child > .wp-block-button__link.wp-element-button,
.nymhca-hero .wp-block-buttons > .wp-block-button:first-child > .wp-element-button {
	background: var(--wp--preset--color--orange) !important;
	background-image: none !important;
	border-color: var(--wp--preset--color--orange) !important;
}
.nymhca-hero .wp-block-buttons > .wp-block-button:first-child > .wp-block-button__link.wp-element-button:hover,
.nymhca-hero .wp-block-buttons > .wp-block-button:first-child > .wp-element-button:hover {
	background: var(--orange-dk) !important;
	border-color: var(--orange-dk) !important;
}
.wp-block-button.nymhca-btn-hero-fill > .wp-block-button__link:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}
.wp-block-button.nymhca-btn-hero-outline > .wp-block-button__link {
	background: transparent !important;
	background-image: none !important;
	color: var(--wp--preset--color--pale) !important;
	border: 2px solid rgba(255, 255, 255, 0.55) !important;
	border-radius: 6px;
	padding: 13px 28px;
	font-weight: 600;
	font-size: 14px;
	transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.wp-block-button.nymhca-btn-hero-outline > .wp-block-button__link:hover {
	border-color: #fff !important;
	background: rgba(255, 255, 255, 0.08) !important;
	color: #fff !important;
	background-image: none !important;
}
.wp-block-button.nymhca-btn-hero-outline > .wp-block-button__link:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

/* Fallback for Site Editor variations where class-specific button styles are overridden */
.nymhca-hero .wp-block-buttons > .wp-block-button:nth-child(2) > .wp-block-button__link.wp-element-button,
.nymhca-hero .wp-block-buttons > .wp-block-button:nth-child(2) > .wp-element-button {
	background: transparent !important;
	background-image: none !important;
	color: var(--wp--preset--color--pale) !important;
	border: 2px solid rgba(255, 255, 255, 0.55) !important;
}
.nymhca-hero .wp-block-buttons > .wp-block-button:nth-child(2) > .wp-block-button__link.wp-element-button:hover,
.nymhca-hero .wp-block-buttons > .wp-block-button:nth-child(2) > .wp-element-button:hover {
	background: rgba(255, 255, 255, 0.08) !important;
	background-image: none !important;
	border-color: #fff !important;
	color: #fff !important;
}