@import "../variables";
@import "../mixins";

$bookdashboard_albumthumbheight: 66px;
$bookdashboard_albumthumbwidth: 46px;

.Bookdashboard {
    display: flex;
    flex-direction: row;
    padding-bottom: $offset_main * 5;
}

.Bookdashboard-section {
    @include base-container(main);
}

.Bookdashboard-view-all {
    white-space: nowrap;
}

.Bookdashboard-newsrow {
    margin-bottom: $offset_main;
}

.Bookdashboard-update {
    margin-bottom: $offset_main * 2;
    width: 70%;

    &:last-child {
        margin-bottom: 0;
    }
}

.Bookdashboard-select {
    width: 100%;
}

.Bookdashboard-salesformitem {
    flex-grow: 1;
    max-width: $select_filter_default_width;
}

.Bookdashboard-albumcoverthumb {
    border: $border_main;
    height: $bookdashboard_albumthumbheight;
    width: $bookdashboard_albumthumbwidth;
    z-index: 1;
}

.Bookdashboard-main {
    width: (100% / 3) * 2;
}

.Bookdashboard-aside {
    padding-left: $offset_main;
    width: (100% / 3);
}

.Bookdashboard {
    .Table-controls-top {
        margin-bottom: $offset_main;
    }
}

.Bookdashboard-topbooks-filter {
    width: $select_filter_default_width;
}

.Bookdashboard-catalogsummary-wrapper {
    display: flex;
    flex-direction: row;
}

.Bookdashboard-catalogsummarylink {
    @include separated-item(secondary, true);

    flex-grow: 1;
    padding-bottom: $offset_main * .5;
    position: relative;
    text-align: center;

    &:hover,
    &:focus,
    &:active {
        text-decoration: none;
    }
}

.Bookdashboard-catalogsummary-count {
    font-size: 24px;

    .Bookdashboard-catalogsummarylink:hover &,
    .Bookdashboard-catalogsummarylink:focus & {
        text-decoration: underline;
    }

    .Bookdashboard-catalogsummarylink:active & {
        text-decoration: none;
    }
}

.Bookdashboard-catalogsummary-title {
    @include label(large);

    display: block;
    margin-bottom: $offset_main;
}

.Bookdashboard-catalogsummary-help {
    margin-top: $offset_main;
}