.navbar-brand img {
	height: 80px;
}

@media (max-width: 767px) {
  .navbar-brand img {
    height: 50px;
  }
}

.hero{
	background-image: url('../img/home-cover.jpg');
}

.about-us a:not(.btn-default) {
	color: var(--primary-color);
	text-decoration: underline;
}

.about-us a:not(.btn-default):hover {
	color: var(--accent-color);
}

.about-us-img figure{
	display: block;
	border-radius: 20px;
}

.about-us ul {
	margin-top: 20px;
}

.about-us li {
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

.our-services.bg-section p {
	color: var(--primary-color);
}

.our-services.bg-section:last-child {
	margin-bottom: 70px;
}

.contact-icon {
width: 45px;
height: 45px;
background: var(--accent-color);
color: #fff;
font-size: 20px;
}

.contact-icon img {
width: 100%;
max-width: 26px;
transition: all 0.3s ease-in-out;
}

.contact-list a {
color: inherit;
text-decoration: none;
}

.contact-list a:hover {
text-decoration: underline;
}

.footer-logo img {
	max-width: 250px;
}

/*
Mappa Google
*/

/* Wrapper mappa */
.google-map{
  --map-radius: 14px;
  --map-shadow: 0 10px 24px rgba(0,0,0,.12);
  --map-aspect: 4/3;

  position: relative;
  width: 100%;
  border-radius: var(--map-radius);
  overflow: hidden;
  box-shadow: var(--map-shadow);
  background: #f2f4f8; /* colore di fondo in attesa del load */
}

/* Metodo moderno: mantiene il rapporto */
.google-map{
  aspect-ratio: var(--map-aspect);
}

/* Fallback per browser senza aspect-ratio */
@supports not (aspect-ratio: 1){
  .google-map{
    height: 0;
    padding-bottom: calc(100% / (16 / 9)); /* 56.25% = 16:9 */
  }
}

/* Iframe a pieno contenitore */
.google-map iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* Opzionale: versione “card” compatta (altezza fissa su mobile) */
@media (max-width: 575.98px){
  .google-map{
    min-height: 280px;
  }
}

/* Opzionale: tema grigio leggero per armonizzare la UI
.google-map iframe{
  filter: grayscale(.1) saturate(.9);
}
*/