/* Gallery page — extracted from gallery.html prototype.
   Owner uses a Gutenberg Gallery block on the page; we style it to match the
   prototype's masonry-ish look. */

.gal-empty-note {
	background: var(--orange-soft); border-radius: var(--radius-lg);
	padding: 24px 28px; margin-bottom: 32px;
	display: flex; align-items: center; gap: 16px;
}
.gal-empty-note .icon {
	width: 40px; height: 40px; border-radius: 12px;
	background: var(--orange); color: white;
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;
}
.gal-empty-note p { margin: 0; font-size: 0.95rem; color: var(--ink); }
.gal-empty-note strong { color: var(--orange-deep); }

/* Style the Gutenberg Gallery block to match the prototype's tile look. */
.gallery-content .wp-block-gallery { gap: 16px; }
.gallery-content .wp-block-gallery .wp-block-image {
	border-radius: var(--radius);
	overflow: hidden;
	background: var(--cream-deep);
	border: 1.5px solid var(--line);
}
.gallery-content .wp-block-gallery .wp-block-image img {
	border-radius: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.gallery-content .wp-block-gallery .wp-block-image figcaption {
	background: rgba(255,255,255,0.95);
	color: var(--ink-soft);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 6px 10px;
	border-radius: 999px;
	position: absolute;
	top: 12px; left: 12px;
	margin: 0;
}