/**
 * Gaya kisi shortcode kode sisip: [katalog-mobil], [galeri-toyota], [promo-toyota].
 *
 * Plugin tidak boleh bergantung pada Tailwind tema (lihat Renderer.php) — tema
 * lain seperti Twenty Twenty-Five tidak menyediakan aturan apa pun untuk kelas
 * `.stoyotacore-shortcode-grid`. Berkas ini murni CSS polos, tanpa build step,
 * hanya kelas berprefix plugin, tanpa warna tetap (pakai currentColor & abu
 * netral supaya menyesuaikan tema tempatnya berada).
 */

.stoyotacore-shortcode-grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr;
}

.stoyotacore-shortcode-grid[data-kolom="1"] {
	grid-template-columns: 1fr;
}

@media ( min-width: 640px ) {
	.stoyotacore-shortcode-grid {
		grid-template-columns: repeat( 2, 1fr );
	}

	.stoyotacore-shortcode-grid[data-kolom="1"] {
		grid-template-columns: 1fr;
	}
}

@media ( min-width: 1024px ) {
	.stoyotacore-shortcode-grid[data-kolom="1"] {
		grid-template-columns: 1fr;
	}

	.stoyotacore-shortcode-grid[data-kolom="2"] {
		grid-template-columns: repeat( 2, 1fr );
	}

	.stoyotacore-shortcode-grid[data-kolom="3"] {
		grid-template-columns: repeat( 3, 1fr );
	}

	.stoyotacore-shortcode-grid[data-kolom="4"] {
		grid-template-columns: repeat( 4, 1fr );
	}
}

/* Pesan kosong (mis. "Belum ada mobil yang bisa ditampilkan."). */
.stoyotacore-shortcode-kosong {
	color: currentColor;
	opacity: 0.7;
}

/*
 * Kartu bawaan minimal, dipakai Renderer::render_kartu_bawaan() saat tema
 * tidak menyediakan template part sendiri (car-card.php / promo-card.php).
 * Harus tetap terlihat wajar di bawah tema apa pun, termasuk Twenty
 * Twenty-Five, jadi tanpa warna brand tetap.
 */
.stoyotacore-shortcode-kartu {
	border: 1px solid rgba( 128, 128, 128, 0.3 );
	border-radius: 0.5rem;
	overflow: hidden;
}

.stoyotacore-shortcode-kartu-tautan {
	display: flex;
	flex-direction: column;
	color: currentColor;
	text-decoration: none;
}

.stoyotacore-shortcode-kartu-foto {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.stoyotacore-shortcode-kartu-judul {
	padding: 0.75rem 1rem;
	font-weight: 600;
	line-height: 1.4;
}