/* Theme toggle in the navbar */
.theme-toggle {
  display: inline-grid; place-items: center; width: 40px; height: 40px; margin-left: 12px; flex: none;
  border-radius: 50%; border: 1px solid var(--black-2, #353535); background: transparent; color: var(--silver, #d2c5af);
  cursor: pointer; transition: background-color .2s, border-color .2s, transform .2s;
}
.theme-toggle:hover { transform: rotate(-12deg); border-color: var(--bright-red, #eb5939); }
.theme-toggle:focus-visible { outline: 2px solid var(--bright-red, #eb5939); outline-offset: 3px; }
.theme-toggle svg { width: 18px; height: 18px; }
.theme-toggle .moon { display: none; }
html[data-theme="light"] .theme-toggle .sun { display: none; }
html[data-theme="light"] .theme-toggle .moon { display: block; }
.navbar-wrapper { align-items: center; }

/* Smooth the switch between themes */
html.theme-ready body, html.theme-ready .page-wrapper, html.theme-ready .body { transition: background-color .3s ease, color .3s ease; }

/* A self-hosted site doesn't need the Webflow badge */
.w-webflow-badge { display: none !important; }

/* case study pages: the toggle sits on the same row as Back */
.div-block-67.has-theme-toggle { flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; width: 100%; }
.div-block-67.has-theme-toggle .theme-toggle { margin-left: 0; }

/* the selected review tab stays readable in the light theme */
html[data-theme="light"] .tabs-links.w--current,
html[data-theme="light"] .tabs-links.w--current:hover { background-color: #131516; color: #FFFFFF; }
html[data-theme="light"] .tabs-links.w--current * { color: #FFFFFF; }

/* phones and tablets: keep the toggle beside the menu button */
@media (max-width: 991px) {
  .navbar-wrapper .theme-toggle { margin-left: auto; margin-right: 14px; }
}

/* icons drawn in the site's beige read too faint on a light background */
html[data-theme="light"] .icon-wrapper-link img,
html[data-theme="light"] .image-43-copy,
html[data-theme="light"] img[src*="arrow-up-right"],
html[data-theme="light"] img[src*="Vector.png"] { filter: brightness(.35) contrast(1.2); }