/**
 * Niki Core
 * Modern Design System - Frontend
 *
 * Lightweight structural CSS for Design System rendering.
 * Brand / Skin styling stays outside this file.
 */

/* Designed elements */
.niki-has-custom-design {
	position: relative;
}

/* Keep normal content above background layers. */
.niki-has-custom-design > .niki-container,
.niki-has-custom-design > :not(.niki-design-overlay):not(.niki-design-background-video):not(.niki-design-background-animation) {
	position: relative;
	z-index: 2;
}

/* Overlay */
.niki-design-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	border-radius: inherit;
}

/* Video background */
.niki-design-background-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	pointer-events: none;
	border-radius: inherit;
}

/* Animation / Shortcode background */
.niki-design-background-animation {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	pointer-events: none;
	border-radius: inherit;
}

/* Entrance motion is global-only. Legacy per-element motion animations were retired. */

/* Responsive visibility - same Design System breakpoints as responsive.php */
@media (min-width: 1025px) {
	.niki-hide-desktop {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.niki-hide-tablet {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.niki-hide-mobile {
		display: none !important;
	}
}