/**
 * Hero Software Services Dark Pattern Styles
 * A premium dark theme hero section with background image, gradient overlay,
 * and call-to-action buttons.
 */

/* Base Section Styles */
.hero-software-services-dark-section {
	position: relative;
	overflow: hidden;
}

/* Highlight text (Powers Growth) */
.hero-software-services-dark-section .hero-dark-highlight {
	color: var(--wp--preset--color--primary, #FF6B35);
	display: block;
	margin-top: 16px;
}

/* Description text color */
.hero-software-services-dark-section .hero-dark-description {
	color: #d1d5db !important;
	max-width: 672px;
}

/* Badge styling with glass effect */
.hero-software-services-dark-section .hero-dark-badge {
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transition: all 0.3s ease;
}

.hero-software-services-dark-section .hero-dark-badge:hover {
	background-color: rgba(255, 255, 255, 0.15) !important;
}

/* Primary Button Styling */
.hero-software-services-dark-section .hero-dark-btn-primary .wp-block-button__link {
	transition: all 0.2s ease;
	box-shadow: 0 4px 14px 0 rgba(255, 107, 53, 0.39);
}

.hero-software-services-dark-section .hero-dark-btn-primary .wp-block-button__link:hover {
	background-color: #e55a2b !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px 0 rgba(255, 107, 53, 0.5);
}

/* Outline Button Styling */
.hero-software-services-dark-section .hero-dark-btn-outline .wp-block-button__link {
	transition: all 0.2s ease;
}

.hero-software-services-dark-section .hero-dark-btn-outline .wp-block-button__link:hover {
	border-color: #ffffff !important;
	background-color: #ffffff !important;
	color: #000000 !important;
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
	.hero-software-services-dark-section .wp-block-group.alignwide {
		padding-left: 48px !important;
		padding-right: 48px !important;
	}
}

@media (max-width: 781px) {
	.hero-software-services-dark-section .wp-block-heading {
		font-size: 2.5rem !important;
	}
	
	.hero-software-services-dark-section .wp-block-group.alignwide {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
	
	.hero-software-services-dark-section .wp-block-buttons {
		flex-direction: column;
	}
	
	.hero-software-services-dark-section .wp-block-button {
		width: 100%;
	}
	
	.hero-software-services-dark-section .wp-block-button__link {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.hero-software-services-dark-section .wp-block-heading {
		font-size: 2rem !important;
	}
	
	.hero-software-services-dark-section .hero-dark-highlight {
		margin-top: 8px;
	}
}