/* Centro Astronomico — integra Bootstrap Italia del tema. */

.cg-astro-figura a:focus-visible img,
.cg-astro-card a:focus-visible {
	outline: 3px solid #f90;
	outline-offset: 2px;
}

.cg-astro-figura img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	width: 100%;
	background: #0b1a2e;
}

.cg-astro-card .card-img-top {
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

/* Lightbox */
.cg-astro-lightbox {
	border: 0;
	padding: 0;
	max-width: min(96vw, 1200px);
	max-height: 94vh;
	background: #0b1a2e;
	color: #fff;
	border-radius: 4px;
}

.cg-astro-lightbox::backdrop {
	background: rgba(0, 0, 0, 0.85);
}

.cg-astro-lightbox-barra {
	display: flex;
	gap: 0.5rem;
	justify-content: flex-end;
	padding: 0.5rem;
}

.cg-astro-lightbox img {
	display: block;
	max-width: 100%;
	max-height: 70vh;
	margin: 0 auto;
}

.cg-astro-lightbox figcaption {
	padding: 0.75rem 1rem 1rem;
}

.cg-astro-lightbox figcaption a,
.cg-astro-lightbox h2 {
	color: #fff;
}

/* Video YouTube con consenso */
.cg-astro-yt {
	background: #0b1a2e center / cover no-repeat;
	color: #fff;
}

.cg-astro-yt-consenso {
	background: rgba(11, 26, 46, 0.85);
}

.cg-astro-yt iframe {
	border: 0;
}

/* Tour 360° */
/* Due classi: pannellum.css (caricato dopo) imposta .pnlm-container { height: 100% }. */
.cg-astro-tour-wrap .cg-astro-tour {
	width: 100%;
	height: min(70vh, 520px);
	background: #0b1a2e center / cover no-repeat;
	border-radius: 4px;
}

.cg-astro-tour .pnlm-load-button {
	background-color: rgba(0, 102, 204, 0.9);
}

.cg-astro-tour .pnlm-load-button p {
	font-size: 1.1rem;
}

/* Cielo di stasera */
.cg-astro-cielo {
	background: linear-gradient(180deg, #0b1a2e 0%, #17324d 100%);
	color: #fff;
}

.cg-astro-cielo .card-title,
.cg-astro-cielo dt,
.cg-astro-cielo dd,
.cg-astro-cielo .h5 {
	color: #fff;
}

.cg-astro-cielo .text-muted {
	color: #c5d0dc !important;
}

.cg-astro-cielo .form-label {
	color: #fff;
}

.cg-astro-cielo .btn-outline-primary {
	color: #fff;
	border-color: #fff;
	box-shadow: inset 0 0 0 1px #fff;
}

.cg-astro-orari dd {
	font-variant-numeric: tabular-nums;
	margin-bottom: 0.25rem;
}

.cg-astro-eventi-mese li {
	margin-bottom: 0.25rem;
}

@media (prefers-reduced-motion: reduce) {
	.cg-astro-lightbox,
	.cg-astro-tour * {
		transition: none !important;
		animation: none !important;
	}
}