/**
 * Shula Motion & Glass Engine
 * Version: 1.0.0
 */

:root{
	--shula-motion-speed: .25s;
	--shula-glass-bg: rgba(255,255,255,.82);
	--shula-glass-blur: 12px;
	--shula-shadow-active: 0 18px 42px rgba(15,23,42,.10);
	--shula-hover-transform: translateY(-4px);
}

body[class*="shula-design-preset-"]{
	scroll-behavior:smooth;
}

body[class*="shula-design-preset-"] .shulah-card,
body[class*="shula-design-preset-"] .service-card,
body[class*="shula-design-preset-"] .program-card,
body[class*="shula-design-preset-"] .card,
body[class*="shula-design-preset-"] .nsv-rm-card,
body[class*="shula-design-preset-"] .nsv-events-card,
body[class*="shula-design-preset-"] .nsv-admin-card,
body[class*="shula-design-preset-"] .wp-block-group{
	transition:
		transform var(--shula-motion-speed) ease,
		box-shadow var(--shula-motion-speed) ease,
		border-color var(--shula-motion-speed) ease,
		background var(--shula-motion-speed) ease;
}

body[class*="shula-design-preset-"] .button,
body[class*="shula-design-preset-"] .btn,
body[class*="shula-design-preset-"] button,
body[class*="shula-design-preset-"] input[type="submit"]{
	transition:
		transform var(--shula-motion-speed) ease,
		box-shadow var(--shula-motion-speed) ease,
		background var(--shula-motion-speed) ease;
}

/* Glass levels */
body.shula-glass-none{
	--shula-glass-bg:#fff;
	--shula-glass-blur:0;
}
body.shula-glass-soft{
	--shula-glass-bg:rgba(255,255,255,.92);
	--shula-glass-blur:8px;
}
body.shula-glass-medium{
	--shula-glass-bg:rgba(255,255,255,.82);
	--shula-glass-blur:14px;
}
body.shula-glass-deep{
	--shula-glass-bg:rgba(255,255,255,.68);
	--shula-glass-blur:22px;
}

body.shula-glass-soft .shulah-card,
body.shula-glass-soft .service-card,
body.shula-glass-soft .program-card,
body.shula-glass-soft .card,
body.shula-glass-medium .shulah-card,
body.shula-glass-medium .service-card,
body.shula-glass-medium .program-card,
body.shula-glass-medium .card,
body.shula-glass-deep .shulah-card,
body.shula-glass-deep .service-card,
body.shula-glass-deep .program-card,
body.shula-glass-deep .card{
	background:var(--shula-glass-bg);
	backdrop-filter:blur(var(--shula-glass-blur));
}

/* Shadow depth */
body.shula-shadow-none{
	--shula-shadow-active:none;
}
body.shula-shadow-soft{
	--shula-shadow-active:0 10px 24px rgba(15,23,42,.06);
}
body.shula-shadow-medium{
	--shula-shadow-active:0 18px 42px rgba(15,23,42,.10);
}
body.shula-shadow-deep{
	--shula-shadow-active:0 30px 75px rgba(15,23,42,.18);
}

body[class*="shula-shadow-"] .shulah-card,
body[class*="shula-shadow-"] .service-card,
body[class*="shula-shadow-"] .program-card,
body[class*="shula-shadow-"] .card{
	box-shadow:var(--shula-shadow-active);
}

/* Hover motion */
body.shula-motion-none{
	--shula-hover-transform:none;
}
body.shula-motion-lift{
	--shula-hover-transform:translateY(-5px);
}
body.shula-motion-float{
	--shula-hover-transform:translateY(-7px) scale(1.006);
}
body.shula-motion-depth{
	--shula-hover-transform:translateY(-6px) scale(1.012);
}

body[class*="shula-motion-"] .shulah-card:hover,
body[class*="shula-motion-"] .service-card:hover,
body[class*="shula-motion-"] .program-card:hover,
body[class*="shula-motion-"] .card:hover{
	transform:var(--shula-hover-transform);
}

/* Speeds */
body.shula-speed-slow{--shula-motion-speed:.45s;}
body.shula-speed-normal{--shula-motion-speed:.25s;}
body.shula-speed-fast{--shula-motion-speed:.14s;}

@media (prefers-reduced-motion: reduce){
	body[class*="shula-design-preset-"] *,
	body[class*="shula-motion-"] *{
		transition:none!important;
		animation:none!important;
		scroll-behavior:auto!important;
	}
}