/* utilities/interactions.css — split from theme.css */
@media ( hover: hover ) and ( pointer: fine ) {
	.hero-card:hover {
		box-shadow:
			0.66rem 0.66rem 0 var( --coral ),
			1.08rem 1.08rem 0 var( --orange );
	}

	.hero-card:hover {
		box-shadow: var( --shadow-coral );
	}

	.feature:hover::after,
	.feature:focus-within::after {
		opacity: 1;
	}

	.card:hover,
	.feature:hover,
	.panel:hover,
	.callout:hover,
	.table-wrap:hover,
	.post-summary:hover,
	.post-sidebar__section:hover,
	.post-sidebar__widget:hover,
	.post-navigation .wp-block-post-navigation-link:hover,
	.comments-area:hover,
	.toc-card:hover,
	.section.compact > .container:hover,
	.section.compact > .wp-block-group__inner-container > .container:hover,
	.wp-block-table-of-contents:hover,
	.table-of-contents:hover,
	.timeline li:hover,
	.timeline .timeline-item:hover,
	details:hover {
		box-shadow: var( --box-hover-shadow );
	}

	.node:hover,
	.node:focus-within {
		box-shadow: 0.36rem 0.36rem 0 var( --accent );
	}

	.node.route:hover,
	.node.route:focus-within {
		box-shadow: 0.38rem 0.38rem 0 var( --coral );
	}

	.hero-card .node:hover,
	.hero-card .node:focus-within {
		box-shadow: var( --shadow-soft );
	}

	.hero-card .node.route:hover,
	.hero-card .node.route:focus-within {
		box-shadow: 0.3rem 0.3rem 0 var( --coral );
	}

	.card:hover .card-icon,
	.card:focus-within .card-icon,
	.feature:hover .card-icon,
	.feature:focus-within .card-icon,
	.steps .step:hover .step-icon,
	.steps .step:focus-within .step-icon,
	.steps .step:hover .card-icon,
	.steps .step:focus-within .card-icon,
	.node:hover .node-icon,
	.node:focus-within .node-icon,
	.steps li:hover::before,
	.steps li:focus-within::before,
	.steps .step:hover::before,
	.steps .step:focus-within::before {
		box-shadow: 0.28rem 0.28rem 0 var( --shadow-ink );
	}

	.toc-card a:hover,
	.section.compact > .container a:hover,
	.section.compact > .wp-block-group__inner-container > .container a:hover,
	.wp-block-table-of-contents a:hover,
	.table-of-contents a:hover {
		box-shadow:
			0.18rem 0.18rem 0 var( --coral ),
			0.32rem 0.32rem 0 var( --shadow-ink );
	}
}

@media ( hover: hover ) and ( pointer: fine ) and ( prefers-reduced-motion: no-preference ) {
	.hero-card:not( .hero-login-card ):hover {
		transform: translate( -0.1rem, -0.12rem ) rotate( -0.65deg );
	}

	.hero-card:not( .hero-login-card ):hover::after {
		transform: translate( 0.12rem, -0.12rem ) rotate( -2deg ) scale( 1.03 );
	}

	.hero-card:not( .hero-login-card ):hover {
		transform: rotate( -1deg );
	}

	.hero-card:not( .hero-login-card ):hover::after {
		transform: rotate( -8deg );
	}

	.card:hover,
	.card:focus-within,
	.feature:hover,
	.feature:focus-within,
	.panel:hover,
	.panel:focus-within,
	.callout:hover,
	.callout:focus-within,
	.table-wrap:hover,
	.post-summary:hover,
	.post-summary:focus-within,
	.post-sidebar__section:hover,
	.post-sidebar__section:focus-within,
	.post-sidebar__widget:hover,
	.post-sidebar__widget:focus-within,
	.post-navigation .wp-block-post-navigation-link:hover,
	.post-navigation .wp-block-post-navigation-link:focus-within,
	.comments-area:hover,
	.comments-area:focus-within,
	.status-notice:hover,
	.status-notice:focus-within,
	.toc-card:hover,
	.toc-card:focus-within,
	.section.compact > .container:hover,
	.section.compact > .container:focus-within,
	.section.compact > .wp-block-group__inner-container > .container:hover,
	.section.compact > .wp-block-group__inner-container > .container:focus-within,
	.wp-block-table-of-contents:hover,
	.wp-block-table-of-contents:focus-within,
	.table-of-contents:hover,
	.table-of-contents:focus-within,
	.steps li:hover,
	.steps li:focus-within,
	.steps .step:hover,
	.steps .step:focus-within,
	.timeline li:hover,
	.timeline li:focus-within,
	.timeline .timeline-item:hover,
	.timeline .timeline-item:focus-within,
	details:hover,
	details:focus-within {
		transform: translate( -0.12rem, -0.14rem ) rotate( -0.25deg );
	}

	.card:nth-child( even ):hover,
	.card-grid > .wp-block-group__inner-container > .card:nth-child( even ):hover,
	.feature:nth-child( even ):hover,
	.feature-list > .wp-block-group__inner-container > .feature:nth-child( even ):hover,
	.post-summary:nth-child( even ):hover,
	.steps li:nth-child( even ):hover,
	.steps li:nth-child( even ):focus-within,
	.steps .step:nth-child( even ):hover,
	.steps .step:nth-child( even ):focus-within {
		transform: translate( -0.12rem, -0.14rem ) rotate( 0.25deg );
	}

	.node:hover,
	.node:focus-within {
		transform: translate( -0.08rem, -0.1rem ) rotate( 0.35deg );
	}

	.node:nth-child( even ):hover,
	.node:nth-child( even ):focus-within,
	.destination-grid .node:nth-child( even ):hover,
	.destination-grid .node:nth-child( even ):focus-within {
		transform: translate( -0.08rem, -0.1rem ) rotate( -0.35deg );
	}

	.hero-card .node:hover,
	.hero-card .node:focus-within,
	.hero-card .node:nth-child( even ):hover,
	.hero-card .node:nth-child( even ):focus-within,
	.hero-card .destination-grid .node:nth-child( even ):hover,
	.hero-card .destination-grid .node:nth-child( even ):focus-within {
		transform: none;
	}

	.card:hover .card-icon,
	.card:focus-within .card-icon,
	.feature:hover .card-icon,
	.feature:focus-within .card-icon,
	.steps .step:hover .step-icon,
	.steps .step:focus-within .step-icon,
	.steps .step:hover .card-icon,
	.steps .step:focus-within .card-icon,
	.node:hover .node-icon,
	.node:focus-within .node-icon,
	.steps li:hover::before,
	.steps li:focus-within::before,
	.steps .step:hover::before,
	.steps .step:focus-within::before {
		transform: translate( -0.05rem, -0.07rem ) rotate( -3deg );
	}

	.feature:hover::after,
	.feature:focus-within::after {
		transform: translate( -0.12rem, -0.12rem ) rotate( -1deg );
	}

	.toc-card a:hover,
	.toc-card a:focus-visible,
	.section.compact > .container a:hover,
	.section.compact > .container a:focus-visible,
	.section.compact > .wp-block-group__inner-container > .container a:hover,
	.section.compact > .wp-block-group__inner-container > .container a:focus-visible,
	.wp-block-table-of-contents a:hover,
	.wp-block-table-of-contents a:focus-visible,
	.table-of-contents a:hover,
	.table-of-contents a:focus-visible {
		transform: translate( -0.05rem, -0.07rem ) rotate( -1deg );
	}

	.toc-card li:nth-child( even ) a:hover,
	.toc-card li:nth-child( even ) a:focus-visible,
	.section.compact > .container li:nth-child( even ) a:hover,
	.section.compact > .container li:nth-child( even ) a:focus-visible,
	.section.compact > .wp-block-group__inner-container > .container li:nth-child( even ) a:hover,
	.section.compact > .wp-block-group__inner-container > .container li:nth-child( even ) a:focus-visible,
	.wp-block-table-of-contents li:nth-child( even ) a:hover,
	.wp-block-table-of-contents li:nth-child( even ) a:focus-visible,
	.table-of-contents li:nth-child( even ) a:hover,
	.table-of-contents li:nth-child( even ) a:focus-visible {
		transform: translate( -0.05rem, -0.07rem ) rotate( 1deg );
	}
}