/* Ozonothérapie Essaouira — logo lockup
   Requires Google Fonts: Spectral (500) + Jost (400)
   <link href="https://fonts.googleapis.com/css2?family=Spectral:wght@500&family=Jost:wght@400&display=swap" rel="stylesheet"> */

:root{
  --oz-green:#3C6A57;
  --oz-green-dark:#2B4E3F;
  --oz-cream:#F4EEE2;
  --oz-ink:#233029;
}

.oz-logo{
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}
.oz-logo:hover{ text-decoration:none; }
.oz-logo__mark{ flex:none; display:block; width:30px; height:30px; color:var(--oz-green); }
.oz-logo__divider{
  width:1px; align-self:stretch; margin:2px 0;
  background:rgba(35,48,41,.16);
}
.oz-logo__text{ display:flex; flex-direction:column; }
.oz-logo__name{
  display:block;
  white-space:nowrap;
  font-family:Spectral, Georgia, serif;
  font-weight:500;
  font-size:17px;
  line-height:1;
  letter-spacing:.008em;
  color:var(--oz-ink);
}
.oz-logo__tagline{
  display:block;
  white-space:nowrap;
  font-family:Jost, Arial, sans-serif;
  font-weight:400;
  font-size:8px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#9A9183;
  margin-top:5px;
}

/* Reversed (on the green background) */
.oz-logo--reversed .oz-logo__mark{ color:var(--oz-cream); }
.oz-logo--reversed .oz-logo__name{ color:var(--oz-cream); }
.oz-logo--reversed .oz-logo__divider{ background:rgba(244,238,226,.3); }