/*
 * @about: Front-end CSS for shopping cart related products
 */

.mw-sc-related-products {
    margin-top: 1em;
    padding: 1em 0;
    border-top: 1px solid #eee;
    overflow: hidden;
}

.mw-sc-product-list {
    margin: 1em 0 0;
    padding: 0;
    list-style: none;
}

.mw-sc-product-list li {
    position: relative;
    display: inline-block;
    overflow: hidden; /** Image must stay within borders */
    margin: 0 1em 1em 0;
    padding: 10px;
    width: 120px;
    border: 1px solid #eee;
    border-radius: 2px;
    text-align: center;
    color: #333;
    background: #fcfcfc;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.1);
    zoom: 1; /** IE layout fix */
}

.mw-sc-product-list li:hover {
    border-color: #bbb;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);
}

.mw-sc-product-list a {
    color: #333;
    text-decoration: none;
}

/** Flexbox used to give the product list-items the same height */
.mw-sc-product-list,
.mw-sc-product-list li {
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    -moz-display: inline-block;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
}

.mw-sc-product-list img {
    margin-bottom: 1em;
}

.mw-sc-product-list h3 {
    width: 100%;
    min-height: 2.8em;
    font-weight: normal;
    font-size: 1.1em;
    line-height: 1.3em;
}

.mw-sc-packing-entity {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: .5em;
}

.mw-sc-order-block {
    align-self: flex-end; /** align the order button on the same horizontal line */
}

.mw-sc-add-to-cart-button {
    margin: 1em 0 .5em;
    padding: 2px 4px;
}

.mw-sc-times {
    color: #888;
}

.mw-sc-product-list input {
    width: 2em;
}