/*// -- Components -- Start //*/

.oj-image,
.oj-picture img {
    max-width: 100%;
    height: auto;
}

/*// -- Swiper -- Start //*/

.swiper-slide-auto .swiper-slide {
    width: auto;
}

/* -- Gold -- */

.text-gold {
  color: var(--bs-gold) !important;
}
.text-gold:hover, .text-gold:focus {
  color: var(--bs-gold-hover) !important; /* versione più scura automatica */
}

.bg-gold {
  background-color: var(--bs-gold) !important;
}

.border-gold {
  border-color: var(--bs-gold) !important;
}

.link-gold {
  color: var(--bs-gold);
}
.link-gold:hover, .link-gold:focus {
  color: var(--bs-gold-hover);
}

.btn-gold {
  color: var(--btn-gold-color);
  background-color: var(--bs-gold);
  border-color: var(--bs-gold);
}
.btn-gold:hover {
  color: var(--btn-gold-color);
  background-color: var(--bs-gold-hover);
  border-color: var(--bs-gold-hover);
}
.btn-check:focus + .btn-gold,
.btn-gold:focus {
  color: var(--btn-gold-color);
  background-color: var(--bs-gold-hover);
  border-color: var(--bs-gold-hover);
  box-shadow: 0 0 0 0.25rem rgb(187, 171, 129, 0.5);
}
.btn-gold:active,
.btn-gold.active,
.show > .btn-gold.dropdown-toggle {
  color: var(--btn-gold-color);
  background-color: var(--bs-gold-hover);
  border-color: var(--bs-gold-hover);
}
.btn-gold:disabled,
.btn-gold.disabled {
  color: var(--btn-gold-color);
  background-color: var(--bs-gold);
  border-color: var(--bs-gold);
}

.alert-gold {
  color: var(--bs-gold-color);
  background-color: var(--bs-gold);
  border-color: var(--bs-gold);
}
.alert-gold .alert-link {
  color: var(--bs-gold-color);
}

.badge-gold {
  color: var(--btn-gold-color);
  background-color: var(--bs-gold);
}