/* Documents Filters */
.m-documents-filters { 
    margin-bottom: 2em; 
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;

    .saved-filter:hover {
        cursor: pointer;
    }

    @media screen and (min-width: 769px) {
        > div { 
            display: inline-block; 
            width: 40%; 
            vertical-align: middle; 
        }
    }
}

/* Document List */
.m-document-list { 
    list-style: none;
    margin: 2em 0;
    padding: 0; 

    @media screen and (min-width: 768px) {
        columns: 2;
    }

    @media screen and (min-width: 1024px) {
        &:not(.prod-docs) {
            columns: 3;
        }
    }

    .m-document-category {
        grid-column: 1 / -1; 
        margin-bottom: 1.25em;
    }

    .m-document {
        display: flex;
    }

    &.prod-docs {
        .m-document {
            margin-bottom: 1rem;
        }
    }

    a { 
        text-decoration: none;
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        margin: 0;
        &:before { 
            content: '';
            height: 25px;
            display: block;
            padding: 1em;
            background-color: #fcfcfc;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 25px;
            background-image: url("../images/pdf_big.webp");
        }

        /* &[href*=".pdf"]:before {  } */

        &[href*=".doc"]:before,
        &[href*=".rtf"]:before, 
        &[href*=".wps"]:before, 
        &[href*=".txt"]:before { background-image: url("../images/word_big.webp"); }

        &[href*=".xls"]:before, 
        &[href*=".csv"]:before, 
        &[href*=".xlw"]:before, 
        &[href*=".xlt"]:before { background-image: url("../images/excel_big.webp"); }
        
        &[href*=".ppt"]:before { background-image: url("../images/powerpoint_big.webp"); }

        &[data-video]:before { background-image: url("../images/video_big.webp"); }

        &:hover { 
            text-decoration: underline;
        }
    }

    .star {
        background-image: url(/images/icons/documentlibrary_icon_star_outline.svg);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 30px;
        padding-right: 35px;

        &.favorited {
            background-image: url(/images/icons/documentlibrary_icon_star.svg);
        }

        &.save-toggle {
            cursor: pointer;
        }
    }

    .m-document-name { 
        font-size: 1.125rem; 
        line-height: normal;
        display: block; 
        align-self: center;
    }
}

/* Documents Legend */
.m-documents-legend {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-left: 0; 
    list-style: none; 
    padding-left: 0; 

    li { 
        padding: .5em 0 .5em 50px; 
        margin-bottom: .5em; 
        background-position: left center; 
        background-repeat: no-repeat; 
        background-size: contain;
    }

    .title { 
        padding: 0; 
    }

    /* Document Icons */
    .icon-word { background-image: url("../images/word.webp"); }
    .icon-pdf { background-image: url("../images/pdf.webp"); }
    .icon-excel { background-image: url("../images/excel.webp"); }
    .icon-powerpoint { background-image: url("../images/powerpoint.webp"); }
    .icon-powerpoint { background-image: url("../images/powerpoint.webp"); }
    .icon-video { background-image: url("../images/video.webp"); }
}

#video-dialog #video-container iframe { min-height: 89vh; height: 100%; }