/* ------------------------------------------------------------
	Galleries Grid Styles

	Galleries grid: variables, layout, gallery card, content. BEM: strata-galleries-grid, st-gallery.
------------------------------------------------------------ */

/* Design tokens – card appearance; grid layout from .st-grid (vars from section inline style) */
.strata-galleries-grid {
	--strata-galleries-card-radius: 0.5rem;
}

.strata-galleries-grid * {
	box-sizing: border-box;
}

.strata-galleries-grid {
	width: 100%;
}

/* Thumbnail attachment, inset from card border, & filter (overrides design system grid + card defaults) */
.strata-galleries-grid .st-grid .st-card__image,
.strata-galleries-grid .st-grid .st-card__placeholder {
	padding-top: var(--strata-galleries-image-margin-top, 0);
	padding-right: var(--strata-galleries-image-margin-right, 0);
	padding-bottom: var(--strata-galleries-image-margin-bottom, 0);
	padding-left: var(--strata-galleries-image-margin-left, 0);
}

.strata-galleries-grid .st-grid .st-card__image img {
	object-fit: var(--strata-galleries-image-object-fit, cover);
	filter: var(--strata-galleries-image-filter, none);
}

/* Gallery card content */
.strata-galleries-grid__item {
	min-width: 0;
}

.st-gallery__photo-count {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.st-gallery__count-number {
	font-size: 1.25rem;
	font-weight: 700;
}

.st-gallery__count-label {
	font-size: 1rem;
	opacity: 0.9;
}

/* Gallery body */

.st-gallery__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	font-size: 0.875rem;
}

.st-gallery__date {
	margin: 0;
	font-size: 0.875rem;
	color: var(--wp--preset--color--foreground, #1d2327);
}

.st-gallery__excerpt {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--wp--preset--color--foreground, #1d2327);
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.st-gallery__footer {
	padding: 1rem 1.5rem;
	border-top: 1px solid var(--wp--preset--color--neutral, #c3c4c7);
	font-size: 0.875rem;
}

.st-gallery__photographers {
	color: var(--wp--preset--color--foreground, #1d2327);
}