/**
 * Theme Name: Charcoal Architecture
 * Description: Thème enfant de Blocksy
 * Author: Antoine TIGNON
 * Template: blocksy
 * Text Domain: blocksy
 * Author URI: https://antoinetignon.com
 */


@media (max-width: 1000px) {
    .reverse-mobile {
        flex-direction: column-reverse;
    }
}




.ct-related-posts-items article{
    border:solid 2px;
    padding:0px !important;
    margin:10px;
}


.ct-related-posts-items article .ct-media-container{
    border-radius:0px;
}

.related-entry-title{
padding:0 20px 20px 20px;   
}



@media(min-width:1000px){
.image-hero-home{
    margin-bottom:-300px !important;
    position:relative !important;
    z-index:9!important;
}
}



.ct-icon-container{
    border-radius:0px !important;
}








.wp-block-pb-accordion-item{
    border: solid 2px #000 !important;
    background-color:#FFF;
}

.c-accordion__title {
    padding:0.5rem 1rem
}


.c-accordion__title:after{
    color:#000;
    font-size:1rem !important;
    right:1rem
}


.c-accordion__title:hover {
    background-color:#000;
        color:#FFF;
}


.c-accordion__title:hover:after{
    color:#FFF;
}

.is-open .c-accordion__title {
    background-color:#000;
    color:#FFF;
}


.is-open .c-accordion__title:after{
    color:#FFF;
}


.c-accordion__content {
    padding:0.5rem 1rem
}





.col-img,.col-banner {
    align-self: stretch !important
}

.col-img figure,.col-img img {
    height:100%;
    object-fit: cover !important;
    width: 100% !important;
    padding: 0 !important
}

@media (max-width:780px){
    .col-img figure,.col-img img{
        height:unset !important;
    }
}


.ct-header-search {
    padding:10px !important;
    border:solid 1px #FFFFFF !important;
    margin-right:0px !important;
}

.wp-block-button, .entry-button{
    text-transform:uppercase !important;
}

.liste_caracteristiques_projet{
    display: flex;
    flex-wrap: wrap !important; 
    justify-content: flex-start !important;
    padding: 0 20px 20px 20px;
}

.liste_caracteristiques_projet {
    gap: 20px !important    ;
}


.liste_caracteristiques_projet .wp-block-column{
            border:solid 2px;
    flex: 1 1 18% ;
    box-sizing: border-box;
}


.liste_caracteristiques_projet .wp-block-column:nth-child(1),.liste_caracteristiques_projet .wp-block-column:nth-child(2),.liste_caracteristiques_projet .wp-block-column:nth-child(3){
        flex: 1 1 25%;
}


.liste_caracteristiques_projet .wp-block-column:nth-child(4),.liste_caracteristiques_projet .wp-block-column:nth-child(5){
    flex: 1 1 40%;
}

.liste_caracteristiques_projet .wp-block-column:nth-child(6),.liste_caracteristiques_projet .wp-block-column:nth-child(7),.liste_caracteristiques_projet .wp-block-column:nth-child(8){
        flex: 1 1 25%;
}




@media (max-width:800px){
    
    .liste_caracteristiques_projet{

    }
.liste_caracteristiques_projet{
    display:flex; 
    flex-wrap:nowrap !important;
    overflow-x:scroll;
        padding:20px;
}
.liste_caracteristiques_projet .wp-block-column{
    min-width:50vw; !important;
}
    
}
    









/* Style pour la liste des projets */


@media(min-width:1000px){
    .liste-projets-scroll-x{
            max-width:1290px !important;
        }
}

@media (max-width:1000px){
    
.liste-projets-scroll-x{
    padding:0ppx !important;  
}
}

.projets-table {
    display: flex;
    flex-direction: column;
}
.projet-header, .projet-row {
    display: flex;
    align-items: center;
}
.projet-column {
    display:flex;
    flex:1;
    padding: 10px;
    text-align: left;
}



.sortable {
    cursor: pointer;
    position: relative;
    padding-right: 20px; /* Laisse de la place pour l'icône */
}
.projet-row {
    transition: background-color 0.2s ease;
    text-decoration: none;
}

.projet-row a{
    display:flex;
    align-items:center;
      flex-grow: 1;
    
}
.projet-row:hover {
    background-color: #e1e1e1;
}

.white-row {
    background-color: #FFF;
}
.grey-row {
    background-color: #F1F1F1;
}

.projet-image{

}

.projet-image img {
    aspect-ratio:4/3 !important;
    width:100% !important
height:100%;
    object-fit: cover;

}
.projet-header .projet-column {
    font-family:ct_font_dream__oprhans, Sans-Serif;
    font-weight: bold;
    background-color: #000000;
    color: #FFFFFF;
    border-left:solid white 1px;
}
.projet-image-header.sortable{
     border-left:solid #000 1px !important;   
}

#tableau-projets{
    border: solid 2px #000;
}

a.projet-row {
    display: flex;
    align-items: center;
    color: inherit; /* Inherit link color to maintain styling */
}

/* Ajout des icônes pour le tri croissant et décroissant */
.sortable::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-top-color: transparent; /* Par défaut, aucune icône affichée */
}

.sortable.sort-asc::after {
    border-top-color: #FFFFFF; /* Flèche vers le haut pour tri croissant */
    border-bottom: none;
}

.sortable.sort-desc::after {
    border-bottom-color: #FFFFFF; /* Flèche vers le bas pour tri décroissant */
    border-top: none;
}

/* Changement de couleur au survol */
.sortable:hover {
    background-color: #333333;
}











@media (max-width:1000px){
/* Conteneur du tableau permettant le défilement horizontal sur mobile */
.table-wrapper {
    overflow-x: auto; /* Permet le défilement horizontal */
    width: 100%; /* Le conteneur prend toute la largeur disponible */
}

.projets-table {
    width: 1000px; /* Largeur minimale du tableau pour conserver la taille de PC */
    /* Le tableau ne sera pas redimensionné sur mobile */
}

.projet-row, .projet-header {
    display: flex;
    align-items: center;
    width: 100%; /* Assurer que les lignes prennent toute la largeur */
}

.projet-column {
    flex: 1;
    padding: 10px;
    text-align: left;
    box-sizing: border-box;
}
}


/* STYLE SEARCH PROJET */

#search-projets, #search-projets input{
margin-bottom:0px !important;   
    background-color:#FFF;
    min-height:46px !important;
}



/* STYLE FILTRAGE AVANCÉ */

#projets-filters select{
    background-color:#FFF !important; 
}

#projets-filters #reset-button{
    font-size:12px;
text-transform:uppercase;
    font-weight:bold;
background-color:#000;
    color:#FFF;
}

#projets-filters #reset-button:hover{
    cursor:pointer;
background-color:#252526;
}

#projets-filters {
    display: flex;
    flex-wrap: wrap;
    align-items:end !important;
    gap: 20px !important;
}

.filter-group {
    flex: 1 1 calc(25% - 20px) !important;
}

.filter-group select, .filter-group button {
    width: 100%;
    padding: 0 10px;
    font-size: 16px;
    box-sizing: border-box;
}

/* Adaptation pour les petits écrans (mobile) */
@media (max-width: 768px) {
    .filter-group {
        flex: 1 1 100% !important; /* 100% de largeur sur mobile */
    }
}








.entries article .entry-button{
width:100%;
}
@media (max-width:1000px){
    


.entries{
    display:flex;
    flex-wrap:nowrap;
    overflow-y:scroll;
}

.entries article{
    min-width:65vw;
    padding: 20px !important;
    overflow:hidden;
}



}