/* minimal style form Stinky CMS */

/* le btn browse est désactivé actuellement, remplacé par une dropzone cliquable... */
/*.simple-uploader .pl-browse { cursor:pointer; display:inline-block;
	border:solid 1px black; padding:0 5px; }
.simple-uploader .pl-browse:hover { background-color: #e0e0e0; }*/

.simple-uploader .pl-dropzone { min-height:2rem; background:#e0e0e0;
	cursor:pointer; padding:0.25rem 0 0 .5rem; }
.simple-uploader .pl-dropzone:hover {}
.simple-uploader .pl-dropzone p { margin:0; display:inline-block; }
.simple-uploader .pl-dropzone:hover p { text-decoration: underline; }
/*.simple-uploader .pl-dropzone span { background:white; }*/

/* l'éventuel message d'erreur */
.simple-uploader .msg { display:inline-block; color:red; }

/* les barres de loading*/
.simple-uploader .pl-bars { margin-bottom:1rem; }
.simple-uploader .pl-bars .bar { height: 8px; margin: 1px 0 0 0;
	background-color:red;  }

.simple-uploader .files-list {}
.simple-uploader .files-list ul { padding-left:1rem; margin:0; }
.simple-uploader .files-list li { list-style:none; }
.simple-uploader .files-list li a {}

/* pour les boutons c'est en full-css, on peut mettre de l'icône sans pb */
.simple-uploader .files-list .del_file { margin-right:.25rem; cursor:pointer; }
.simple-uploader .files-list .del_file:after { content:'[-]'; }
.simple-uploader .files-list .ren_file { margin-right:.25rem; cursor:pointer; }
.simple-uploader .files-list .ren_file:after { content:'[…]'; }



/* mode galerie, pas toujours nécessaire */
.simple-uploader.img-galery {}
.simple-uploader.img-galery .files-list ul {}
.simple-uploader.img-galery .files-list li {}
.simple-uploader.img-galery .files-list li.file {}
.simple-uploader.img-galery .files-list li.image { position: relative; }
.simple-uploader.img-galery .files-list li.image img { display:block;
	width:5rem; height:5rem; object-fit: contain; border:solid 1px #e0e0e0; } 

/* pour des btns del/ren au hover, par dessus l'image */
.simple-uploader.img-galery .files-list li.image .btn { position: absolute;
	background:white; left:0; top:0; display:none; }
.simple-uploader.img-galery .files-list li.image .btn.ren_file { left:1.1rem; }
.simple-uploader.img-galery .files-list li.image:hover .btn { display:block; }

/* ça marche mieux en masquant le titre de l'image pour une vraie moz... + flex */
.simple-uploader.img-galery .files-list li.image .name { display:none; }
.simple-uploader.img-galery .files-list li.image:hover .name { display:block;
	position: absolute; left:0; bottom:0; background:white; }
.simple-uploader.img-galery .files-list ul { display:flex; flex-wrap: wrap; }
.simple-uploader.img-galery .files-list li { margin:.25rem; }