/* plg_content_micheleramazza - gallery, lightbox, share */
.mrgallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: .5rem;
	margin: 1rem 0;
}
.mrgallery--small { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }
.mrgallery__item { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: .2rem; background: #222; }
.mrgallery__item img { width: 100%; height: 100%; object-fit: cover; margin: 0 !important; transition: transform .3s ease, opacity .3s; }
.mrgallery__item:hover img, .mrgallery__item:focus img { transform: scale(1.06); opacity: .9; }

.mrlightbox {
	border: 0;
	padding: 0;
	max-width: 100vw;
	max-height: 100vh;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .94);
	color: #fff;
}
.mrlightbox::backdrop { background: rgba(0, 0, 0, .9); }
.mrlightbox__figure { margin: 0; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem 3.5rem; box-sizing: border-box; }
.mrlightbox__figure img { max-width: 100%; max-height: calc(100vh - 8rem); object-fit: contain; margin: 0 !important; }
.mrlightbox__caption { margin-top: .75rem; text-align: center; font-size: 1rem; }
.mrlightbox button {
	position: absolute;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	border: 0;
	font-size: 2.2rem;
	line-height: 1;
	padding: .4rem .8rem;
	cursor: pointer;
}
.mrlightbox button:hover, .mrlightbox button:focus-visible { color: #ffe700; }
.mrlightbox__close { top: .5rem; right: .5rem; }
.mrlightbox__prev { left: .25rem; top: 50%; transform: translateY(-50%); }
.mrlightbox__next { right: .25rem; top: 50%; transform: translateY(-50%); }
.mrlightbox__counter { position: absolute; top: 1rem; left: 1rem; font-size: .85rem; opacity: .8; }

.mr-share { display: flex; flex-wrap: wrap; gap: .4rem; }
.mr-share__btn {
	display: inline-block;
	padding: .3rem .7rem;
	border-radius: .2rem;
	font-size: .85rem;
	color: #fff !important;
	background: #444;
	text-decoration: none !important;
}
.mr-share__btn--facebook { background: #1877f2; }
.mr-share__btn--whatsapp { background: #128c4b; }
.mr-share__btn--x { background: #000; border: 1px solid #555; }
.mr-share__btn--telegram { background: #1d8bc9; }
.mr-share__btn:hover { filter: brightness(1.15); }
.mr-rivers-map { width: 100%; border-radius: .25rem; color: #111; }