/* Abarce Grid Video – ukuran teks tidak melebihi tema; font & warna mewarisi tema */
.abv {
	--abv-accent: var(--wp--preset--color--primary, var(--e-global-color-primary, #c00));
	--abv-cols: 4;
	--abv-muted: #6b7280;
	--abv-line: rgba(128, 128, 128, .28);
	box-sizing: border-box;
	container-type: inline-size;
	width: 100%;
	padding: 1rem;
	color: inherit;
	font: inherit;
	border: 1px solid var(--abv-line);
	border-radius: 12px;
	background: var(--wp--preset--color--base, transparent);
}
@supports (color: color-mix(in srgb, red, blue)) {
	.abv {
		--abv-muted: color-mix(in srgb, currentColor 62%, transparent);
		--abv-line: color-mix(in srgb, currentColor 18%, transparent);
	}
}
.abv *, .abv *::before, .abv *::after { box-sizing: inherit; }

.abv__head { margin: 0 0 .9rem; }
.abv .abv__heading { margin: 0; text-transform: uppercase; font-size: .9em !important; font-weight: 700 !important; /* judul grid: bold, ukuran acuan */ }
.abv__heading::after {
	content: "";
	display: block;
	width: 4.5em;
	height: 4px;
	margin-top: .4em;
	border-radius: 99px;
	background: var(--abv-accent);
}

/* Thumbnail + lencana */
.abv__thumb {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 10px;
	background: rgba(128, 128, 128, .25);
}
.abv__thumb img,
.abv__ph { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.abv__lead:hover .abv__thumb img,
.abv__item:hover .abv__thumb img { transform: scale(1.04); }
.abv__badge {
	position: absolute;
	top: .5rem;
	right: .5rem;
	display: inline-flex;
	align-items: center;
	gap: .35em;
	padding: .2em .55em;
	border-radius: 6px;
	background: rgba(0, 0, 0, .65);
	color: #fff;
	font-size: .8em;
	font-weight: 600;
	line-height: 1.3;
}

/* Video utama */
.abv__lead { display: grid; grid-template-columns: minmax(0, 1fr); gap: .8rem; margin: 0 0 1rem; }
.abv__leadtitle {
	margin: 0 0 .5em;
	font-size: .85em;       /* selalu lebih kecil dari judul grid */
	font-weight: 700;
	line-height: 1.3;
	color: inherit;
}
.abv__leadtitle a,
.abv__title a {
	color: inherit;
	text-decoration: none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.abv__leadtitle a { -webkit-line-clamp: 4; }
.abv__leadtitle a:hover, .abv__leadtitle a:focus-visible,
.abv__title a:hover, .abv__title a:focus-visible { color: var(--abv-accent); }
.abv__excerpt {
	margin: 0;
	color: var(--abv-muted);
	font-size: .75em;  /* ulasan: lebih kecil dari judul berita */
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Grid video */
.abv__grid {
	display: grid;
	grid-template-columns: repeat(var(--abv-cols), minmax(0, 1fr));
	gap: 1.1rem .9rem;
}
.abv__item { margin: 0; min-width: 0; }
.abv__thumb + .abv__title { margin-top: .55em; }
.abv__title {
	margin: 0;
	font-size: .8em;        /* selalu lebih kecil dari judul grid */
	font-weight: 600;
	line-height: 1.35;
	color: inherit;
}
.abv__title a { -webkit-line-clamp: 3; }

/* Responsif berdasarkan lebar wadah */
@container (min-width: 560px) {
	.abv__lead { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: center; gap: 1.2rem; }
}
@container (max-width: 780px) {
	.abv__grid { grid-template-columns: repeat(min(var(--abv-cols), 3), minmax(0, 1fr)); }
}
@container (max-width: 620px) {
	.abv__grid { grid-template-columns: repeat(min(var(--abv-cols), 2), minmax(0, 1fr)); }
}
@container (max-width: 250px) {
	.abv__grid { grid-template-columns: 1fr; }
}
@supports not (container-type: inline-size) {
	@media (max-width: 700px) { .abv__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
	@media (min-width: 700px) { .abv__lead { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: center; } }
}