/* Twenty Twenty-Five Clayville — site-wide custom styles */

/* ---- TablePress: density + typography for table cells ----
 * Width is handled by wrapping the [table] shortcode in an alignwide group
 * inside the post content; no CSS-level breakout tricks. */

.entry-content .tablepress {
	font-size: 0.9rem;
	width: 100% !important;
}
.entry-content .tablepress td,
.entry-content .tablepress th {
	padding: 0.55rem 0.75rem;
	line-height: 1.4;
	vertical-align: top;
}
.entry-content .tablepress thead th {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

/* ---- Classic [gallery] shortcode → real CSS grid ---- */
.entry-content .gallery {
	display: grid;
	grid-template-columns: repeat(var(--gallery-cols, 5), 1fr);
	gap: 1rem;
	margin: 1.5rem 0;
}
.entry-content .gallery-columns-1 { --gallery-cols: 1; }
.entry-content .gallery-columns-2 { --gallery-cols: 2; }
.entry-content .gallery-columns-3 { --gallery-cols: 3; }
.entry-content .gallery-columns-4 { --gallery-cols: 4; }
.entry-content .gallery-columns-5 { --gallery-cols: 5; }
.entry-content .gallery-columns-6 { --gallery-cols: 6; }
.entry-content .gallery-columns-7 { --gallery-cols: 7; }
.entry-content .gallery-columns-8 { --gallery-cols: 8; }
.entry-content .gallery-columns-9 { --gallery-cols: 9; }

.entry-content .gallery-item {
	width: 100% !important;
	max-width: none;
	margin: 0 !important;
	text-align: center;
}
.entry-content .gallery-icon {
	margin: 0;
}
.entry-content .gallery-icon img,
.entry-content .gallery-item img {
	width: 100%;
	height: auto;
	display: block;
	border: 0 !important;
	border-radius: 4px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.entry-content .gallery-caption {
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.85rem;
	color: var(--wp--preset--color--foreground-muted);
	margin-top: 0.5rem;
}

@media (max-width: 1024px) {
	.entry-content .gallery-columns-5,
	.entry-content .gallery-columns-6,
	.entry-content .gallery-columns-7,
	.entry-content .gallery-columns-8,
	.entry-content .gallery-columns-9 {
		--gallery-cols: 4;
	}
}
@media (max-width: 768px) {
	.entry-content .gallery {
		--gallery-cols: 3;
	}
}
@media (max-width: 480px) {
	.entry-content .gallery {
		--gallery-cols: 2;
	}
}

/* ---- Embed grids (SoundCloud / YouTube on Bio page) ---- */
.entry-content .embeds-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
	margin: 1.5rem 0;
}
.entry-content .embeds-grid > .wp-block-embed {
	margin: 0 !important;
	width: 100%;
}
.entry-content .embeds-grid > .wp-block-embed iframe {
	width: 100% !important;
	max-width: none !important;
	display: block;
}
@media (max-width: 768px) {
	.entry-content .embeds-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
}

/* DataTables UI (search box, page-length select, info, pagination) */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dt-container .dt-length,
.dt-container .dt-search,
.dt-container .dt-info,
.dt-container .dt-paging {
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.92rem;
	color: var(--wp--preset--color--foreground-muted);
}
.dataTables_wrapper input[type="search"],
.dataTables_wrapper select,
.dt-container input[type="search"],
.dt-container select {
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.92rem;
}