/**
 * Partner-Portal-Theme — Schatten / Box-Styles (Footer-Inline via functions.php).
 * Einblend-Effekt: assets/motion-reveal.js (RAF + inline !important, nicht CSS-Animation).
 */

:root {
	--ppt-transition: 0.22s cubic-bezier(0.25, 0.1, 0.25, 1);
	--ppt-radius-card: 20px;
}

/* Sichtbare Schatten */
body:not(.block-editor-iframe__body) .wp-site-blocks .pp-portal-card,
body:not(.block-editor-iframe__body):not(.wp-admin) .pp-portal-card {
	box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08), 0 12px 32px -8px rgba(15, 23, 42, 0.18) !important;
}

body:not(.block-editor-iframe__body) .wp-site-blocks .pp-parallax__panel,
body:not(.block-editor-iframe__body):not(.wp-admin) .pp-parallax__panel {
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

body:not(.block-editor-iframe__body) .wp-site-blocks .pp-stat-cell,
body:not(.block-editor-iframe__body):not(.wp-admin) .pp-stat-cell {
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1) !important;
}

.pp-box-elevated {
	border-radius: var(--ppt-radius-card, 20px);
	border: 1px solid var(--wp--preset--color--surface-alt, #e5e7eb);
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.1), 0 2px 4px rgba(15, 23, 42, 0.06) !important;
	transition: box-shadow var(--ppt-transition), border-color var(--ppt-transition);
}

.pp-box-elevated:hover {
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.14), 0 4px 8px rgba(15, 23, 42, 0.08) !important;
	border-color: color-mix(in srgb, var(--wp--preset--color--accent, #e40046) 16%, var(--wp--preset--color--surface-alt, #e2e8f0));
}