/* ==========================================================
   WNOZ FILE BROWSER
========================================================== */

.wfb *,
.wfb *::before,
.wfb *::after{
    box-sizing:border-box;
}

.wfb ul,
.wfb li{
    list-style:none !important;
    margin:0;
    padding:0;
}

/* ==========================================================
   LISTY
========================================================== */

.wfb-item{
    display:flex;
    align-items:center;
    margin:0;
    padding:0;
    border-bottom:1px solid #e6e6e6;
}

.wfb-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    width:100%;
    padding:12px 10px;
    color:#333 !important;
    text-decoration:none !important;
    transition:.2s ease;
}

.wfb-link::before,
.wfb-link::after{
    display:none !important;
    content:none !important;
}

.wfb-link:hover{
    background:#f8f8f8;
    color:#137a33 !important;
}

.wfb-link:hover .wfb-icon{
    transform:scale(1.08);
}

.wfb-link:hover .wfb-name,
.wfb-link:hover .wfb-size,
.wfb-link:hover .wfb-folder-meta{
    color:#137a33;
}

.wfb-folder .wfb-link{
    justify-content:flex-start;
}

.wfb-file .wfb-link{
    justify-content:space-between;
}

/* ==========================================================
   LEWA STRONA
========================================================== */

.wfb-left{
    display:flex;
    align-items:center;
    gap:15px;
    min-width:0;
}

.wfb-info{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.wfb-name{
    font-weight:600;
    color:#212529;
    word-break:break-word;
}

.wfb-folder-meta{
    margin-top:4px;
    color:#212529;
    font-size:.9rem;
}

.wfb-size{
    white-space:nowrap;
    color:#666;
    font-weight:600;
    margin-left:20px;
}

/* ==========================================================
   IKONY
========================================================== */

.wfb-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:28px;
    font-size:28px;
    transition:.2s ease;
}

.wfb-folder .fa-folder-open{color:#f4c32f !important;}
.wfb-file .fa-file-pdf{color:#d32f2f !important;}
.wfb-file .fa-file-word{color:#1976d2 !important;}
.wfb-file .fa-file-excel{color:#1D6F42 !important;}
.wfb-file .fa-file-powerpoint{color:#D04423 !important;}
.wfb-file .fa-file-image{color:#388e3c !important;}
.wfb-file .fa-file-archive{color:#f57c00 !important;}
.wfb-file .fa-file-alt{color:#757575 !important;}
.wfb-file .fa-file{color:#4caf50 !important;}

/* ==========================================================
   BREADCRUMBS
========================================================== */

.wfb-breadcrumbs{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:20px;
    font-size:.95rem;
}

.wfb-breadcrumbs a{
    color:#137a33;
    text-decoration:none;
    font-weight:500;
}

.wfb-breadcrumbs a:hover{
    text-decoration:underline;
}

.wfb-home{
    font-size:1rem;
}

.wfb-separator{
    color:#212529;
    user-select:none;
}

/* ==========================================================
   WYSZUKIWARKA
========================================================== */

.wfb-search{
    position:relative;
    margin:20px 0 30px;
}

.wfb-search i{
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    color:#888;
}

.wfb-search-input{
    width:100%;
    padding:12px 18px 12px 45px;
    border:1px solid #ddd;
    border-radius:5px;
    font-size:15px;
    transition:.2s;
}

.wfb-search-input:focus{
    outline:none;
    border-color:#137a33;
    box-shadow:0 0 0 3px rgba(19,122,51,.12);
}

/* ==========================================================
   GALERIA
========================================================== */

.wfb-gallery{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:20px;
}

.wfb-gallery-item{
    display:block;
    overflow:hidden;
    border-radius:10px;
    border:1px solid #ddd;
    transition:.2s;
}

.wfb-gallery-item:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 18px rgba(0,0,0,.12);
}

.wfb-gallery img{
    display:block;
    width:100%;
    height:180px;
    object-fit:cover;
}

/* ==========================================================
   SCROLL
========================================================== */

.wfb-documents,
.wfb-folders{
    max-height:min(70vh,700px);
    overflow-y:auto;
    overflow-x:hidden;
    padding-right:6px;

    scrollbar-width:thin;
    scrollbar-color:#137a33 #f2f2f2;
}

.wfb-documents::-webkit-scrollbar,
.wfb-folders::-webkit-scrollbar{
    width:8px;
}

.wfb-documents::-webkit-scrollbar-thumb,
.wfb-folders::-webkit-scrollbar-thumb{
    background:#137a33;
    border-radius:20px;
}

.wfb-documents::-webkit-scrollbar-track,
.wfb-folders::-webkit-scrollbar-track{
    background:#f2f2f2;
}