/*
 * Rhythmdo logo replacement for Quarto title, sidebar, and navbar surfaces.
 */

.quarto-title h1:first-of-type::before {
  content: "";
  display: inline-block;
  background-image: url("../attachments/rhythmdo-logo-ja-light.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  height: 300px;
  width: 100%;
  margin: 0;
  padding: 0;
}

body.quarto-dark .quarto-title h1:first-of-type::before {
  background-image: url("../attachments/rhythmdo-logo-ja-dark.png");
}

html[lang|="en"] .quarto-title h1:first-of-type::before {
  background-image: url("../attachments/rhythmdo-logo-en-light.png");
}

html[lang|="en"] body.quarto-dark .quarto-title h1:first-of-type::before {
  background-image: url("../attachments/rhythmdo-logo-en-dark.png");
}

.sidebar-logo-link img.sidebar-logo {
  display: none !important;
}

.sidebar-logo-link {
  display: block;
  width: 220px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.quarto-light .sidebar-logo-link {
  background-image: url("../attachments/rhythmdo-logo-ja-light.png");
}

.quarto-dark .sidebar-logo-link {
  background-image: url("../attachments/rhythmdo-logo-ja-dark.png");
}

html[lang|="en"] .quarto-light .sidebar-logo-link {
  background-image: url("../attachments/rhythmdo-logo-en-light.png");
}

html[lang|="en"] .quarto-dark .sidebar-logo-link {
  background-image: url("../attachments/rhythmdo-logo-en-dark.png");
}

.navbar-title {
  display: block;
}

.navbar-logo {
  display: none;
}

.quarto-light .navbar-brand-logo {
  --src: url("../attachments/rhythmdo-logo-ja-light.png");
}

.quarto-dark .navbar-brand-logo {
  --src: url("../attachments/rhythmdo-logo-ja-dark.png");
}

html[lang|="en"] .quarto-light .navbar-brand-logo {
  --src: url("../attachments/rhythmdo-logo-en-light.png");
}

html[lang|="en"] .quarto-dark .navbar-brand-logo {
  --src: url("../attachments/rhythmdo-logo-en-dark.png");
}