/*  ----------------------------------------------------------------------------
    This file will load automatically when the Wokiee theme is active. You can use it
    for custom CSS.
*/

/* Align Entries with header icons */
.tt-desctop-parent-points.tt-parent-box,
.tt-mobile-parent-points.tt-parent-box {
  display: flex;
  align-items: center;
  height: 100%;
  vertical-align: middle;
}

.tt-desctop-parent-points .tt-points-link,
.tt-mobile-parent-points .tt-points-link {
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 1;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

.tt-desctop-parent-points .tt-points-link {
  transform: translateY(1px);
}

/* Desktop: keep Entries in the same row and vertically centered */
.tt-desctop-parent-points.tt-parent-box{
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;       /* don't stretch */
  white-space: nowrap;  /* prevent wrapping */
}

.tt-desctop-parent-points .tt-points-link{
  display: inline-flex;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
}

/* Mobile: hide it so it doesn't wrap under icons */
@media (max-width: 1024px){
  .tt-desctop-parent-points{
    display: none !important;
  }
}

.tt-points-label { margin-left: 4px; }

.tt-points-wrap{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.tt-points-badge{
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.tt-product-entries{
  font-size: 25px;
  opacity: .75;
  margin-top: 4px;
}