/* =============================================
   KRAFTRS — BLOCK EXTRA STYLES
   Replaces/mirrors saaslauncher blocks.css
   ============================================= */

/* Hover Card — applied via block style picker in editor */
.wp-block-group.is-style-kraftrs-hover-box {
	background-color: #080808;
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 24px;
	transition: transform 0.35s cubic-bezier(0.4,0,0.2,1),
	            box-shadow 0.35s cubic-bezier(0.4,0,0.2,1),
	            border-color 0.35s ease;
	position: relative;
	overflow: hidden;
}

.wp-block-group.is-style-kraftrs-hover-box::after {
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 2px;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
	opacity: 0;
	transition: opacity 0.35s ease;
}

.wp-block-group.is-style-kraftrs-hover-box:hover {
	transform: translateY(-7px);
	box-shadow: 0 24px 60px rgba(0,0,0,0.55);
	border-color: rgba(255,255,255,0.15);
}

.wp-block-group.is-style-kraftrs-hover-box:hover::after {
	opacity: 1;
}

/* Gradient Border */
.wp-block-group.is-style-kraftrs-gradient-border {
	position: relative;
	border-radius: 60px;
	border: 1px solid transparent;
	background-clip: padding-box;
}

.wp-block-group.is-style-kraftrs-gradient-border::before {
	content: '';
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: linear-gradient(135deg, #e69e2c 0%, #7B61FF 60%, #36C5F0 100%);
	z-index: -1;
}

/* Amber Glow group */
.wp-block-group.is-style-kraftrs-glow {
	position: relative;
	overflow: hidden;
}

.wp-block-group.is-style-kraftrs-glow::before {
	content: '';
	position: absolute;
	top: -150px; right: -150px;
	width: 500px; height: 500px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(230,158,44,0.18) 0%, transparent 70%);
	pointer-events: none;
}

/* Cover hover shadow */
.wp-block-cover.is-style-kraftrs-cover-hover-shadow {
	border-radius: 20px;
	overflow: hidden;
	transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), box-shadow 0.35s ease;
}

.wp-block-cover.is-style-kraftrs-cover-hover-shadow:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 60px rgba(0,0,0,0.55);
}

/* Stagger columns */
.wp-block-columns.is-style-kraftrs-stagger .wp-block-column {
	transition: transform 0.35s ease, opacity 0.35s ease;
}

/* Button — Amber CTA */
.wp-block-button.is-style-kraftrs-amber .wp-block-button__link {
	background: #e69e2c !important;
	color: #060300 !important;
	border: none !important;
	font-weight: 700;
}

.wp-block-button.is-style-kraftrs-amber .wp-block-button__link:hover {
	background: #FDD5A5 !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(230,158,44,0.35) !important;
}

/* Button — Ghost */
.wp-block-button.is-style-kraftrs-ghost .wp-block-button__link {
	background: transparent !important;
	color: #FAF7F4 !important;
	border: 1.5px solid rgba(255,255,255,0.2) !important;
}

.wp-block-button.is-style-kraftrs-ghost .wp-block-button__link:hover {
	border-color: rgba(255,255,255,0.6) !important;
	background: rgba(255,255,255,0.06) !important;
}

/* saaslauncher compat aliases */
.saaslauncher-hover-box {
	background-color: #080808;
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 24px;
	transition: transform 0.35s cubic-bezier(0.4,0,0.2,1),
	            box-shadow 0.35s ease,
	            border-color 0.35s ease;
}

.saaslauncher-hover-box:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 60px rgba(0,0,0,0.55);
	border-color: rgba(230,158,44,0.25);
}

.is-style-saaslauncher-gradient-border {
	position: relative;
	border-radius: 60px;
	border: 1px solid transparent !important;
	background-clip: padding-box;
}

.is-style-saaslauncher-gradient-border::after {
	content: '';
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: linear-gradient(135deg, #e69e2c 0%, #7B61FF 60%, #36C5F0 100%);
	z-index: -1;
}

.is-style-saaslauncher-cover-hover-effect-with-shadow {
	border-radius: 20px;
	overflow: hidden;
	transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), box-shadow 0.35s ease;
}

.is-style-saaslauncher-cover-hover-effect-with-shadow:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 60px rgba(0,0,0,0.55);
}

/* is-style-saaslauncher-folumns-fade-style — column fade */
.is-style-saaslauncher-folumns-fade-style {
	position: relative;
}

/* Navigation link — arrow icon button style */
.is-style-button-with-uparrow-icon .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: #FFFFFD !important;
	font-weight: 600;
	font-size: 0.9rem;
	background: transparent !important;
	border: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-radius: 0 !important;
	transition: gap 0.25s ease;
}

.is-style-button-with-uparrow-icon .wp-block-button__link::after {
	content: '↗';
	font-size: 1rem;
}

.is-style-button-with-uparrow-icon .wp-block-button__link:hover {
	gap: 0.75rem;
	color: #e69e2c !important;
}

/* is-position-sticky header */
.is-position-sticky {
	position: sticky !important;
	top: 0 !important;
	z-index: 99 !important;
}