@import url("webcar-header-logo-core.css?v=20260803-5");
@import url("webcar-menu-preview.css?v=20260722-3");

/* Dimensione uniforme del solo logo nell'angolo superiore sinistro. */
.site-header > .brand-logo {
  min-width: 118px;
  flex: 0 0 118px;
}

.site-header > .brand-logo img,
.site-header > .brand-logo img[src*="webcar-logo-w-blue-local"],
.site-header > .brand-logo img[src*="webcar-wordmark-cap"],
.site-header > .home-brand-logo img[src*="webcar-wordmark-cap"],
.site-header > .brand-logo img[src*="webcar-wordmark-header-clean"],
.site-header > .home-brand-logo img[src*="webcar-wordmark-header-clean"] {
  width: 118px;
  max-height: 46px;
  height: auto;
  aspect-ratio: 3 / 1;
  object-fit: contain;
  object-position: left center;
  border-radius: 0;
  filter: none;
  box-shadow: none;
}

/*
 * Safari può perdere il riempimento del gradiente nel testo SVG "Car".
 * La versione raster trasparente mantiene lo stesso wordmark e non dipende
 * dal motore tipografico o dalla gestione dei gradienti del browser.
 */
.site-header > .brand-logo img[src*="webcar-wordmark-header-clean.svg"],
.site-header > .home-brand-logo img[src*="webcar-wordmark-header-clean.svg"] {
  content: url("assets/webcar-wordmark-header-clean-compat.png?v=20260730-1");
}

/* Divisione WebCar Business: voce autonoma e riconoscibile nel menu. */
.site-header .nav-business-link > small {
  min-width: 27px;
  min-height: 17px;
  padding: 2px 5px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(20, 91, 203, 0.2);
  border-radius: 999px;
  color: #0b57d0;
  background: rgba(20, 91, 203, 0.08);
  font-size: 7px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.65px;
}

@media (min-width: 1161px) {
  .site-header .nav-business-link {
    min-height: 38px;
    padding-inline: 9px;
    border: 1px solid rgba(20, 91, 203, 0.14);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(20, 91, 203, 0.075), rgba(20, 91, 203, 0.018));
  }

  .site-header .nav-business-link .nav-svg {
    color: #0b57d0;
  }

  html.menu-preview-institutional .site-header .nav-business-link {
    border-color: rgba(255, 255, 255, 0.16);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(38, 121, 232, 0.12));
  }

  html.menu-preview-institutional .site-header .nav-business-link > small {
    border-color: rgba(255, 255, 255, 0.2);
    color: #dceaff;
    background: rgba(255, 255, 255, 0.1);
  }
}

@media (max-width: 1160px) {
  .site-header .nav-business-link > small {
    margin-left: auto;
  }
}

.utility-bar .preview-careers {
  min-height: 24px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  background: transparent;
  font: inherit;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.utility-bar .preview-careers > svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ff9a5e;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 860px) {
  .utility-bar .preview-careers {
    display: none;
  }
}

@media (max-width: 860px) {
  .site-header > .brand-logo {
    min-width: 104px;
    flex-basis: 104px;
  }

  .site-header > .brand-logo img,
  .site-header > .brand-logo img[src*="webcar-logo-w-blue-local"],
  .site-header > .brand-logo img[src*="webcar-wordmark-cap"],
  .site-header > .home-brand-logo img[src*="webcar-wordmark-cap"],
  .site-header > .brand-logo img[src*="webcar-wordmark-header-clean"],
  .site-header > .home-brand-logo img[src*="webcar-wordmark-header-clean"] {
    width: 104px;
    max-height: 40px;
  }
}

@media (max-width: 560px) {
  .site-header > .brand-logo {
    min-width: 92px;
    flex-basis: 92px;
  }

  .site-header > .brand-logo img,
  .site-header > .brand-logo img[src*="webcar-logo-w-blue-local"],
  .site-header > .brand-logo img[src*="webcar-wordmark-cap"],
  .site-header > .home-brand-logo img[src*="webcar-wordmark-cap"],
  .site-header > .brand-logo img[src*="webcar-wordmark-header-clean"],
  .site-header > .home-brand-logo img[src*="webcar-wordmark-header-clean"] {
    width: 92px;
    max-height: 36px;
  }
}