.vipassana-logo {
  display: inline-flex;
  align-items: center;
  transform: scale(1);
  transform-origin: left;
  text-align: left;
  text-decoration: none;

  --vds-logo-title-color: #9c6b14;
  --vds-logo-tagline-color: #4f4d47;

  --vds-logo-title-font-size: 1.5em;
  --vds-logo-title-line-height: 1.25;

  --vds-logo-tagline-font-size: 1em;
  --vds-logo-tagline-line-height: 1;
  --vds-logo-tagline-margin: 0;
}

.vipassana-logo[data-reverse='true'] {
  --vds-logo-tagline-margin: 0.3em;
}

.vipassana-logo[data-dark-mode='true'] {
  --vds-logo-title-color: white;
  --vds-logo-tagline-color: #bfbfbf;
}

.vipassana-logo[data-lang='fa'] {
  --vds-logo-tagline-font-size: 1.2em;
}

.vipassana-logo[data-lang='gu'],
.vipassana-logo[data-lang='hi'],
.vipassana-logo[data-lang='te'],
.vipassana-logo[data-lang='mr'] {
  .logo-text {
    margin-bottom: -0.5em;
  }
}

// Languages using Noto for title
.vipassana-logo[data-lang='bg'],
.vipassana-logo[data-lang='el'],
.vipassana-logo[data-lang='mk'],
.vipassana-logo[data-lang='ru'],
.vipassana-logo[data-lang='sr'],
.vipassana-logo[data-lang='uk'],
.vipassana-logo[data-lang='vi'],
.vipassana-logo[data-lang='ar'],
.vipassana-logo[data-lang='fa'],
.vipassana-logo[data-lang='gu'],
.vipassana-logo[data-lang='he'],
.vipassana-logo[data-lang='ja'],
.vipassana-logo[data-lang='km'],
.vipassana-logo[data-lang='ko'],
.vipassana-logo[data-lang='or'],
.vipassana-logo[data-lang='si'],
.vipassana-logo[data-lang='ta'],
.vipassana-logo[data-lang='te'],
.vipassana-logo[data-lang='th'],
.vipassana-logo[data-lang='zh-HANS'],
.vipassana-logo[data-lang='zh-Hans'],
.vipassana-logo[data-lang='zh-HANT'],
.vipassana-logo[data-lang='zh-Hant'],
.vipassana-logo[data-lang='zh-HANT-HK'] {
  --vds-logo-tagline-margin: 0.2em;
}

.vipassana-logo[data-lang='he'][data-reverse='true'] {
  --vds-logo-tagline-margin: 0.05em;
}

.vipassana-logo[data-lang='ja'] {
  --vds-logo-title-font-size: 1.5em;
}

.vipassana-logo[data-lang='ko'] {
  --vds-logo-title-font-size: 1.6em;
  --vds-logo-title-line-height: 1.2;
  --vds-logo-tagline-margin: 0.3em;

  .logo-title {
    margin-left: -0.1em;
  }
}

.vipassana-logo[data-lang='tr'] {
  --vds-logo-tagline-margin: 0.3em;
}

.vipassana-logo[data-lang='or'] {
  --vds-logo-title-line-height: 1;
  --vds-logo-tagline-margin: 0.3em;

  .logo-title {
    margin-left: -0.15em;
  }
}

.vipassana-logo[data-lang='si'][data-reverse='true'] {
  --vds-logo-title-font-size: 1.4em;
  --vds-logo-title-line-height: 1.4;
  --vds-logo-tagline-font-size: 0.9em;
  --vds-logo-tagline-margin: 0.2em;

  .logo-text {
    margin-bottom: -0.4em;
  }
}

.vipassana-logo[data-lang='ta'] {
  --vds-logo-title-font-size: 1.4em;
  --vds-logo-title-line-height: 1.3;

  --vds-logo-tagline-font-size: 0.9em;
  --vds-logo-tagline-line-height: 1;
  --vds-logo-tagline-margin: 0.2em;
}

.vipassana-logo[data-lang='uk'] {
  --vds-logo-tagline-margin: 0.3em;
}

.vipassana-logo[data-lang='zh-HANS'],
.vipassana-logo[data-lang='zh-HANT'],
.vipassana-logo[data-lang='zh-HANT-HK'] {
  --vds-logo-title-font-size: 1.5em;
  --vds-logo-title-line-height: 1.2;
  --vds-logo-tagline-margin: 0.5em;

  .logo-text {
    margin-left: -0.1em;
  }

  .logo-subtitle {
    margin-left: 0.1em;
  }
}

.vipassana-logo[data-lang='hi'] .logo-title,
.vipassana-logo[data-lang='mr'] .logo-title {
  margin-left: -0.1em;
}

.vipassana-logo:not([data-reverse='true']) [data-start-with='v'],
.vipassana-logo:not([data-reverse='true']) [data-start-with='t'] {
  margin-left: -0.17em
    /*rtl:0*/
  ;
}

.vipassana-logo:not([data-reverse='true']) [data-start-with='м'],
.vipassana-logo:not([data-reverse='true']) [data-start-with='в'] {
  margin-left: -0.08em;
}

.vipassana-logo:not([data-reverse='true']) [data-start-with='β'] {
  margin-left: -0.05em;
}

.vipassana-logo[data-disposition='default'] {
  max-width: 48em;
  /* the title will wrap if it's too long */
}

.vipassana-logo[data-disposition='centered'] {
  flex-direction: column;
  text-align: center;
}

/* Wheel */
.vipassana-logo .logo-wheel {
  height: 5.5em;
  max-width: 3.9em;
  margin-right: 1em;
}

.vipassana-logo[data-disposition='centered'] .logo-wheel {
  margin: 0 0 0.4em 0 !important;
}

.vipassana-logo[data-disposition='centered'][data-reverse='true'] .logo-wheel {
  margin-bottom: 0.6em !important;
}

/* Text */
.vipassana-logo .logo-text {
  display: flex;
  flex-direction: column;
}

.vipassana-logo[data-reverse='true'] .logo-text {
  flex-direction: column-reverse;
}

.vipassana-logo[data-disposition='left-two-lines'][data-reverse='true'] .logo-text {
  margin-top: -0.1em;
}

/* Title */
.vipassana-logo .logo-title {
  color: var(--vds-logo-title-color);
  font-family: var(--vds-headings-font-family), Amiri, system-ui, -apple-system, Segoe UI,
    Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: var(--vds-logo-title-line-height);
  font-size: var(--vds-logo-title-font-size);
  font-weight: normal;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.vipassana-logo[data-reverse='true'] .logo-title {
  flex-direction: row-reverse;
  justify-content: start;
}

.vipassana-logo[data-disposition='left-two-lines'] .logo-title,
.vipassana-logo[data-disposition='centered'] .logo-title {
  flex-direction: column;
}

.vipassana-logo[data-disposition='left-two-lines'] .logo-space,
.vipassana-logo[data-disposition='centered'] .logo-space {
  display: none;
}

.vipassana-logo[data-disposition='left-two-lines'][data-reverse='true'] .logo-title,
.vipassana-logo[data-disposition='centered'][data-reverse='true'] .logo-title {
  flex-direction: column-reverse;
}

.vipassana-logo .logo-title span {
  display: inline-flex;
  white-space: nowrap;
}

.vipassana-logo[data-disposition='left-two-lines'] .logo-title span {
  width: 100%;
}

.vipassana-logo[data-disposition='centered'] .logo-title span {
  width: 100%;
  justify-content: center;
}

// For some language, we cnanot just concat vipasana_meditation + as_taught, we need
// a dedicate translation vipassana_as_taught
.vipassana-logo .logo-title .vipassana-as-taught {
  display: none;
}

.vipassana-logo[data-disposition='left-one-line'],
.vipassana-logo[data-disposition='default'] {

  &[data-lang='zh-HANS'],
  &[data-lang='zh-HANT'],
  &[data-lang='zh-HANT-HK'],
  &[data-lang='gu'],
  &[data-lang='km'],
  &[data-lang='ja'],
  &[data-lang='mr'],
  &[data-lang='si'],
  &[data-lang='ta'],
  &[data-lang='te'],
  &[data-lang='hi'] {
    .logo-title span {
      display: none;

      &.vipassana-as-taught {
        display: block;
      }
    }
  }
}

/* Tagline */
.logo-subtitle {
  color: var(--vds-logo-tagline-color);
  font-family: var(--vds-font-family), 'Noto Sans', system-ui, -apple-system, Segoe UI, Roboto,
    Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji,
    Segoe UI Symbol, Noto Color Emoji;
  font-weight: 300;
  font-size: var(--vds-logo-tagline-font-size);
  line-height: var(--vds-logo-tagline-line-height);
  margin: var(--vds-logo-tagline-margin) 0 0 0;
}

.vipassana-logo[data-tagline='false'] .logo-subtitle {
  display: none;
}

.vipassana-logo[data-reverse='true'] .logo-subtitle {
  margin: 0 0 var(--vds-logo-tagline-margin) 0;
}

// add a bit space on the bottom so tagline do not get cropped
.vipassana-logo[data-disposition='centered'][data-reverse='false'] .logo-subtitle {
  margin-bottom: 0.3em;
}

/* Force font-family for english Logo */
/* If the page is displayed in Hindi, but the Logo in english, we want to use amiri */
.vipassana-logo[data-lang='en'] {
  --vds-headings-font-family: 'Amiri';
}