.elementor-12070101 .elementor-element.elementor-element-3faaba8:not(.elementor-motion-effects-element-type-background), .elementor-12070101 .elementor-element.elementor-element-3faaba8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9FB;}.elementor-12070101 .elementor-element.elementor-element-3faaba8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 100px 100px 100px;}.elementor-12070101 .elementor-element.elementor-element-3faaba8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12070101 .elementor-element.elementor-element-5d7d53a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12070101 .elementor-element.elementor-element-c1b4436{margin-top:0px;margin-bottom:0px;}.elementor-12070101 .elementor-element.elementor-element-7b472c6 > .elementor-column-wrap > .elementor-widget-wrap{row-gap:0px;column-gap:0px;}.elementor-12070101 .elementor-element.elementor-element-7b472c6 > .elementor-element-populated{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-12070101 .elementor-element.elementor-element-3faaba8{padding:100px 50px 100px 50px;}}@media(max-width:767px){.elementor-12070101 .elementor-element.elementor-element-3faaba8{padding:130px 20px 80px 20px;}.elementor-12070101 .elementor-element.elementor-element-5507e88 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for logia-documents, class: .elementor-element-5507e88 */.elementor-12070101 .elementor-element.elementor-element-5507e88 .filter-group{
    margin-bottom: 0;
}

h1.logia-documents-title {
color: #05131F!important;
font-family: Prototype;
font-size: 1.9rem!important;
text-transform: uppercase;
line-height: 2.2rem;
}

.logia-documents-content {
    margin-top: 50px;
}

@media all and (max-width: 1024px){ 
    
    .logia-documents-container{
        flex-direction:row!important;
    }
    
    .logia-documents-content{
        grid-template-columns: 1fr!important;
        padding:0!important;
    }
    
    
     span.category-info{
        padding-top:10px!important;
        padding-bottom:12px!important;
    }
    
     label{
        padding-top:10px!important;
        padding-bottom:14px!important;
    }
    
    .filter-group h5{
        margin-bottom:15px!important;
    }
}

@media all and (max-width: 767px){ 
    
    .logia-documents-container{
        flex-direction:column!important;
    }
    
    .logia-filters{
        width:100%;
    }
    
   
    
    .logia-documents-content{
        display:flex!important;
        flex-direction:column!important;
    }
    .logia-documents-content .logia-document-card{
        width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-028ae5d */.logia-filters {
    min-width: 30%;
    max-width: 30%;
    transition: opacity 0.3s ease , min-width 0.3s ease;
    overflow: hidden;
    border: none!important;
    padding: 0!important;
}

  .logia-filters.hidden-custom {
      min-width: 0%!important;
      max-width: 0%!important;
       opacity: 0!important;
      pointer-events: none!important;
   }

.logia-documents-content {
    min-width: 70%;
    padding: 0!important;
}

 .logia-filters.hidden-custom ~ .logia-documents-content {
     min-width: 100%;
 }

.openFilter {
    position: fixed;
    left: 0;
    top: 250px;
    background: #05131F;
    border: none;
    color: white;
    width: fit-content;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    transform: translate(-100%);
    transition: transform 0.3s ease-in-out;
   }
   
   .openFilter.active {
        transform: translate(0%);
   }
   
   
   .openFilter i {
       font-size: 1rem;
   }
   
   .openFilter span {
      writing-mode: vertical-rl;
      font-size: 14px;
      letter-spacing: 1px;
      transform: rotate(180deg);
   }

   

#openFilter {
    cursor: pointer;
}

.logia-filters-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 20px;
}

div#btn-menu-filters {
    background: #05131F;   
    width: 47px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    color: white;
    cursor: pointer;
}

div#btn-menu-filters i {
    font-size: 1.5rem;
}

.logia-filters-header h4 {
    flex: 2;
    margin: 0!important;
    height: 47px;
    background: #05131F;
    padding: 15px 15px 10px 15px;
    border-radius: 10px;
    color: white!important;
    font-family: "Area Normal", sans-serif!important;
    font-size: 0.9rem!important;
    font-weight: 400!important;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    user-select: none;
}

.logia-filters-header h4::before {
    content: '\f0b0';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 1rem;
    margin-top: -5px;
}

.logia-filters.hidden-custom ~ .logia-documents-content-parent .logia-documents-content {
    grid-template-columns: 1fr 1fr 1fr!important;
}

.logia-documents-content-parent {
    width: 100%;
}

.filter-group h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter-group details[open] h5::after {
    content: '\f077';
    display: inline-block;
    font-family: 'FontAwesome';  
}

.filter-group h5::after {
    content: '\f078';
    display: inline-block;
    font-family: 'FontAwesome'; 
}

span.filter-badge:hover {
    opacity: 0.7;
}


   
   @media all and (max-width: 1024px) {
    .logia-filters {
        position: fixed!important;
        background: #F9F9FB!important;
        inset: unset!important;
        top: 0!important;
        left: 0!important;
        right: 0!important;
        bottom: 0!important;
        z-index: 999!important;
        max-width: 100%!important;
        width: 100%!important;
        overflow: scroll!important;
        padding: 20px!important;
        padding-bottom: 50px!important;
        opacity: 1!important;
         transition: opacity 0s ease , max-width 0.3s ease!important;
    }
    
    .openFilter {
        top: 250px;
    }
    
    .logia-filters.hidden-custom ~ .logia-documents-content-parent .logia-documents-content {
    grid-template-columns: 1fr 1fr!important;
}





}

@media all and (max-width:767px) {
        .logia-filters.hidden-custom ~ .logia-documents-content {
        grid-template-columns: 1fr!important;
    }
    
    .logia-documents-content-parent {
        padding: 0px 25px;
    }
    
    #openFilter {
        padding: 15px 5px;
    }
}



 span.filter-badge {
    font-family: "Area Normal", sans-serif;
    font-weight: 500;
    line-height: 1.2rem;
    font-size: 0.9rem;
    background-color: #E60209;
    padding: 8px 20px;
    border-radius: 50px;
    color: white;
}



.logia-documents-title-badges {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

button.clear-filters-btn {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    text-align: center;
    text-decoration: underline;
    color: #494949;
    font-family: "Area Normal", sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.1em;
    cursor: pointer;
    transition: color 200ms ease-in-out;
    margin-top: 50px;
}  

.clear-filters-wrapper {
    display: flex;
    justify-content: center;
}

span.filter-badge {
    display: flex;
    flex-direction: row-reverse;
    gap: 0.5rem;
}

span.badge-close {
    font-size: 16px;
}


.filter-group label {
    border:solid 1px lightgrey;
    background-color:#F9F9FB;
}
.filter-group label:hover {
    border:solid 1px black;
}

.filter-group label:has(input:checked){
    border:solid 1px #E60209;
    background-color:  #E60209;
}
.filter-group label:has(input:checked){
    color: white!important;
}
.filter-group label:has(input:checked) input{
    accent-color:white!important;
}
   
 
 
 
 
 
 
  /* code giani */
  
        .logia-documents-container {
            display: flex;
            gap: 50px;
            align-items: flex-start;
        }
        
        /*.logia-filters {*/
        /*    position: sticky;*/
        /*    top: 20px;*/
        /*    flex: 0 0 250px;*/
        /*    padding: 15px;*/
        /*    border: 1px solid #ddd;*/
        /*    background: #f9f9f9;*/
        /*    border-radius: 8px;*/
        /*    max-height: calc(100vh - 40px);*/
        /*    overflow-y: auto;*/
        /*}*/
        
        .logia-filters h4 {
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 16px;
            font-weight: 600;
            color: #212529;
        }
        
        .filter-group {
            margin-bottom: 20px;
        }
        
        .filter-group h5 {
            margin-bottom: 10px;
            font-weight: bold;
            color: #333;
            font-size: 14px;
        }
        
        .filter-group label {
            display: block;
            margin-bottom: 8px;
            cursor: pointer;
            font-size: 14px;
            text-align: left;
            color: #495057;
        }
        
        .filter-group input[type="checkbox"] {
            margin-right: 8px;
        }
        
        .logia-documents-content {
            flex: 1;
            min-width: 0;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
            padding: 20px 0;
        }

        .logia-document-card {
            background: #fff;
            border: 1px solid #e9ecef;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .logia-document-card:hover {
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
            transform: translateY(-2px);
        }

        .logia-document-image {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            padding: 30px;
            text-align: center;
            border-bottom: 1px solid #e9ecef;
        }

        .logia-document-icon {
            display: inline-block;
            opacity: 0.8;
        }

        .logia-document-content {
            padding: 20px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .logia-document-title {
            margin: 0 0 12px 0;
            font-size: 18px;
            font-weight: 600;
            color: #212529;
            line-height: 1.3;
        }

        .logia-document-description {
            flex: 1;
            margin-bottom: 20px;
        }

        .logia-document-description p {
            margin: 0;
            color: #6c757d;
            font-size: 14px;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .logia-document-description .category-info {
            color: #495057;
            font-weight: 500;
            font-size: 13px;
        }

        .logia-document-actions {
            margin-top: auto;
        }

        .logia-download-btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: #333 !important;
            padding: 8px 0;
            text-decoration: none;
            font-weight: 500;
            font-size: 14px;
            transition: all 0.3s ease;
        }

        .logia-download-btn:hover {
            text-decoration: none;
            color: #333 !important;
        }

        .logia-download-btn:hover .download-icon {
            background: #c82333;
            transform: scale(1.1);
        }

        .download-icon {
            background: #dc3545;
            color: white;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            line-height: 1;
            transition: all 0.3s ease;
        }

        .download-text {
            font-weight: 500;
            color: #333;
        }
        
        @media (max-width: 768px) {
            .logia-documents-container {
                flex-direction: column;
            }
            
            /*.logia-filters {*/
            /*    position: relative;*/
            /*    top: auto;*/
            /*    flex: none;*/
            /*    max-height: none;*/
            /*    margin-bottom: 20px;*/
            /*}*/
            
            .logia-documents-content {
                grid-template-columns: 1fr;
                gap: 15px;
            }
            
            .logia-document-image {
                padding: 20px;
            }
            
            .logia-document-content {
                padding: 15px;
            }
        }
        
        /* Afficher tout par défaut */
        .show-all .logia-document-card {
            display: flex;
        }
        
        /* Masquer tout quand des filtres sont actifs */
        .filter-active .logia-document-card {
            display: none;
        }
        
        /* Afficher les éléments qui correspondent à TOUS les filtres sélectionnés */
        .filter-active .logia-document-card.match-all-filters {
            display: flex !important;
        }/* End custom CSS */
/* Start custom CSS for page-settings */nav.breadcrumb{
    display: none;
}

.logia-document-card:hover{
    transform:none!important;
}

.logia-documents-content {
    grid-template-columns: 1fr 1fr!important;
}

/*  */

.logia-document-description p{
    display:flex;
    flex-direction:column;
    gap:0.7rem;
}

.logia-document-description .category-info{
    background-color:#f5f5f5;
    padding:14px 20px 10px 20px;
    border-radius:30px;
    width:fit-content;
    text-transform:lowercase!important;
}

.logia-document-description .category-info::first-letter{
    text-transform:uppercase!important;
}



/*  */

.logia-download-btn {
    transition:color ease-in-out 200ms;
}

.logia-download-btn:hover .download-icon{
    transform:scale(1);
}

.logia-download-btn:hover span.download-text{
    color:#BB0207;
}

/*  */

.filter-group details{
    gap:10px;
    display:flex;
    flex-direction:column;
}

.filter-group summary{
    padding : 15px 15px 2px 15px;
    border-radius:8px;
    background-color:#05131F;
    cursor:pointer;
}

.filter-group summary h5{
    color:white!important;
}

.filter-group label{
    padding : 12px 15px 8px 15px;
    background-color:white;
    border-radius:8px;
    font-weight:500;
    line-height:1.2rem;
    display:flex;
    align-items:center;
    gap:2px;
    user-select:none;
}

.filter-group label input{
    margin-top:-2px;
}

/* */

.filter-group input[type="checkbox"]:checked {
  accent-color: #05131F;
}

.filter-group label{
    text-transform:lowercase!important;
}

.filter-group label::first-letter{
    text-transform:uppercase!important;
}/* End custom CSS */