/**
 * AMA — FooGallery skin (light touch).
 *
 * Layered over the plugin's `foogallery-core` stylesheet. Deliberately minimal:
 * caption COLOURS are left to whichever FooGallery preset/hover-effect the gallery
 * uses (so caption contrast on light-vs-dark backgrounds isn't broken) — only the
 * typography, a subtle thumbnail radius, and the caption action buttons are
 * brought in line with the AMA look. The FooBox lightbox keeps its own colour
 * skin (set in FooBox → Settings).
 *
 * @package AMAIndiaTwentySix
 */

.foogallery .fg-caption-title {
	font-family: var(--font-serif, Georgia, "Times New Roman", serif) !important;
	font-weight: 600;
	letter-spacing: .01em;
}
.foogallery .fg-caption-desc {
	font-family: var(--font-sans, "Plus Jakarta Sans", system-ui, sans-serif) !important;
}

/* Subtle rounded thumbnails for square-cornered presets. */
.foogallery .fg-item .fg-image { border-radius: 4px; }

/* Pile (album) template — its caption heading renders oversized. Match FooGallery's
   own `.foogallery-album-gallery-list .foogallery-pile h3` specificity and use a
   FIXED size (not 1em, which inherits a large parent) so it reads as a caption. */
.foogallery-pile h3,
.foogallery-album-gallery-list .foogallery-pile h3 {
	font-size: 0.85rem !important;
	line-height: 1.3 !important;
}

/* Album STACK template — the title bar h2/h3 and per-photo .tp-title set no size,
   so they inherit large heading sizes. Pin them to readable sizes. */
.foogallery-stack-album .topbar h3,
.foogallery-stack-album .tp-title {
	font-size: 0.95rem !important;
	line-height: 1.35 !important;
}
.foogallery-stack-album .topbar h2 {
	font-size: 1.15rem !important;
	line-height: 1.3 !important;
}

/* Stacking: the stack template's photos are position:absolute with no z-index and
   were painting OVER the ElementsKit header/mega-menu. Give each album its own
   low, isolated stacking context so nothing inside it can rise above the header. */
.foogallery-stack-album,
.foogallery-album-gallery-list {
	position: relative;
	z-index: 0;
	isolation: isolate;
}

/* Caption action buttons → AMA navy. */
.foogallery .fg-caption-button {
	background: var(--ama-navy, #1a2744) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 4px !important;
	transition: background .15s ease;
}
.foogallery .fg-caption-button:hover { background: var(--ama-maroon, #8a3a2a) !important; }