// Questo file fa parte di MyTown.
// MyTown è software libero: puoi ridistribuirlo e/o modificarlo secondo
// i termini della GNU Affero General Public License come pubblicata dalla
// Free Software Foundation, versione 3.
// Distribuito senza ALCUNA GARANZIA; vedi la GNU AGPL v3 per i dettagli.
// Copyright (C) Kondor Consulting & Services S.r.l.
// SPDX-License-Identifier: AGPL-3.0-or-later

.geo-button {
	position: relative;

	ion-icon {
		font-size: 1.4rem;
	}
}

.geo-icon.geo-loading {
	animation: geo-pulse 1.2s ease-in-out infinite;
}

@keyframes geo-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.3; }
}

.notification-button {
	position: relative;

	ion-icon {
		font-size: 1.4rem;
	}
}

.notification-badge {
	position: absolute;
	top: 4px;
	right: 2px;
	font-size: 10px;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	padding: 0 3px;
	border-radius: 8px;
}

.header-inward {
	background-color: var(--ion-color-primary);
	height: 20px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.header-mask {
	background-color: #f4f4f6;
	height: 18px;
	width: 100%;
	border-top-left-radius: 10% 100%;
	border-top-right-radius: 10% 100%;
	-webkit-box-shadow: 0 -2px 0px 0px rgba(0, 0, 0, 0.2), 0px -8px 0px 0px rgba(0, 0, 0, 0), 0 -2px 0px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 -2px 0px 0px rgba(0, 0, 0, 0.2), 0px -8px 0px 0px rgba(0, 0, 0, 0), 0 -2px 0px 0 rgba(0, 0, 0, 0.12);
	margin-top: 2px;
	position: relative;
	display: block;
}
