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

.product-page {
    .h2 {
        margin-bottom: 15px;
        text-align: center;
    }
}

// Slider
.product-show-images-slider {
    margin-bottom: 20px;
}
.product-show-images-thumbnail {
    display: none;
}

// Resume
.product-show-container {
    margin-bottom: 50px;
}
.product-resume-info-container {
    .title-wrapper {
        margin-bottom: 10px;
    }
    .h1 {
        margin: 0;
    }
    .product-ref {
        margin: 0;
        font-weight: $font-weight-light;
        color: $gray-600;
    }
    .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: 15px;
        }
    }

    .product-show-price {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .product-price {
        font-size: 15px;
        span {
            font-size: 20px;
        }
    }
    .product-price-old {
        margin-left: 15px;
        font-size: 14px;
    }

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

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

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

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

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

// Cross-selling
.product-associations-container {
    margin-bottom: 30px;
}

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

    // Slider
    .product-show-images-slider {
        margin-bottom: 0;
    }
    .product-show-images-thumbnail {
        display: block;
        margin-top: 20px;
        .slick-list {
            margin: 0 -15px;
        }
        .slick-slide {
            margin: 0 15px;
        }
    }

    // Resume
    .product-show-container {
        margin-bottom: 70px;
    }
    .product-resume-info-container {
        .title-wrapper {
            padding-bottom: 20px;
            margin-bottom: 25px;
            border-bottom: 1px solid $gray-200;
        }

        .product-show-price {
            margin-top: 15px;
        }
        .product-price {
            font-size: 20px;
            span {
                font-size: 28px;
            }
        }
        .product-price-old {
            font-size: 16px;
            span {
                font-size: 20px;
            }
        }

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

    // Attributes
    .product-attributes-container {
        .h2 {
            margin-bottom: 10px;
        }
        margin-bottom: 90px;
    }

    // Reviews
    .product-reviews-container {
        margin-bottom: 90px;
        .h2 {
            margin-bottom: 15px;
        }
        .btn-sm {
            padding: $btn-padding-y $btn-padding-x;
            & + .btn-sm {
                margin-top: 0;
                margin-left: 30px;
            }
        }
    }
    .product-reviews-sort-wrapper {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 25px;
        p {
            margin: 0 25px 0 0;
        }
        ul {
            display: flex;
            margin: 0;
            list-style: none;
            font-size: 14px;
        }
        li:not(:last-child) {
            &:after {
                margin: 0 5px;
            }
        }
    }
    .product-reviews-sort-wrapper + .product-reviews-list-container {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px 35px -15px;
        .product-review {
            flex: 0 0 50%;
            padding-left: 15px;
            padding-right: 15px;
            &:nth-child(2) {
                border-top: none;
            }
        }
    }

    // Cross-selling
    .product-associations-container {
        margin-bottom: 60px;
    }
}
@include media-breakpoint-up(lg) {
    // Slider
    .product-show-images-thumbnail {
        .slick-list {
            margin: 0 -30px;
        }
        .slick-slide {
            margin: 0 30px;
        }
    }

    // Resume
    .product-resume-info-container {
        .product-show-short-description-container {
            display: block;
            margin-bottom: 30px;
        }
    }
}
