/* ACF Fields Block – Front-end CSS (build/style.css) */

/* ── List layout ────────────────────────────────────────────────────── */
.acf-fields-block--layout-list .acf-fields-block__list { margin: 0; padding: 0; }
.acf-fields-block--layout-list dt.acf-fields-block__label { font-weight: 700; margin-top: .75em; }
.acf-fields-block--layout-list dt.acf-fields-block__label:first-child { margin-top: 0; }
.acf-fields-block--layout-list dd.acf-fields-block__value { margin: .2em 0 0; padding: 0; }

/* ── Table layout ───────────────────────────────────────────────────── */
.acf-fields-block--layout-table .acf-fields-block__table { width: 100%; border-collapse: collapse; }
.acf-fields-block--layout-table .acf-fields-block__table th,
.acf-fields-block--layout-table .acf-fields-block__table td {
	text-align: left;
	padding: .6em .9em;
	border-bottom: 1px solid var(--wp--preset--color--contrast-2, #e0e0e0);
}
.acf-fields-block--layout-table .acf-fields-block__table th.acf-fields-block__label {
	font-weight: 700;
	width: 28%;
	white-space: nowrap;
}

/* ── Card layout ────────────────────────────────────────────────────── */
.acf-fields-block--layout-card .acf-fields-block__cards { display: flex; flex-wrap: wrap; gap: 1rem; }
.acf-fields-block--layout-card .acf-fields-block__card {
	flex: 1 1 200px;
	border: 1px solid var(--wp--preset--color--contrast-2, #ddd);
	border-radius: .3em;
	padding: .9em 1.1em;
}
.acf-fields-block--layout-card .acf-fields-block__card .acf-fields-block__label {
	display: block;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .06em;
	opacity: .7;
	margin-bottom: .3em;
}

/* ── Inline layout ──────────────────────────────────────────────────── */
.acf-fields-block--layout-inline .acf-fields-block__inline { margin: 0; }
.acf-fields-block--layout-inline .acf-fields-block__label { margin-right: .15em; }

/* ── Tipos especiais ────────────────────────────────────────────────── */
.acf-fields-block__image { max-width: 100%; height: auto; display: block; }

.acf-fields-block__gallery { display: flex; flex-wrap: wrap; gap: .5rem; }
.acf-fields-block__gallery a,
.acf-fields-block__gallery img { display: block; }
.acf-fields-block__gallery img { width: 80px; height: 80px; object-fit: cover; border-radius: 3px; }

.acf-fields-block__color-swatch {
	display: inline-block;
	width: 1em; height: 1em;
	border-radius: 2px;
	border: 1px solid rgba(0,0,0,.15);
	vertical-align: middle;
	margin-right: .3em;
}

.acf-fields-block__json {
	background: #f4f4f4;
	border-radius: 4px;
	padding: .6em .8em;
	font-size: .8em;
	overflow: auto;
	max-height: 300px;
}

.acf-fields-block__list-items { margin: 0; padding-left: 1.2em; }
.acf-fields-block__error { color: #cc1818; font-style: italic; }