@import "../utils/_index";

.single-logement {
    .elementor-swiper-button-prev {
        left: -8px !important;
    }
    
    .elementor-swiper-button-next {
        right: -8px !important;
    }
    
    .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 350px !important; /* même hauteur pour tous les slides */
      
      .swiper-slide-inner {
          width: 100%;
          height: 100%;
          
          img {
            height: 100%;
            width: 100%;
            object-fit: cover;
          }
      }
    }
    .accomodation-specs {
        height: fit-content;
        
        &>div {
            height: fit-content;
        }
    }
    
    .no-prices {
        font-size: 18px;
    }
    
    .minimum-price {
        margin: 0;
        color: white;
        line-height: 1;
        font-weight: bold;
        font-size: 50px;
    }
    
    .tableau-prix {
        thead {
            tr {
                background-color: #FCFCFC;
                
                th {
                    font-size: 16px;
                    text-align: left;
                }
            }
        }
        
        tbody {
            tr {
                &:nth-child(odd) {
                    background-color: rgba(@pine, 0.3);
                }
                
                &:nth-child(even) {
                    background-color: #FCFCFC;
                }
                
                td {
                    font-size: 15px;
                }
            }
        }
        
    }
    
    .disponibilites-container {
        .elementor-widget-html {
            width: 100%;
            
            .rdp-months {
                max-width: 100%;
                width: 100%;
                
                .rdp-month {
                    width: 100%;
                    
                    .rdp-button_previous, .rdp-button_next {
                        background-color: @pine;
                        border-color: @pine;
                        aspect-ratio: 1;
                        
                        &:hover {
                            background-color: @pine-pastel;
                            border-color: @pine-pastel;
                        }
                    }
                    
                    .rdp-month_grid {
                        table-layout: fixed;
                        
                        th {
                            border: 0;
                            font-weight: bold;
                        }
                        
                        .rdp-week {
                            height: 70px;
                            .rdp-day {
                                width: auto;
                                height: 70px;
                                padding: 0;
                                overflow: hidden;
                                vertical-align: middle;
                                background-color: white;
                                
                                &.rdp-outside {
                                    background-color: rgba(128, 128, 128, 0.1);
                                    
                                    &.rdp-pastDates {
                                       .rdp-day_button {
                                            background-color: transparent;
                                        } 
                                    }
                                    
                                   .rdp-day_button {
                                        background-color: transparent;
                                        color: #BDBDBD;
                                    } 
                                }
                                
                                &.rdp-pastDates {
                                   .rdp-day_button {
                                        background-color: rgba(128, 128, 128, 0.1);
                                        color: #BDBDBD;
                                    } 
                                }
                                
                                &.rdp-selected {
                                    .rdp-day_button {
                                        background-color: rgba(@pine, 0.3);
                                        color: white;
                                    }
                                }
                                
                                .rdp-day_button {
                                    width: 40px;
                                    margin-left: 28%;
                                    height: 40px;
                                    background-color: @pine;
                                    border-radius: 9999px;
                                    padding: 0;
                                    line-height: 70px; /* optionnel pour centrer le texte verticalement */
                                    display: flex;
                                    color: white;
                                    position: relative;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.post-type-archive-logement {
    .actu-grid {
        &-logements {
            .elementor-loop-container {
                .e-loop-item:first-child {
                    grid-row: span 2 / span 2;
                    
                    @media (max-width: 1024px) {
                        grid-row: span 1 / span 1;
                    }
                    
                }
            }
            .column-card-terms-list, .side-card-terms-list {
                .solo-term {
                    background-color: @pine;
                }
            }
        }
    }
    
    .product-listing-logements {
        .get_cardLogement {
            p {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                
                &.minimum-price {
                    color: @pine;
                    line-height: 1;
                }
            }
            
            .prestation-card-btn img {
                filter: brightness(0) saturate(100%) invert(38%) sepia(88%) saturate(960%) hue-rotate(111deg) brightness(94%) contrast(91%);
            }
        }
        
        .jet-filters-pagination {
            .jet-filters-pagination__item {
                &.prev-next {
                    .jet-filters-pagination__link {
                        filter: brightness(0) saturate(100%) invert(69%) sepia(66%) saturate(390%) hue-rotate(90deg) brightness(102%) contrast(82%);
                    }
                }
                
                &.jet-filters-pagination__current {
                    .jet-filters-pagination__link {
                        background-color: @pine;
                        border-color: @pine;
                        color: white;
                    }
                }
                
                .jet-filters-pagination__dots {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    border-color: @pine-pastel;
                    color: @pine-pastel;
                }
                
                .jet-filters-pagination__link {
                    border-color: @pine-pastel;
                    color: @pine-pastel;
                    
                    &:hover {
                        background-color: @pine;
                        border-color: @pine;
                        color: white;
                    }
                }
            }
        }
    }
}