/* --------------------------------------------------
   TYPOGRAPHIE PERSONNALISÉE - RINGOFUSE
   Police utilisée : 
   titres courts : Neulis Cursive (Adobe) 
   Par défaut : Manrope (Google)
-------------------------------------------------- */

/* Base typography */
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  background-color: var(--ro-bg-0);
  color: var(--ro-text-900);
}


.hero-title {
  font-family: "Manrope", sans-serif;
}

h1 {
  font-family: var(--ro-font-heading);
}

h2 {
  font-family: var(--ro-font-heading);
}

h3 {
  font-family: var(--ro-font-heading);
}


.body-L{
  font-size: var(--ro-font-size-l);
  font-weight: var(--ro-font-weight-bold); 
}

.body-M-bold, th{
  font-size: var(--ro-font-size-m);
  font-weight: var(--ro-font-weight-bold); 
}

.body-S{
  font-size: var(--ro-font-size-s);
  font-weight: var(--ro-font-weight-bold); 
}

.label-text{
  font-size: var(--ro-font-size-s);
  font-weight: var(--ro-font-weight-regular); 
}



.caption-text{
  font-size: var(--ro-font-size-xs);
  font-weight: var(--ro-font-weight-regular); 
}


.tooltips-text{
  font-size: var(--ro-font-size-s);
  font-weight: var(--ro-font-weight-semB); 
}

.chips-text{
  font-size: var(--ro-font-size-xs);
  font-weight: var(--ro-font-weight-medium); 
}


/* --- Tablette : jusqu'à 1024px --- */
@media (max-width: 1024px) {
    .body-L{
        font-size: var(--ro-font-size-md);
    }

    .tooltips-text{
        font-size: none ;
    }
    

}

/* --- Mobile : jusqu'à 768px --- */
@media (max-width: 768px) {
    .body-L{
        font-size: var(--ro-font-size-s);
    }

    .body-S{
        font-size: var(--ro-font-size-xs);
    }

    .label-text{
        font-size: var(--ro-font-size-xs);
    }

}



.icon-text{
display: flex;
align-items: center;
gap:var(--ro-space-4);
}

.main-title_page{
  margin-bottom: 16px;
}

/* --- Petit mobile : jusqu'à 480px --- */
@media (max-width: 480px) {

  .main-title_page{
  padding: 24px 16px 0 16px;
  margin-bottom: 8px;
}
}