/**
 * Grid Fixed Title Layout Styles
 *
 * This layout creates a two-column structure using CSS Grid:
 * - Left column (25%): Fixed description (rendered by Base class)
 * - Right column (75%): Gallery images
 * - Full width when description is hidden
 */
.envira-gallery-wrap.envira-layout-grid-fixed-title {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-template-areas: "description gallery";
	gap: 20px;
	clear: both;
	/**
	 * Mobile Landscape Size to Tablet Portrait (767px and below)
	 * - Switch to single column layout
	 */
	/**
	 * Full width layout when description is hidden
	 */
	/**
	 * Left Column - Fixed Description (rendered by Base class)
	 */
	/**
	 * Right Column - Gallery
	 */
}
@media only screen and (max-width: 767px) {
	.envira-gallery-wrap.envira-layout-grid-fixed-title {
		grid-template-columns: 1fr;
		grid-template-areas:
			"description"
			"gallery";
		gap: 15px;
	}
}

.envira-gallery-wrap.envira-layout-grid-fixed-title .envira-gallery-description {
	grid-area: description;
	position: sticky;
	top: 20px;
	height: -moz-fit-content;
	height: fit-content;
}
.envira-gallery-wrap.envira-layout-grid-fixed-title:not(
		:has(.envira-gallery-description:not(:empty))
	) {
	grid-template-columns: 1fr;
	grid-template-areas: "gallery";
	gap: 0;
}
@media only screen and (max-width: 767px) {
	.envira-gallery-wrap.envira-layout-grid-fixed-title:not(
			:has(.envira-gallery-description:not(:empty))
		) {
		grid-template-columns: 1fr;
		grid-template-areas: "gallery";
	}
}
@media only screen and (max-width: 767px) {
	.envira-gallery-wrap.envira-layout-grid-fixed-title .envira-gallery-description {
		position: static;
	}
}
.envira-gallery-wrap.envira-layout-grid-fixed-title .envira-gallery-public {
	grid-area: gallery;
}