/**
 * Public gallery styles.
 *
 * @since		1.0.0
 * @since       5.7.0     Define a common style for all pNet sites.
 * @since       5.12.0    Added lightbox styles. These override styles from SimpleLightbox.
 * @since       6.0.0     Refactor for newUI.
 * @since       6.2.0     Moved lightbox styles to pNet.
 * @package     pGallery
 * @copyright   2024 Keith Pfeiffer
 */

/* =============================================================================
# Content
*/

.pnet-gallery {
	column-count: 3;
	column-gap: var(--pnet-grid-gap);
	margin: 0 var(--pnet-negative-margin) var(--pnet-v-space)var(--pnet-negative-margin);
}

.pnet-gallery-item {
	margin-bottom: var(--pnet-grid-gap);
}

.pnet-gallery-item a {
	box-shadow: var(--pnet-shadow-elevation-1);
	display: block;
	line-height: 0;
}

.pnet-gallery-item a:is(:hover, :focus) {
	box-shadow: var(--pnet-shadow-elevation-8);
}

.pnet-gallery-item a .pnet-image {
	filter: brightness(var(--pnet-dim));
}

.pnet-gallery-item a:is(:focus, :hover) .pnet-image {
	filter: brightness(1);
}

/*
## Image attachment page
*/

.attachment .entry-content>*:not(:last-child) {
	margin-bottom: var(--pnet-v-space);
}

.pgal-exif-container .pnet-form-row {
	margin-bottom: 0;
}

/* =============================================================================
# Media queries
*/

@media screen and (min-width:1200px) {
	.pnet-gallery {
		margin-left: var(--pnet-negative-margin-desktop);
		margin-right: var(--pnet-negative-margin-desktop);
	}
}

@media screen and (max-width: 1024px) {
	.pnet-gallery {
		column-count: 2;
	}
}

@media screen and (max-width: 767px) {
	.pnet-gallery {
		column-count: 1;
		margin-left: 0;
		margin-right: 0;
	}
}