/**
 * Shared card chrome — look-preserving extract from KB / int-arch / account.
 *
 * API:
 *   .wsft-card        — resting white + border + radius
 *   .wsft-card-border — accent/highlighted border (download-card)
 *   .wsft-card-hover  — lift / shadow / border-tint on hover
 *
 * Pricing download cards keep local resting CSS; hover still uses this sheet.
 * Registered as `ws-form-cards` in includes/blocks.php.
 */

.wsft-card {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--border-radius, 0.125rem);
	box-sizing: border-box;
}

.wsft-card-border {
	border-color: var(--wp--preset--color--accent-blue);
	border-width: 2px;
}

/* Resting surfaces that share card chrome (aliases — look-preserving). */
.wsft-articles .panel,
.wsft-kb-articles .panel,
.wsft-kb-subcategory .panel,
.wsft-account-dashboard__panel,
.wsft-int-arch__card-link,
.wsft-feat-arch__link {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--border-radius, 0.125rem);
}

.wsft-card,
.wsft-card-hover,
.wsft-articles .panel,
.wsft-kb-articles .panel,
.wsft-kb-subcategory .panel,
.wsft-account-dashboard__panel,
.wsft-int-arch__card-link,
.wsft-feat-arch__link,
.wp-block-ws-form-download-card.wsft-download-card,
.wsft-download-card {
	transition: box-shadow 150ms ease-out, border-color 150ms ease-out, transform 150ms ease-out;
}

.wsft-card.wsft-card-hover:hover,
.wsft-card.wsft-card-hover:focus,
.wsft-card-hover:hover,
.wsft-card-hover:focus,
.wsft-articles .panel:hover,
.wsft-articles .panel:focus,
.wsft-kb-articles .panel:hover,
.wsft-kb-articles .panel:focus,
.wsft-kb-subcategory .panel:hover,
.wsft-kb-subcategory .panel:focus,
.wsft-account-dashboard__tile:hover .wsft-account-dashboard__panel,
.wsft-account-dashboard__tile:focus .wsft-account-dashboard__panel,
.wsft-int-arch__card-link:hover,
.wsft-int-arch__card-link:focus,
.wsft-feat-arch__link:hover,
.wsft-feat-arch__link:focus,
.wp-block-ws-form-download-card.wsft-download-card:hover,
.wsft-download-card:hover {
	border-color: color-mix(in srgb, var(--wp--preset--color--accent-blue) 55%, white);
	box-shadow: 0 0.25rem 0.75rem color-mix(in srgb, var(--wp--preset--color--logo-blue) 8%, transparent), 0 0.0625rem 0.125rem color-mix(in srgb, var(--wp--preset--color--logo-blue) 6%, transparent);
	transform: translateY(-0.125rem);
}

/* Pricing highlighted cards keep their accent border on hover. */
.wp-block-ws-form-download-card.wsft-download-card.is-highlighted:hover,
.wp-block-ws-form-download-card.wsft-download-card.has-accent-blue-border-color:hover,
.wsft-download-card.is-highlighted:hover,
.wsft-download-card.has-accent-blue-border-color:hover,
.wsft-card-border:hover,
.wsft-card-border:focus {
	border-color: var(--wp--preset--color--accent-blue);
}