/* EigenCode Core — Public Shortcode Styles */

/* == Service Grid ========================================================== */

.ec-service-grid {
	margin: 0;
}

.ec-service-card__features {
	list-style: none;
	padding: 0;
}

.ec-service-card__features li {
	padding: 0.25rem 0;
	position: relative;
	padding-left: 1.25rem;
}

.ec-service-card__features li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: var(--wp--preset--color--accent, #06D6A0);
	font-weight: 700;
}

/* == Case Study Cards ====================================================== */

.ec-case-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ec-case-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);
}

/* == Blog Cards ============================================================ */

.ec-blog-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ec-blog-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);
}

/* == Contact Form ========================================================== */

.ec-contact-form input:focus,
.ec-contact-form textarea:focus,
.ec-contact-form select:focus {
	outline: none;
	border-color: var(--wp--preset--color--secondary, #3B82F6) !important;
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

/* == Auth Forms ============================================================ */

.ec-auth-form input[type="text"],
.ec-auth-form input[type="email"],
.ec-auth-form input[type="password"] {
	width: 100%;
	padding: 0.6rem;
	background: var(--wp--preset--color--background, #060A13);
	color: var(--wp--preset--color--text, #E2E8F0);
	border: 1px solid rgba(59, 130, 246, 0.12);
	border-radius: 8px;
}

.ec-auth-form input:focus {
	outline: none;
	border-color: var(--wp--preset--color--secondary, #3B82F6);
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.ec-auth-form #wp-submit {
	width: 100%;
	padding: 0.75rem;
	background: var(--wp--preset--color--secondary, #3B82F6);
	color: #fff;
	border: none;
	border-radius: 8px;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
}

/* == Tech Grid ============================================================= */

.ec-tech-item {
	transition: transform 0.3s ease;
}

.ec-tech-item:hover {
	transform: translateY(-4px);
}

/* == Responsive ============================================================ */

@media (max-width: 768px) {
	.ec-service-grid,
	.ec-case-study-grid,
	.ec-testimonial-grid,
	.ec-blog-grid,
	.ec-team-grid {
		grid-template-columns: 1fr !important;
	}

	.ec-tech-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}