.o_worklocation_btn {
    min-height: o-to-rem(20px);
    margin-top: 1em;
    color: var(--body-color);
    .o_worklocation_text, .o_worklocation_line {
        box-shadow: 0 1px 0 rgba(0,0,0, 0.3)
    }
}

.o_worklocation_line {
    height: 3px;
}

.o_homework_multi {
    text-transform: none;
    &.o_homeworking_content .fa {
        height: var(--o-homework-icon-size, 20px);
        aspect-ratio: 1;
        font-size: var(--o-homework-icon-size, 1.2rem);

        &.fa-building:before {
            transform: scale(.8);
        }
    }
}

// ----- View specific
.fc-timeGridDay-view {
    .o_worklocation_btn {
        margin-top: 0px;
    }
}

@include media-breakpoint-down(md) {

    .location_xs_hide {
        display: none !important;
    }

    .fc-timeGridWeek-view .o_homework_multi {
        --o-homework-icon-size: 1rem;

        > span {
            display: none !important;
        }
    }

    .fc-dayGridMonth-view .o_homework_multi {
        --o-homework-icon-size: .75rem;

        > span {
            display: none !important;
        }
    }
}

@for $-i from 1 through length($o-colors-complete) {
    $-color: nth($o-colors-complete, $-i);
    $-color-subtle: tint-color($-color, 65%);

    .o_homework_multi {
        .wl_color_#{$-i - 1} {
            color: shade-color($-color, 10%);
            background-color: $-color-subtle;
            border-color:  $-color-subtle !important;
        }
    }
    .o_homework_single {
        .wl_color_#{$-i - 1} {
            background-color: $-color-subtle;
        }
    }
}
