/** HYDA reusable components. */

.hyda-card {
	background: var(--hyda-white);
	border: 1px solid var(--hyda-border);
	border-radius: var(--hyda-radius);
	box-shadow: 0 16px 44px rgba(6, 27, 73, 0.07);
	height: 100%;
	padding: clamp(1.5rem, 3vw, 2.25rem);
}

.hyda-card h3 { margin-top: .9rem; }
.hyda-card > :last-child { margin-bottom: 0; }
.hyda-card-dark { background: var(--hyda-navy); border-color: var(--hyda-navy); color: var(--hyda-white); }
.hyda-card-dark :where(h2,h3,p,a) { color: var(--hyda-white); }
.hyda-card-gold { background: var(--hyda-gold); border-color: var(--hyda-gold); color: var(--hyda-deep-navy); }
.hyda-card-gold :where(h2,h3,p,a) { color: var(--hyda-deep-navy); }
.hyda-card-number { color: var(--hyda-gold-text); font-size: 2.15rem; font-weight: 900; letter-spacing: -.05em; line-height: 1; }
.hyda-card-dark .hyda-card-number { color: var(--hyda-gold); }
.hyda-icon-chip { align-items: center; background: rgba(245,168,0,.14); border-radius: 999px; color: var(--hyda-navy); display: inline-flex; font-size: .8rem; font-weight: 800; min-height: 2rem; padding: .35rem .8rem; }

.wp-block-button__link,
.hyda-button {
	align-items: center;
	border: 2px solid transparent;
	border-radius: 999px;
	display: inline-flex;
	font-weight: 800;
	justify-content: center;
	min-height: 50px;
	padding: .8rem 1.35rem;
	text-decoration: none;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--hyda-gold); color: var(--hyda-deep-navy); }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; border-color: currentColor; color: inherit; }
.wp-block-button__link:hover, .hyda-button:hover { background: var(--hyda-gold-hover) !important; border-color: var(--hyda-gold-hover) !important; color: var(--hyda-deep-navy) !important; box-shadow: 0 12px 30px rgba(245,168,0,.23); transform: translateY(-2px); }

.hyda-proof-strip { border-bottom: 1px solid var(--hyda-border); padding: 1.25rem var(--hyda-page-gutter); }
.hyda-proof-list { gap: 1rem 2rem; }
.hyda-proof-list p { color: var(--hyda-navy); font-size: .78rem; font-weight: 800; letter-spacing: .08em; margin: 0; text-transform: uppercase; }
.hyda-proof-list p::before { color: var(--hyda-gold-text); content: "\2022"; margin-right: .65rem; }

.hyda-partner-card a { font-weight: 800; }
.hyda-step-list { counter-reset: hyda-step; list-style: none; padding-left: 0; }
.hyda-step-list li { counter-increment: hyda-step; margin-bottom: 1.15rem; min-height: 2.75rem; padding-left: 3.7rem; position: relative; }
.hyda-step-list li::before { align-items: center; background: var(--hyda-gold); border-radius: 50%; color: var(--hyda-deep-navy); content: counter(hyda-step); display: flex; font-weight: 900; height: 2.5rem; justify-content: center; left: 0; position: absolute; top: -.15rem; width: 2.5rem; }
.hyda-contact-link { color: var(--hyda-navy); font-size: clamp(1rem, 2vw, 1.3rem); font-weight: 800; overflow-wrap: anywhere; }

.wp-block-embed__wrapper { border-radius: var(--hyda-radius); box-shadow: var(--hyda-shadow); overflow: hidden; }
.wp-block-embed.is-type-video .wp-block-embed__wrapper { aspect-ratio: 16/9; }
.wp-block-embed.is-type-video iframe { height: 100%; width: 100%; }

.wp-block-site-title a,
.iws-site-header .wp-block-navigation-item__content,
.iws-site-footer .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close { align-items: center; display: inline-flex; min-height: 44px; }
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close { justify-content: center; min-width: 44px; }

@media (prefers-reduced-motion: reduce) {
	.hyda-button, .wp-block-button__link { transition: none; }
	.hyda-button:hover, .wp-block-button__link:hover { transform: none; }
}
