/**
 * Parent Categories Grid Shortcode
 */

.t10v-parent-cats {
	width: 100%;
	padding: 0;
	background: transparent;
}

.t10v-parent-cats__title {
	margin: 0 0 22px;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.25;
	color: #e50914;
	text-transform: uppercase;
	letter-spacing: 0.2px;
}

.t10v-parent-cats__grid {
	display: grid;
	grid-template-columns: repeat(var(--t10v-cat-columns, 6), minmax(0, 1fr));
	gap: 18px 28px;
}

.t10v-parent-cats__item {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
	color: #111;
	text-decoration: none;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.35;
	transition: color 0.22s ease, transform 0.22s ease;
}

.t10v-parent-cats__item:hover {
	color: #e50914;
	transform: translateX(2px);
}

.t10v-parent-cats__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	color: #111;
}

.t10v-parent-cats__icon svg {
	width: 24px;
	height: 24px;
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.t10v-parent-cats__name {
	min-width: 0;
}

/* Tablet */
@media (max-width: 1024px) {
	.t10v-parent-cats__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px 24px;
	}
}

/* Mobile: 2 cột */
@media (max-width: 640px) {
	.t10v-parent-cats__title {
		font-size: 18px;
		margin-bottom: 18px;
	}

	.t10v-parent-cats__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px 18px;
	}

	.t10v-parent-cats__item {
		gap: 10px;
		font-size: 15px;
	}

	.t10v-parent-cats__icon,
	.t10v-parent-cats__icon svg {
		width: 21px;
		height: 21px;
	}
}

/* Sidebar nhỏ: 1 cột nếu container quá hẹp */
@media (max-width: 380px) {
	.t10v-parent-cats__grid {
		grid-template-columns: 1fr;
	}
}