/* =========================================================
   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;
  }
}

/* =========================================================
   NOOVOCAR_BRAND_FINAL_20261010
   ========================================================= */

.nc-wordmark{
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.075em !important;
}

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

.nc-wordmark .nc-n,
.nc-wordmark .nc-v,
.nc-wordmark .nc-o3{
  color:#08265d !important;
}

.nc-wordmark .nc-o1,
.nc-wordmark .nc-car{
  color:#0878ff !important;
}

.nc-wordmark .nc-o2{
  width:.86em !important;
  height:.86em !important;
  margin:0 .03em !important;
  flex:0 0 .86em !important;
  border-radius:50% !important;

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

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

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

.nc-pro-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-left:9px !important;
  min-height:22px !important;
  padding:0 7px !important;
  background:#0878ff !important;
  color:#fff !important;
  border-radius:3px !important;
  font-size:9px !important;
  font-weight:950 !important;
  letter-spacing:.03em !important;
}

/* Sur le bandeau bleu Recherche */
.header .nc-brand-on-dark{
  padding:7px 11px !important;
  background:#fff !important;
  border-radius:3px !important;
}

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


/* =========================================================
   NOOVOCAR_LOGO_OFFICIEL_EXACT_20261010
   ========================================================= */

.nc-wordmark{
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  white-space:nowrap !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:950 !important;
  letter-spacing:-1.8px !important;
}

/* N */
.nc-wordmark .nc-n{
  color:#123d87 !important;
}

/* premier O bleu */
.nc-wordmark .nc-o1{
  color:#168cf0 !important;
}

/* deuxième O JAUNE PLEIN */
.nc-wordmark .nc-o2{
  display:inline-block !important;
  width:auto !important;
  height:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;

  color:#ffc400 !important;

  background:none !important;
  border:0 !important;
  border-radius:0 !important;

  -webkit-mask:none !important;
  mask:none !important;
}

/* VOCAR bleu foncé */
.nc-wordmark .nc-v,
.nc-wordmark .nc-o3,
.nc-wordmark .nc-car{
  color:#123d87 !important;
}

/* PRO comme sur le logo choisi */
.nc-pro-badge{
  margin-left:12px !important;
  padding:5px 12px !important;
  min-height:0 !important;

  background:#1789ee !important;
  color:white !important;

  border-radius:8px !important;

  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
  line-height:1.2 !important;
}