.h-50vh {
  height: 50vh;
}
.h-70vh {
  height: 70vh;
}
.offcanvas-translucent {
  backdrop-filter: blur(5px);
}

/* Thème clair */
@media (prefers-color-scheme: light) {
  .offcanvas-translucent {
    background-color: rgba(255, 255, 255, 0.85);
    color: #212529;
  }
}

/* Thème sombre */
@media (prefers-color-scheme: dark) {
  .offcanvas-translucent {
    background-color: rgba(33, 37, 41, 0.85);
    color: #f8f9fa;
  }
}
/* ------------ */
/* Mode desktop */
/* ------------ */

/* Carte page d'accueil */
.ASGPLF_Map
{
	height: 88vh;
}
.ASGPLF_DirectionsPanel
{
	height: 88vh;
}
/* Carte détail station */
.ASGPLF_MapStation
{
	height : 40vh;
}
/* Votre Annuaire */
.ASGPLF_ListesFavorites
{
	max-height: 81vh;
}
.ASGPLF_StationsFavorites
{
	max-height: 70vh;
}
.ASGPLF_Map_VotreAnnuaire
{
	height: 55vh;
}
.ASGPLF_ChartPrices_VotreAnnuaire
{
	height: 33vh;
}

/* Actions des stations favorites */
@media (hover: hover) and (pointer: fine) {
	.asgpl-station-item .asgpl-station-actions {
		opacity: 0;
		transform: translateX(4px);
		pointer-events: none;
		transition: opacity .15s ease, transform .15s ease;
	}

	.asgpl-station-item:hover .asgpl-station-actions,
	.asgpl-station-item:focus-within .asgpl-station-actions {
		opacity: 1;
		transform: translateX(0);
		pointer-events: auto;
	}
}

@media (hover: none), (pointer: coarse) {
	.asgpl-station-item .asgpl-station-actions {
		opacity: 1;
		transform: none;
		pointer-events: auto;
	}
}

/* ----------- */
/* Mode mobile */
/* ----------- */
@media (max-width: 1199px)
{ 
	/* Carte page d'accueil */
	.ASGPLF_Map
	{
		height : 60vh;
	}
	.ASGPLF_DirectionsPanel
	{
		height : 25vh;
	}
	/* Carte détail station */
	.ASGPLF_MapStation
	{
		height : 40vh;
	}

	/* Votre Annuaire */
	.ASGPLF_ListesFavorites
	{
		max-height: 25vh;
	}
	.ASGPLF_StationsFavorites
	{
		max-height :20vh;
	}

	.ASGPLF_Map_VotreAnnuaire
	{
		height: 50vh;
	}
	.ASGPLF_ChartPrices_VotreAnnuaire
	{
		height: 50vh;
	}
}

/* ------------ */
/* Menu burger  */
/* ------------ */
@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar .menu-label {
    display: none !important;
  }
}