/*
Theme Name: ECQ Pop
Theme URI: https://www.ecq.jp/
Author: ECQ.JP
Description: ECQ.JP のためのポップ&カラフルなブロックテーマ。コンテンツは後日差し替え予定のプレースホルダーです。
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: ecq-pop
*/

/* Decorative blob shapes for the hero section */
.ecq-hero {
	position: relative;
	overflow: hidden;
	border-radius: 32px;
}

.ecq-blob {
	position: absolute;
	border-radius: 50%;
	filter: blur(2px);
	z-index: 0;
	opacity: 0.9;
	pointer-events: none;
}

.ecq-blob-1 {
	width: 260px;
	height: 260px;
	top: -80px;
	right: -60px;
	background: var(--wp--preset--color--accent-yellow);
}

.ecq-blob-2 {
	width: 180px;
	height: 180px;
	bottom: -60px;
	left: -40px;
	background: var(--wp--preset--color--accent-teal);
}

.ecq-blob-3 {
	width: 90px;
	height: 90px;
	top: 40%;
	right: 8%;
	background: var(--wp--preset--color--accent-orange);
}

.ecq-hero > .wp-block-group__inner-container,
.ecq-hero > .wp-block-cover__inner-container {
	position: relative;
	z-index: 1;
}

/* Card hover pop */
.ecq-card {
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	border-radius: 24px !important;
}

a.ecq-card {
	display: block;
	cursor: pointer;
	text-decoration: none !important;
}

.ecq-card:hover {
	transform: translateY(-6px) rotate(-0.5deg);
	box-shadow: 8px 10px 0px rgba(26, 26, 46, 0.9);
}

/* Playful dashed divider */
.ecq-dots {
	border: none;
	height: 4px;
	background-image: radial-gradient(circle, var(--wp--preset--color--contrast) 2px, transparent 2px);
	background-size: 14px 4px;
	background-repeat: repeat-x;
	opacity: 0.5;
}

.ecq-badge {
	display: inline-block;
	border-radius: 999px;
	padding: 0.4em 1.1em;
	font-weight: 700;
	font-size: 0.9rem;
	transform: rotate(-2deg);
}

@media (max-width: 600px) {
	.ecq-blob-1, .ecq-blob-2, .ecq-blob-3 {
		display: none;
	}

	.ecq-products-grid, .ecq-features-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 900px) and (min-width: 601px) {
	.ecq-features-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}