/*------------------------------------------------------------
PRODUCTS
====================================*/

.product-page {
    .h2 {
        margin-bottom: 1.5rem;
        text-align: center;
    }
}

// Slider
.product-show-images-slider {
    margin-bottom: 2rem;
}

// Resume
.product-show-container {
    margin-bottom: 5rem;
}
.product-resume-info-container {
    .title-wrapper {
        margin-bottom: 1rem;
    }
    .h1 {
        margin: 0;
    }
    .product-ref {
        margin: 0;
        font-weight: $font-weight-light;
        color: $gray-600;
        font-size: $font-size-base;
        line-height: $line-height-base;
    }
    .product-complementary-name {
        font-family: $product-brand-font-family;
        font-weight: $product-brand-font-weight;
        text-transform: uppercase;
    }

    .product-show-reviews {
        display: flex;
        a {
            margin-left: 1.5rem;
        }
    }

    .product-show-price {
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }

    .product-show-short-description-container {
        display: none;
    }

    .product-qty {
        display: flex;
        align-items: center;
        justify-content: space-between;
        .custom-input-number {
            margin-left: 5rem;
        }
    }
}

// Description
.product-description-container {
    text-align: center;
    margin-bottom: 6rem;
}

// Attributes
.product-attributes-container {
    .h2 {
        margin-bottom: 0.5rem;
    }
    margin-bottom: 5rem;
    text-align: left;
}

// Reviews
.product-reviews-container {
    margin-bottom: 6rem;
    text-align: center;
    .h2 {
        margin-bottom: 1rem;
    }
    .btn-sm + .btn-sm {
        margin-top: 1.5rem;
    }
}
.product-reviews-sort-wrapper {
    color: $dark;
    p {
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: $font-weight-bold;
    }
    ul {
        display: flex;
        margin: 0;
        list-style: none;
        font-size: 0.9rem;
    }
    li:not(:last-child) {
        &:after {
            content: '|';
            margin: 0 0.5rem;
        }
    }
    a {
        text-decoration: none;
        color: $dark;
        &.active {
            color: $primary;
        }
        &:hover {
            color: $primary;
            text-decoration: underline;
        }
    }
}
.product-reviews-list-container {
    margin-bottom: 1rem;
}

// Cross-selling
.product-associations-container {
    margin-bottom: 3rem;
}

/* RESPONSIVE */
/***************************************/
@include media-breakpoint-up(md) {
    .product-page {
        .h2 {
            margin-bottom: 2.5rem;
        }
    }

    // Slider
    .product-show-images-slider {
        margin-bottom: 0;
    }

    // Resume
    .product-show-container {
        margin-bottom: 7rem;
    }
    .product-resume-info-container {
        .title-wrapper {
            padding-bottom: 2rem;
            margin-bottom: 2.5rem;
            border-bottom: 0.1rem solid $gray-200;
        }

        .product-show-price {
            margin-top: 1.5rem;
        }

        .product-info {
            max-width: 27rem;
            .btn-block {
                padding: $btn-padding-y 1rem;
            }
        }
    }

    // Attributes
    .product-attributes-container {
        .h2 {
            margin-bottom: 1rem;
        }
        margin-bottom: 9rem;
    }

    // Reviews
    .product-reviews-container {
        margin-bottom: 9rem;
        .h2 {
            margin-bottom: 1.5rem;
        }
        .btn-sm {
            padding: $btn-padding-y $btn-padding-x;
            & + .btn-sm {
                margin-top: 0;
                margin-left: 3rem;
            }
        }
    }
    .product-reviews-sort-wrapper {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 2.5rem;
        p {
            margin: 0 2.5rem 0 0;
        }
        ul {
            display: flex;
            margin: 0;
            list-style: none;
            font-size: 1.4rem;
        }
        li:not(:last-child) {
            &:after {
                margin: 0 0.5rem;
            }
        }
    }
    .product-reviews-sort-wrapper + .product-reviews-list-container {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -1.5rem 3.5rem -1.5rem;
        .product-review {
            flex: 0 0 50%;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            &:nth-child(2) {
                border-top: none;
            }
        }
    }

    // Cross-selling
    .product-associations-container {
        margin-bottom: 6rem;
    }
}
@include media-breakpoint-up(lg) {
    // Resume
    .product-resume-info-container {
        .product-show-short-description-container {
            display: block;
            margin-bottom: 3rem;
        }
    }
}
