/*- SIDEBAR HEIGHT -*/
.sidebar-brand {
    height: 3.55rem;
}

/*- APP CONTAINER —*/
.app-content {
    padding: 0 1rem;
}

/*— PRODUCT IMAGE —*/
.product-image {
    max-height: 500px;
}

/*— THUMBS CONTAINER —*/
.product-image-thumbs {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
    scrollbar-width: thin;
    scrollbar-color: #adb5bd transparent;
}

@media (min-width: 576px) {
    .product-image-thumbs {
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 520px;
    }
}

.product-image-thumb {
    margin:0 1rem 1rem 0;
    max-width: 6rem;
    max-height: 6rem;

    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
    transition: border 0.2s ease, box-shadow 0.2s ease;
}

.product-image-thumb.active {
    border: 2px solid var(--bs-secondary);
    /*box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);*/
}

.product-image-thumb img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit:contain;
}

/*- OPTIONAL: hide scrollbars in browsers webkit —*/
.product-image-thumbs::-webkit-scrollbar {
    width: .4rem;
    height: .4rem;
}

.product-image-thumbs::-webkit-scrollbar-thumb {
    background: #adb5bd;
    border-radius: .25rem;
}

/*— PRODUCT RATING —*/
.rating-stars {
   color: #ffd700;
}

/*— AMAZON BUTTON —*/
.amazon-button {
   background-color: #ff9900;
   border: none;
   padding: 12px 24px;
   border-radius: 6px;
   color: white;
   font-weight: bold;
   text-transform: uppercase;
   transition: transform 0.2s;
}

.amazon-button:hover {
    transform: translateY(-2px);
    background-color: #EE8800;
    color: white;
}

/*— CARDS —*/
.card-title {
    font-size: 1.75rem;
}

.img-size-50 {
    height: 50px;
    object-fit: contain;
}

.carousel-indicators {
    margin-bottom: -1rem;
}

.carousel-indicators [data-bs-target] {
    background-color: var(--bs-primary);
}

.img-box {
  aspect-ratio: 5 / 4;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.product-img {
  max-width: 90%;
  max-height: 70%;
  object-fit: contain;
}

.truncate-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-3-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-footer {
  grid-area: #{$lte-prefix}app-footer;
  width: inherit;
  max-width: 100vw;
  min-height: 3rem;
  padding: $lte-app-footer-padding;
  color: $lte-app-footer-color;
  background-color: $lte-app-footer-bg;
  border-top: $lte-app-footer-border-top;
  @include transition($lte-transition-speed $lte-transition-fn);
}

.fixed-footer {
  .app-footer {
    position: sticky;
    bottom: 0;
    z-index: $lte-zindex-fixed-footer;
  }
}

.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

.sidebar-brand .brand-link .brand-image {
  max-height: 24px;
}