/* Light tweaks layered on top of dipstick.earth's bootstrap + theme overrides. */

html { scroll-behavior: smooth; }

main { padding-top: 2rem; }

.card { border-radius: 12px; }
.card-img-top { border-top-left-radius: 12px; border-top-right-radius: 12px; }

a.text-reset:hover { opacity: 0.85; }

.site-corner-link {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--bs-primary, #0d6efd);
  text-decoration: none;
  font-size: 0.95rem;
  max-width: calc(50vw - 2rem);
}
.site-corner-link img {
  width: 5vw;
  max-width: 64px;
  min-width: 28px;
  height: auto;
  object-fit: contain;
  flex-shrink: 0;
}
.site-corner-link:hover { text-decoration: underline; }

.home-corner-link {
  position: absolute;
  top: 1rem;
  left: 1.5rem;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--bs-primary, #0d6efd);
  text-decoration: none;
  font-size: 0.95rem;
  max-width: calc(50vw - 2rem);
  text-align: right;
}
.home-corner-link .home-corner-logo {
  width: 5vw;
  max-width: 64px;
  min-width: 28px;
  height: auto;
  object-fit: contain;
  /* the old trunkCam elephant was mirrored so it faced into the page; the
     dipstick sticker is lettering, so it must not be flipped. */
  flex-shrink: 0;
}
.home-corner-link:hover { text-decoration: underline; }