/*
 Theme Name:   WE JUNE Agency - Digital Signage
 Theme URI:    https://we-june.com
 Description:  Template mis à disposition de nos clients DIGITAL SIGNAGE
 Author:       WE JUNE Agency
 Author URI:   https://we-june.com
 Version:      1.0.0
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

:root {
   --success: green;
   --warning: goldenrod;
   --danger: red;
   --info: cyan;
   --light: #DEDEDE;
   --light2: #FAFAFA;
   --white: #FFFFFF;
   --dark: #000000;

   --primary: #FD6900;
   --primary-light: #FFEEE5;
   ;
}

/* GENERAL */
html,
body {
   overflow: hidden !important;
}

.bg1,
.bg-hot {
   background: var(--primary);
}

.bg-green {
   background: var(--success);
}

.bg-hot-light {
   background: var(--primary-light);
}

.text-hot {
   color: var(--primary);
}

.screen-title,
.screen-title-light {
   padding: 1rem;
   color: var(--primary);
   font-weight: bold;
   text-transform: uppercase;
   font-size: 1.8rem;
   text-align: center;
}

.screen-title-light {
   background: var(--light);
}

.table>:not(caption)>*>* {
   border: none !important;
}

/* INVENTAIRE */
#inventaire #photo {
   text-align: center;
}

#inventaire #photo img {
   max-height: 100px;
   margin: 0 auto;
}

#inventaire .slick-initialized .slick-slide {
   display: flex;
}

/* STOCKS */
#stock table.table-list div.slick-track {
   display: flex;
   min-width: 100% !important;
}

#stock table.table-list tbody.group-items-table {
   flex-basis: 50%;
}

#stock table.table-list tbody.group-items-table tr {
   display: flex;
   border-bottom: 1px solid grey;
   padding: 7.5px 0;
}

#stock table.table-head thead th.numero,
#stock table.table-list tbody.group-items-table td.numero {
   flex-basis: 12.5%;
}

#stock table.table-head thead th.article,
#stock table.table-list tbody.group-items-table td.article {
   flex-basis: 40%;
}

#stock table.table-head thead th.categorie,
#stock table.table-list tbody.group-items-table td.categorie {
   flex-basis: 20%;
}

#stock table.table-head thead th.quantite,
#stock table.table-list tbody.group-items-table td.quantite {
   flex-basis: 10%;
}

#stock table.table-head thead th.prix,
#stock table.table-list tbody.group-items-table td.prix {
   flex-basis: 7.5%;
}

#stock table.table-head thead th.date-controle,
#stock table.table-list tbody.group-items-table td.date-controle {
   flex-basis: 10%;
}

/* SLIDE SECURITE */

/* POUBELLES */
section#poubelles article#poubelle-item.card {
   text-transform: uppercase;
}

section#poubelles article#poubelle-item.card header span {
   display: block;
}

section#poubelles #type-poubelle img.icon {
   min-height: 50px;
}

section#poubelles #type-poubelle span {
   display: block;
}

section#poubelles #type-poubelle span#rest {
   color: #4A4B4D;
}

section#poubelles #type-poubelle span#gft {
   color: #60D67C;
}

section#poubelles #type-poubelle span#papier {
   color: #C48958;
}

section#poubelles #type-poubelle span#pmc {
   color: #3E9FE0;
}

section#poubelles #type-poubelle span#noel {
   color: #388E3C;
}

/* TACHES */
#taches {
   min-height: 450px;
   max-height: 450px;
}

#taches .list {
   position: relative;
   margin-left: 8.33333333%;
}

#taches .list:nth-child(even) {
   margin-left: 16.66666667%;
}

#taches .list::before {
   content: '';
   display: inline-block;
   width: 1rem;
   height: 1rem;
   background: url('img/ecran-securite/icons/checklist.svg') no-repeat center center / contain;
   position: absolute;
   left: -1.5rem;
   top: 0;
   bottom: 0;
}

/* ANNIVERSAIRE */
aside#anniversaires {}

/* FULLSCREEN MEDIAS */
body.page-template-fullscreen-media {
   background: black;
}

#fullscreenMedia img.img-fullscreen-mode {
   object-fit: contain;
   object-position: center center;
   height: 100vh;
   width: 100%;
   max-width: 100%;
}

#fullscreenMedia iframe {
   min-height: 100vh;
   min-width: 100%;
}

/* LOADER */
#loader-area {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 100%;
   position: fixed;
   inset: 0;
   z-index: 99;
   background: white;
   flex-direction: column;
}
#loader-area img {
   margin-bottom: 25px;
}
#loader {
   z-index: 1;
   width: 120px;
   height: 120px;
   border: 16px solid var(--light);
   border-radius: 50%;
   border-top: 16px solid var(--primary);
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite;
 }
 
 @-webkit-keyframes spin {
   0% { -webkit-transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); }
 }
 
 @keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }