/* Plik: _files/css/custom.css */

/* Domyślny stan: NIEWIDOCZNY i ukrywa się NATYCHMIAST (0s) */
#files {
    opacity: 0;
    transition: opacity 0s; 
}

/* Stan po posortowaniu: WIDOCZNY i pojawia się PŁYNNIE (0.5s) */
body.custom-sorted #files {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}


.my-header {
	padding: 0;
	color: white;
	width: 100%;
	background-image: url('../okladka.jpg');
	background-position: center;
	background-size: cover;
}

.swal2-image {
  object-fit: cover;
  aspect-ratio: 16 / 9;
  width: 100%; 

}

.my-header-cover {

	min-height: 200px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #00000085;
}


.my-header-flex {
}

.credit {
	text-align: right;
	padding: 10px; 
	background: rgb(12 12 12 / 77%);

}


.my-title {
	display: block;
	text-align: center;
	font-size: 28px;
	padding-top:0px;
	font-weight: bold;
}

.my-subtitle {
	display: block;
	text-align: center;
	font-size: 30px;
	padding-top:5px;
	font-weight: 500;
}
.my-info {
	display: block;
	text-align: center;
	font-size: 15px;
	padding-top: 5px;
    color: #d3d3d3;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    text-shadow: 1px 1px 7px black;
}

.my-info a {
    margin: 5px 10px; 
}

.my-info a:hover {
    color: #c99037;
}

.my-logo {
    text-shadow: 1px 1px 7px black;
	max-width: 500px;
	margin:0 40px;
}


.credit-flex {
	justify-content: center;
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 0 10px 0 10px;
}

.credit-left {

}

.credit-right {


}
.menu-enabled.sidebar-closed #topbar-top {
    padding-left: 10px!important;
}

#sidebar-toggle {    background-color: hsl(35.34deg 56.71% 45.99%)!important;}

#topbar-breadcrumbs {}
#search-container   {}
#change-layout, #change-sort>button {}
.pswp__caption {display: none;}

/*
#topbar {
	display: none;
}
#files {
  -files-data-display-hover: none;
}*/
/* hide the title for COLUMNS layout */
/*.files-columns .files-data {
  display: none; } */


.name {
    color: #fff !important;
    font-weight: 500 !important;
}

@supports (aspect-ratio: 1) {
.files-folder-preview {
aspect-ratio: 1.2;
max-height: 100%;
}
}
.files-folder-preview {
position: absolute;
box-shadow: 0 2px 10px -5px #000;
object-position: var(--img-object-position, 50% 25%);
object-fit: cover;
opacity: 0;
transition: opacity .2s;
width: var(--folder-preview-width, 95%);
left: var(--folder-preview-left, 50%);
top: var(--folder-preview-top, calc(50% - 15px));
transform: translateX(-50%) translateY(var(--folder-preview-translateY, -55%));
}

.files-rows .files-a {
    flex-basis: calc(var(--ratio, 1) * var(--rows-size, 150px));
    flex-grow: var(--rows-flex-grow, 1);
    height: var(--rows-height, auto);
    margin: 0 var(--rows-space, calc((8% + var(--rows-size, 150px)) / 1000 * var(--rows-space-factor, 50))) var(--rows-space, calc((8% + var(--rows-size, 150px)) / 1000 * var(--rows-space-factor, 50))) 0;
    border-radius: var(--rows-border-radius, 3px);
}

.files-grid .name, .files-rows .name, .columns-noinfo .name {
    margin-bottom: 5px;
}
@supports (min-height: 100svh) {
    #main {
        margin-bottom: 50px;
    }
}




#files {

  --rows-size: 300px!important;

}

@media (max-width: 662px) {

.files-rows:after {
    content: "";
    flex-grow: 0;
}

}