/*=============================================================================
  COLLECTION BLOCK

  * Shows collection cards on cat page and portals
=============================================================================*/

.collection-block {
    padding-bottom: var(--spacing-04);
}

.collection-block:last-of-type {
    margin-bottom: var(--spacing-10);
}

.collection-block__card-wrapper {
    padding-bottom: var(--spacing-06);
}

.collection-block__card-link {
    display: block;
    color: var(--color-text-link-default);
    height: 100%;
}

.collection-block__card {
    position: relative;
    height: 100%;
    border: var(--border-weight-01) solid var(--color-border-card-default);
    border-radius: var(--border-radius-md);
    background-color: var(--color-surface-primary);
    overflow: hidden;
}

.collection-block__card-link:hover .collection-block__card,
.collection-block__card-link:active .collection-block__card,
.collection-block__card-link:focus .collection-block__card {
    border: var(--border-weight-01) solid var(--color-border-card-hover);
    box-shadow: var(--box-shadow-black);
    color: var(--color-text-link-default);
}

.collection-block__card .row {
    height: 100%;
}

.collection-block__card>.row {
    flex-direction: column;
}

.collection-block__info-wrap {
    align-self: center;
    background-color: var(--color-surface-secondary);
    border-top: var(--border-weight-01) solid var(--color-border-card-default);
    display: flex;
    padding: var(--spacing-03) 0 var(--spacing-03);
}

.collection-block__info {
    display: flex;
    padding: 0 var(--spacing-04) 0 var(--spacing-03);
}

.collection-block__brand-logo {
    width: var(--spacing-16);
    height: var(--spacing-16);
    margin: 0 var(--spacing-04) 0 0;
    padding: 0;
    align-self: top;
    border: var(--border-weight-01) solid var(--color-border-card-default);
    border-radius: var(--border-radius-sm);
    background-color: var(--color-surface-primary);
}

.collection-block__brand-logo-wrap {
    width: var(--spacing-16);
    position: relative;
    margin: auto;
    padding-top: var(--spacing-16);
    overflow: hidden;
}

.collection-block__brand-logo-wrap img {
    position: absolute;
    width: var(--spacing-16);
    top: 0;
    left: 0;
}

.collection-block__title-wrap {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.collection-block__subtitle {
    font: var(--text-title-sm);
    color: var(--color-text-primary-dark);
    padding-bottom: var(--spacing-01);
    text-transform: uppercase;
}

.collection-block__title {
    font: var(--text-title-lg);
    color: var(--color-text-primary-dark);
}

.collection-block__products-wrap {
    background-color: var(--color-surface-primary);
}

.collection-block__products-wrap .row {
    align-items: center;
}

.collection-block__products {
    align-self: center;
    padding: var(--spacing-03) 0;
}

.no-gutters>.col.collection-block__product {
    margin: 0;
    padding-left: var(--spacing-03);
    padding-right: var(--spacing-03);
}

@media screen and (min-width: 576px) {

    .collection-block__product:last-of-type {
        display: block;
    }

}

@media screen and (min-width: 992px) {

    .collection-block__product {
        margin: 0 var(--spacing-03);
    }

}

@media screen and (min-width: 1200px) {

    .collection-block .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

}