//
//    Compare Products Page
//--------------------------------------

body.catalog-product-compare-index {
    .action.print {
        float: right;
        margin: $indent-small 0;
    }
    .table-caption{
        display: none;
    }
}

.table-wrapper.comparison {
    clear: both;
    max-width: 100%;
    overflow-x: auto;
    .table-comparison > tbody > tr{
        > th,
        > td {
            border-top: 0;
        }
    }
}

.table-comparison {
    table-layout: fixed;

    .cell.label.remove,
    .cell.label.product {
        border-bottom: none;
        span {
            display: none;
        }
    }

    .cell.label,
    td:last-child {
        border-right: 1px solid $table-border;
    }

    .cell {
        width: 180px;
        padding: $indent-small;
        .attibute.value {
            width: 100%;
            overflow: hidden;
        }

        &.product.info,
        &.product.label {
            border-bottom: 1px solid $table-border;
        }
        &.label {
            .attribute.label {
                display: block;
                width: 100%;
                word-wrap: break-word;
            }
        }
        &.attribute {
            img {
                max-width: 100%;
                height: auto;
            }
        }
        &.remove {
            padding-top: 0;
            padding-bottom: 0;
            text-align: right;
            .action.delete {

            }
        }
    }

    .product-item-photo {
        display: block;
        margin: 0 auto $indent-small;
    }
    .product-image-photo {
        margin-left: 0;
    }

    .product-item-actions,
    .price-box,
    .product.rating,
    .product-item-name {
        display: block;
        margin: $indent-small 0;
    }

    .product-addto-links {
        margin-top: $indent-small;

        .action.split,
        .action.toggle {
        }

        .action.toggle {
            padding: 0;
        }
    }

    .action {
        &.tocart {
            white-space: nowrap;
        }
    }
}

.comparison.headings {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: auto;
    display: none;
}

