/* GeeKPress Limelight — geekui-mediaviewer.css
   Shared media viewer: limelightd lightbox. */

.geekui-mediaviewer-modal {
	background: rgba(var(--lml-deep-rgb), 0.94) !important;
	backdrop-filter: blur(10px);
}
.geekui-mediaviewer-grid-image,
.geekui-mediaviewer-grid-image-modal {
	border: 1px solid rgba(var(--lml-lime-rgb), 0.28) !important;
	border-radius: 10px !important;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
}
.geekui-mediaviewer-grid-caption,
.geekui-mediaviewer-grid-caption-modal {
	font-family: var(--geekui-font-base, 'Figtree', system-ui, sans-serif);
	color: var(--lml-text-dim) !important;
}
.geekui-mediaviewer-close-btn {
	background: rgba(var(--lml-bg-rgb), 0.9) !important;
	border: 1px solid rgba(var(--lml-lime-rgb), 0.4) !important;
	border-radius: 8px !important;
	color: var(--lml-lime-2) !important;
}
.geekui-mediaviewer-close-btn:hover { color: #fff !important; border-color: var(--lml-lime) !important; }
.geekp-nav-icons, .geekp-nav-icons-modal {
	background: rgba(var(--lml-bg-rgb), 0.9) !important;
	border: 1px solid rgba(var(--lml-lime-rgb), 0.3) !important;
	border-radius: 8px !important;
	color: var(--lml-lime-2) !important;
}
.geekp-nav-icons:hover, .geekp-nav-icons-modal:hover { border-color: var(--lml-lime) !important; color: #fff !important; }
.geekui-mediaviewer-tags-item,
.geekui-mediaviewer-tags-item-modal {
	font-family: var(--geekui-font-mono, 'Space Mono', ui-monospace, monospace) !important;
	font-size: 11.5px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border: 1px solid rgba(var(--lml-lime-rgb), 0.25) !important;
	background: rgba(var(--lml-lime-rgb), 0.08) !important;
	color: var(--lml-lime-2) !important;
	border-radius: 5px !important;
}
.geekui-mediaviewer-info,
.geekui-mediaviewer-info-modal { color: var(--lml-text-dim) !important; }
.geekui-video-container, .youtube-player {
	border: 1px solid rgba(var(--lml-lime-rgb), 0.28);
	border-radius: 10px;
	overflow: hidden;
}

/* — Limelight motif layer: limelight topline — */
.geekui-mediaviewer-grid-image,
.geekui-mediaviewer-grid-image-modal { box-shadow: inset 0 1px 0 rgba(var(--lml-cream-rgb), 0.10), 0 24px 60px rgba(0, 0, 0, 0.6) !important; }