/**
*   Header
**/

header:first-of-type {
    position:sticky;
    top:0px;
    z-index: 10;
}

/* Backdrop Filters */

.blur-xs {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.blur-sm {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.blur-md {
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.blur-lg {
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}

/* Modal filters */
.wp-block-cloudcatch-light-modal-block__wrapper.is-open {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.wp-block-cloudcatch-light-modal-block {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 50px;
	border: 1px solid var(--wp--preset--color--glass-border);
}

.wp-block-cloudcatch-light-modal-block__close {
    top:24px;
    right:24px;
}

[data-trigger-modal] {
    cursor: pointer;
}

/* =========================================================
   Smashstar Media – Neon + Glass Enhancements
   ========================================================= */

/* ---------- Glass Card (Group block style) ---------- */
.wp-block-group.is-style-glass-card {
	background: var(--wp--preset--color--glass-bg);
	backdrop-filter: blur(20px) saturate(1.1);
	-webkit-backdrop-filter: blur(20px) saturate(1.1);

	border: 1px solid var(--wp--preset--color--glass-border);
	border-radius: 24px;

	box-shadow:
		0 10px 30px rgba(0,0,0,0.35),
		inset 0 1px 0 var(--wp--preset--color--glass-highlight);

	padding: clamp(1.25rem, 3vw, 2rem);
	position: relative;
	overflow: hidden;
}

/* subtle inner glow line */
.wp-block-group.is-style-glass-card::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}

/* ---------- Neon Outline Button ---------- */
.wp-block-button.is-style-neon-outline .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--brand-blue);

	border: 2px solid currentColor;
	border-radius: 999px;

	transition:
		color 0.25s ease,
		box-shadow 0.25s ease,
		transform 0.2s ease;
}

.wp-block-button.is-style-neon-outline .wp-block-button__link:hover {
	color: var(--wp--preset--color--brand-lightblue);
	box-shadow:
		0 0 12px rgba(40,110,241,0.6),
		0 0 28px rgba(40,110,241,0.35);
	transform: translateY(-1px);
}

/* ---------- Glass Button ---------- */
.wp-block-button.is-style-glass .wp-block-button__link {
	background: var(--wp--preset--color--glass-bg);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);

	color: var(--wp--preset--color--text-main);
	border: 1px solid var(--wp--preset--color--glass-border);
	border-radius: 999px;

	box-shadow:
		0 6px 18px rgba(0,0,0,0.25),
		inset 0 1px 0 var(--wp--preset--color--glass-highlight);

	transition:
		background 0.25s ease,
		box-shadow 0.25s ease,
		transform 0.2s ease;
}

.wp-block-button.is-style-glass .wp-block-button__link:hover {
	background: rgba(255,255,255,0.12);
	box-shadow:
		0 0 16px rgba(61,242,255,0.35),
		0 6px 22px rgba(0,0,0,0.35);
	transform: translateY(-1px);
}

.wp-block-button.is-style-glass .wp-block-button__link:active {
	background: rgba(255,255,255,0.12);
	box-shadow:
		0 0 14px rgba(61,242,255,0.35),
		0 3px 12px rgba(0,0,0,0.35);
	transform: translateY(1px);
}



/* =========================================================
   Neon Divider – Separator block style
   ========================================================= */
.wp-block-separator.is-style-neon-divider {
	border: none;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		var(--wp--preset--color--neon-cyan),
		transparent
	);
	opacity: 0.65;
}

/* =========================================================
   Glass Header Bar
   ========================================================= */
.smashstar-glass-header {
	/* Make pseudo-element positioning reliable */
	position: relative;

	background: rgba(11,15,26,0.6);
	backdrop-filter: blur(20px) saturate(1.2);
	-webkit-backdrop-filter: blur(20px) saturate(1.2) brightness(1.25);
	border-bottom: 1px solid var(--wp--preset--color--glass-border);
}

/* Optional subtle glow line */
.smashstar-glass-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		var(--wp--preset--color--brand-blue),
		transparent
	);
	opacity: 0.5;
	/* opacity:1; */
	pointer-events: none;
}

/* =========================================================
   Hero Aurora Gradient Utility
   ========================================================= */
.smashstar-hero-aurora {
	position: relative;
	background:
		radial-gradient(1200px 500px at 20% -10%, rgba(40,110,241,0.35), transparent 60%),
		radial-gradient(900px 400px at 80% 0%, rgba(61,242,255,0.25), transparent 60%),
		radial-gradient(800px 600px at 50% 100%, rgba(255,79,216,0.18), transparent 65%),
		linear-gradient(180deg, #0b0f1a 0%, #12182a 100%);
	overflow: hidden;
}

/* soft noise overlay for texture */
.smashstar-hero-aurora::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
	pointer-events: none;
}

/* Ensure content sits above the aurora/noise overlays when used on Groups */
.smashstar-hero-aurora > * {
	position: relative;
	z-index: 1;
}

/*  ========================================================
    Hover Animations
    ======================================================== */
.wp-block-button__link.wp-element-button,
.wp-block-group.is-style-glass-card,
.has-nested-images > .wp-block-image > img {
    transition:all 0.5s ease;
    box-shadow: none;
}

.wp-block-group.is-style-glass-card:hover,
.hover-grow:hover{
    transform:scale(1.01);
    transition:all 0.15s ease;
    border:solid 1px #ffffff55;
    box-shadow:0px 0px 36px #ffffff11, 0px 0px 14px #ffffff11;
}

.has-nested-images > .wp-block-image > img:hover {
    transform:scale(1.025);
    transition:all 0.15s ease;
}

.wp-block-button__link.wp-element-button:hover,
.wp-block-group.is-style-glass-card:has(a):hover {
    transform:scale(1.025);
    transition:all 0.15s ease;
    outline:outset 1px #ffffff77;
}

.wp-block-button__link.wp-element-button:active,
.wp-block-group.is-style-glass-card:has(a):hover {
    transform:scale(0.99);
    transition:all 0.1s ease;
    outline:inset 1px #ffffff77;
}

div:has( > .hover-grow-app-group ) .hover-grow-app-group {
	/* transform:scale(1.025); */
	opacity: 0.95;
    transition:all 0.45s ease;
}

div:has( > .hover-grow-app-group ):hover .hover-grow-app-group {
	transform:scale(1.05);
	opacity: 1.0;
    transition:all 0.15s ease;
}

div:has( > div > .hover-grow-app-group ) .wp-block-post-excerpt > .wp-block-post-excerpt__excerpt {
	opacity: 0.75;
	/* color:#ffffff99 !important; */
    transition:all 0.45s ease;
}

div:has( > div > .hover-grow-app-group ):hover .wp-block-post-excerpt > .wp-block-post-excerpt__excerpt {
	opacity: 1.0;
	/* color:#ffffffee !important; */
    transition:all 0.15s ease;
}

/**
*		Hover Reveal Cards
**/

.hover-reveal-excerpt > .wp-block-post-excerpt {
	font-size:0px;
	color:#ffffff00;
	transition:all 0.25s ease;
	padding: 0px 24px;
	margin-bottom:48px;
}

.hover-reveal-excerpt:hover > .wp-block-post-excerpt,
.hover-reveal-excerpt:has(*:focus) > .wp-block-post-excerpt {
	font-size:14px;
	color:#ffffff99;
	transition:all 0.25s ease;
	padding: 24px 24px;
	margin-bottom:0px;
}