@import (reference) "bootstrap.less";  
@import (reference) "Onestop.Common.Variables.less";
@import (reference) "Onestop.Common.Mixins.less";

.os-product-details {
    .btn-size-chart {
        &:focus, &:active {
            outline: 0;
        }
    }
    .os-item-detail {
        .price-row {
            border-top:1px solid #e6e6e6;
            padding-top:15px;
        }

        .qty-div {
            > div {
                clear: both;
            }

            b {
                font-size:12px;
            }
        }

        .price-div {
            @media (max-width: @screen-sm) {
                text-align: left;

                span {
                    padding-left: 10px;
                }
            }
        }
    }
}

.os-product-actions {
    @os-product-action-ruleset();
    margin-bottom: 0;
}

.os-cta-addtocart, .btn-checkout {
    background: @peba-blue;
    border: 1px solid @peba-blue;
    border-color: @peba-blue;
    &:hover {
        background:#fff;
        color: @peba-blue;
        border:1px solid @peba-blue;
    }

    &:focus {
        background: @peba-blue;
        border: 1px solid @peba-blue;
        outline:5px auto @peba-blue;
        color:#fff;
    }
}

.btn-checkout {
    display:none;

}

.btn-checkout.checkout-ready {
    display:block;
}

.pdp-suggestions, .pdp-recently-viewed {
    margin-top:50px;

    h4 {
        color: @peba-blue;
        text-align:center;
        text-transform:uppercase;
    }
} 

.processing-text {
    display:none;
}

.processing-text.processing {
    display:inline;
}

.os-products {
    .os-item-summary {
        .os-product-price {
            .sale {
                color: red;
            }
        }
    }
}

.product-details-page {

    .zone-breadcrumb {
        ul.breadcrumb {
            background-color: transparent;
        }
    }

    .widget-size-chart-modal {
        .modal-content {
            padding: 0 10px;

            .underline {
                margin-top: 5px;
                margin-bottom: 0;
            }

            h6 {
                margin-top: 5px;
            }

            thead {
                background-color: #002d5f;
                color: #fff;
                font-size: 1.2em;

                td {
                    vertical-align: middle;
                }
            }
        }
    }

    .controller-product {
        .os-item-detail {
            padding-left: 30px;

            .os-product-name {
                color: #002d5f;
                font-weight: bold;
                font-size: 1.1em;
                text-transform: uppercase;
            }

            .os-product-description {
                font-size: 0.9em;
            }

            .os-cta-readmore {
                display: none;
            }

            .os-product-price {
                .sale {
                    color: red;
                }
            }

            .os-product-actions {
                .os-cta-add-wishlist {
                    display: none;

                    &:focus, &:active {
                        outline: 0 !important;
                    }
                }

                .btn-size-chart {
                    &:focus, &:active {
                        outline: 0 !important;
                    }
                }
            }
        }

        .os-product-details-tabs {
            display: none;
        }
    }
}

.peba-recommendation {
    margin-bottom: @grid-gutter-width * 2;

    > h4 {
        font-size: 1.5em;
        text-transform: uppercase;
        color: #002d5f;
        text-align: center;
        margin-top: 20px;

        font-weight: bold;
    }

    .os-products {
        .product-list-item {
            padding-top: 0;

            .make-md-column(4);

            .os-item-media {
                width: 100%;

                .os-media-primary {
                    img {
                    }
                }

                .os-media-alternate {
                    display: none;
                }
            }

            .os-item-detail {
                display: none;
            }

            .os-item-summary {
                text-align: center;
                margin-top: 0;

                a {
                    padding: 0 20px;
                    color: #000;
                    font-size: 0.8em;
                }
            }
        }
    }
}
.os-products > .os-item, 
.os-products > .os-product {
    .os-make-sm-ruleset({
        /*.box-sizing(border-box);*/        
        width: percentage(4 / @grid-columns);
    });

    .os-make-md-ruleset({
        width: percentage(3 / @grid-columns);
    });
}

/*.product-list-page {
    #loaded-products {
        .product-list-item {
            .make-xs-column(6);
            .make-sm-column(4);
            .make-md-column(3);
            
        }
    }
}*/

.os-product-color > ul > li > a > img {
    width: 16px;
    height: 16px;
}