/* =========================================================
   LOGO OFFICIEL NOOVOCAR
   ========================================================= */

.nc-brand-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  text-decoration:none;
  white-space:nowrap;
}

.nc-wordmark{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;

  font-family:
    Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif;

  font-size:30px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.075em;
}

.nc-wordmark > span{
  display:inline-block;
  line-height:1;
}

/* N, V et troisième O : bleu nuit */
.nc-n,
.nc-v,
.nc-o3{
  color:#08265d;
}

/* Premier O + CAR : bleu NOOVOCAR */
.nc-o1,
.nc-car{
  color:#0878ff;
}

/* Deuxième O : anneau jaune / bleu */
.nc-o2{
  width:.86em;
  height:.86em;
  margin:0 .03em;
  flex:0 0 .86em;

  border-radius:50%;

  background:
    conic-gradient(
      from -34deg,
      #08265d 0 36%,
      #ffc400 36% 68%,
      #08265d 68% 100%
    );

  -webkit-mask:
    radial-gradient(
      farthest-side,
      transparent calc(100% - .18em),
      #000 calc(100% - .17em)
    );

  mask:
    radial-gradient(
      farthest-side,
      transparent calc(100% - .18em),
      #000 calc(100% - .17em)
    );
}

/* Petit cartouche réservé aux espaces professionnels */
.nc-pro-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:22px;
  padding:0 7px;

  background:#0878ff;
  color:#fff;

  border-radius:4px;

  font-size:9px;
  font-weight:950;
  letter-spacing:.04em;
}

/* Sur fond bleu, le logo officiel reste dans une plaque claire */
.nc-brand-on-dark{
  padding:7px 11px;
  background:rgba(255,255,255,.97);
  border-radius:4px;
}

@media(max-width:700px){
  .nc-wordmark{
    font-size:24px;
  }

  .nc-pro-badge{
    min-height:19px;
    padding:0 6px;
    font-size:8px;
  }
}