/* Minimalist Global Toast Styling */
/*
#global-toast {
    min-width: 320px;
    /* Frosted glass effect (modern and clean) */
    backdrop-filter: blur(10px);
    background-color: rgba(var(--bs-primary-rgb), 0.95) !important;
}

/* Ensure the toast doesn't have any residual 'jumping' logic */
.toast-container {
    pointer-events: none; /* Allows clicking things 'behind' the container gap */
}
.toast {
    pointer-events: auto; /* Re-enables clicking the toast itself */
}

.event-container-restricted {
    width: 100%;
    max-width: 900px; /* Force it to never get wider than this */
    margin-right: auto;
    margin-left: auto;
}

/*for the map*/
	/* Mobile: 30% height ratio */
	.ratio-custom {
		--bs-aspect-ratio: 30%;
		min-height: 250px; /* Ensures UI elements like "Get Directions" don't vanish */
	}

	/* Medium and up: 20% height ratio */
	@media (min-width: 768px) {
		.ratio-md-custom {
			--bs-aspect-ratio: 20%;
			/* On larger screens, we can afford a slightly larger min-height 
				 if the map feels too squished */
			min-height: 300px; 
		}
	}	
/*for the sharing buttons*/
	/* Hide AddToAny horizontal share bar when screen is greater than 768 pixels wide */
	@media screen and (min-width: 768px) {
			.a2a_floating_style.a2a_default_style { display: none; }
	}
	/* Hide AddToAny vertical share bar when screen is less than 768 pixels wide */
	@media screen and (max-width: 768px) {
			.a2a_floating_style.a2a_vertical_style { display: none; }
	}
/* for the backtotop arrow */
	#backToTop {
		position: fixed;
		bottom: 30px;
		right: 30px;
		width: 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1030; /* Above everything else */
		transition: opacity 0.3s, visibility 0.3s;
		visibility: hidden;
		opacity: 0;
		border-radius: 50% !important;
		padding: 0;
	}

	#backToTop.show {
		visibility: visible;
		opacity: 1;
	}
	
	/* Ensure Font Awesome icon is centered */
	#backToTop i {
		font-size: 1.2rem;
	}