/* Canonical BUILDOJA utility icons: Home and light/dark theme controls. */
.buildoja-ui-icon {
  display: inline-block;
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask-image: var(--buildoja-ui-icon);
  mask-image: var(--buildoja-ui-icon);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.buildoja-ui-icon--home {
  --buildoja-ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3Cpath d='M9 21v-7h6v7'/%3E%3C/svg%3E");
}

.buildoja-ui-icon--moon {
  --buildoja-ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E");
}

.buildoja-ui-icon--sun {
  --buildoja-ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.42-1.42M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E");
}

/* Header Home controls stay visually quiet while retaining their full tap target. */
.buildoja-home-control,
.buildoja-home-control:hover,
.buildoja-home-control:active,
.buildoja-theme-control,
.buildoja-theme-control:hover,
.buildoja-theme-control:active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}

.buildoja-home-control:hover {
  color: inherit !important;
}

/* Win against the home page's legacy ID-level hover rule without widening scope. */
button#themeToggle.buildoja-theme-control:hover,
body.dark-mode button#themeToggle.buildoja-theme-control:hover {
  background: transparent !important;
}