/*!
Theme Name: Codaza Child
Theme URI:
Author: Codaza
Author URI: https://codaza.fr/
Description: Codaza child theme.
Template: kava
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kava-child
*/

/* CSS pour que la pleine largeur des pages soient prise en compte */
html,body{overflow-x:hidden;}

#jet-theme-core-document .site-content__wrap.container{max-width: inherit;padding:0;}


.admin-bar #HeaderSite{
    top: 32px;
} 

.jet-logo img{
    border-radius: 0 !important;
}

#HeaderSite .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner{
    padding: 0 !important;
    background-color: transparent !important;
} 

#HeaderSite .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container{
    top: calc(100% + 4px) !important;
}

#HeaderSite #connexion-btn{
    cursor: pointer;
}

#HeaderSite #connexion-btn .elementor-button-icon svg{
    width: 28px;
}

#HeaderSite #connexion-btn .elementor-button-content-wrapper{
    display: flex;
    align-items: center;
}

#HeaderSite .connexion-btn{
    cursor: pointer !important;
}

/***********************************************************************************************
**************************************** PAGE D'ACCUEIL ****************************************
***********************************************************************************************/
.after-logo h1:after{
    content: ""; 
    display: inline-block;

    width: 61px; /* ajuste selon rendu */
    height: 46px;

    margin-left: 8px; 

    background-image: url('https://sc7kovq0782.universe.wf/wp-content/uploads/2026/03/Group-13.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.search-home .visible-row{
    gap: 90px;
}


.search-home .visible-row .wp-block-buttons{
    width: fit-content !important;
    align-self: flex-end;
    padding-bottom: 10px;
}

.search-home .visible-row .filtre-search button{
    display: flex;
    align-items: center;
    color: #000;
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    text-transform: none;
    font-weight: 400;
    line-height: normal;
    background-color: #F1F1F1;
    padding: 3px 8px 3px 8px;
    border-radius: 12px 12px 12px 12px;
    border: none;
    letter-spacing: normal;
}

.search-home .visible-row .filtre-search button:after{
    content: "";
    position: relative;
    display: block;
    background-image: url("https://sc7kovq0782.universe.wf/wp-content/uploads/2026/03/Frame-5-3.svg");
    width: 29px;
    height: 29px;
    background-size: 100% 100%;
    margin-left: 10px;
    transition: all 0.3s ease-in-out;
}

.search-home .visible-row .filtre-search button.is-open:after{
    transform: rotate(-180deg);
}

.search-home .row-filters {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

.search-home .row-filters.open {
    max-height: 75px;
    gap: 90px;
  opacity: 1; 
} 

.search-home .jet-form-builder__submit{
    margin-top: 10px !important;
    background-color: #088137 !important;
    text-transform: none !important;
    color: white !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease-in-out !important;
}

.search-home .jet-form-builder__submit:hover,
.search-home .jet-form-builder__submit:focus{
    background-color: white !important;
    color: #088137 !important;
    border-color: #088137 !important;
}

.search-home .submit-row{
    justify-content: flex-end;
    align-items: baseline;
}

.home .search-home .submit-row > *{
    width: fit-content !important;
}

.home .search-home .submit-row p{
    color: #C8C8C8;
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 10px;
}


.home .bouton-onglet-list .elementor-button:hover,
.home .bouton-onglet-formulaire .elementor-button:hover{
    cursor: pointer;
}

.home .bouton-onglet-list.active .elementor-button,
.home .bouton-onglet-formulaire.active .elementor-button {
    background-color: #088137 !important;
    color: white !important;
    border-color: #088137 !important;
}


/* Overlay gris */
.home .section-vendu .card .elementor-element-d2ab3f0 {
    filter: grayscale(100%) !important;
}

.home .section-vendu .card .elementor-element-ee3fdf8 *{
    color: #c8c8c8 !important;
} 
 
.js-hidden {
    display: none !important;
}

@media screen and (max-width:1024px){
    .search-home .visible-row,
    .search-home .row-filters{
        gap: 10px !important;
    } 
}
@media screen and (max-width:767px){
    .search-home .visible-row {
        gap: 10px;
        display: flex;
        flex-wrap: wrap;
    }

    .search-home .row-filters{
        flex-wrap: wrap;
    }

    .search-home .row-filters.open{
        max-height: 120px;
    }

    .search-home .jet-form-builder .is-layout-flex > :is(*, div) {
        width: calc(50% - 5px) !important;
    }

    .search-home .submit-row {
        align-items: center;
    }

    .search-home .jet-form-builder__submit{
        white-space: break-spaces;
    }
} 


/***********************************************************************************************
**************************************** POPUP FILTER ****************************************
**********************************************************************************************/
@media screen and (max-width:767px){
    #popupfilter .filter-select .jet-filters-group{
        display: flex; 
        flex-wrap: nowrap;
    }

    #popupfilter .filter-select .jet-filters-group {
        width: 100%;
        margin: 0;
        gap: 20px;
    }

    #popupfilter .filter-select .jet-filters-group .jet-select{
        max-width: 100%;
    }

    #jet-popup-3743 .jet-popup__close-button{
        transform: translateX(calc(-100vw + 50px)) translateY(20px) !important;
        -webkit-transform: translateX( calc(-100vw + 50px) ) translateY(20px) !important;
    }
    
}
  
/***********************************************************************************************
**************************************** ARCHIVE AGENT ****************************************
***********************************************************************************************/
@media screen and (min-width:768px){
    .post-type-archive-agent .jet-listing-grid__items .jet-listing-grid__item:nth-child(1){
        max-width: 50% !important;
        flex: 0 0 50% !important;
        margin: 0 25% !important;
    } 
}

/***********************************************************************************************
**************************************** SINGLE AGENCE *****************************************
***********************************************************************************************/
.single-agence .listing-info-single .elementor-icon-list-items .elementor-icon-list-item{
    margin-bottom: 10px !important; 
}


.single-agence .listing-horaire-agence .jet-listing-grid__items{
    justify-content: space-between !important;
}

/***********************************************************************************************
**************************************** ARROW SLIDER ****************************************
***********************************************************************************************/
/* @media screen and (max-width:767px){
    .slick-arrow{
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        background-color: white !important;
        border: 1px solid #088137 !important;
        color: #088137 !important;
    }

    .slick-arrow.next-arrow{
            right: 15px !important;
    }

    .slick-arrow.prev-arrow{
            left: 15px !important;
    }
} */



/***********************************************************************************************
**************************************** CLASSE GENERAL ****************************************
***********************************************************************************************/
.text-one-line{
    white-space: nowrap !important;
} 


.bloc-article .image-hover{
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.bloc-article:hover .image-hover{
    opacity: 1;
}

/***********************************************************************************************
**************************************** JETFORM BUILDER ***************************************
***********************************************************************************************/

.jet-form-builder .is-layout-flex > :is(*, div){
    width: 100% !important;
}

.jet-form-builder__submit{
    margin-top: 10px !important;
    background-color: white !important;
    text-transform: none !important;
    color: #088137 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease-in-out !important;
}

.jet-form-builder__submit:hover,
.jet-form-builder__submit:focus{
    background-color: #088137 !important;
    color: white !important;
    border-color: white !important;
}

#candidature-spontane .jet-form-builder-file-upload__message *,
#candidature-spontane .jet-form-builder-file-upload__fields *{
    color: white !important;
}

@media screen and (max-width:767px){
    .wrapper-formulaire-mensualite form{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/***********************************************************************************************
***************************************** SIMULATEURS ******************************************
***********************************************************************************************/
.wrapper-result #resultats p,
.wrapper-result #resultat-frais p{
    font-size: 18px;
    color: white;
}

@media screen and (max-width:1024px){
    .wrapper-result #resultats div,
    .wrapper-result #resultat-frais div{
        flex-direction: column !important;
        margin: 0 !important;
    }
}


/***********************************************************************************************
******************************************** LEAFLET *******************************************
***********************************************************************************************/

.leaflet-bottom.leaflet-right{
    display: none !important;
}


/***********************************************************************************************
****************************************** ARCHIVE MAP *****************************************
***********************************************************************************************/
#immo-archive-map, 
#immo-archive-map-vente,
#immo-archive-map-location {
    height: 78vh !important ;
    min-height: 520px !important ;
    border-radius: 18px !important ;
    overflow: hidden !important ;
    position: sticky !important ;
    top: 140px !important ;
    background: #f3f3f3 !important ;
}

.js-map-ville,
.js-map-cp,
.js-map-quartier {
    display: none !important;
}

.jet-listing-grid__item.is-map-active .elementor-element-33b6e7e {
    outline: 2px solid #088137;
    outline-offset: 0px;
    border-radius: 10px;
}

.immo-map-popup {
    min-width: 180px;
}

.immo-map-popup__title {
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    margin-bottom: 6px;
}

.immo-map-popup__price {
    font-size: 13px;
    margin-bottom: 4px;
}

.immo-map-popup__city {
    font-size: 12px;
    opacity: 0.75;
}

.immo-map-popup-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

@media (max-width: 1024px) {
    .immo-archive-map {
        position: relative;
        top: auto;
        height: 420px;
        min-height: 420px;
    }
} 

@media (max-width: 767px) {
    #immo-archive-map, 
    #immo-archive-map-vente,
    #immo-archive-map-location {
        height: 500px !important ;
        min-height: 500px !important ;
        border-radius: 18px !important ;
        overflow: hidden !important ;
        position: relative !important ;
        top: 0 !important ;
        background: #f3f3f3 !important ;
    }
}



/***********************************************************************************************
****************************************** SINGLE BIEN *****************************************
***********************************************************************************************/

.single-bien .carroussel-img .elementor-swiper-button{
    background-color: white;
    padding: 5px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-bien .carroussel-img .swiper-slide-image{
    height: 500px !important;
    object-fit: cover !important;
} 
 
.single-bien .caracteristique-bloc .icone-single{
    min-width: 46px !important;
}

.single-bien .caracteristique-bloc .value{
    min-width: fit-content; 
}

.single-bien .energy-bar{
    display:flex;
    gap:4px;
    align-items:center;
}

.single-bien .energy-item{
    width:32px;
    height:28px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:4px;

    color:#fff;
    font-size:12px;
    font-weight:700;

    opacity:.35;

    transition:all .2s ease;
}

.single-bien .energy-item.active{
    width:48px;
    height:38px;

    opacity:1;

    font-size:22px;
    font-weight:800;

    transform:translateY(-2px);
}

/* Couleurs */
 
.single-bien .dpe-a,
.single-bien .ges-a{ background:#00a651; }

.single-bien .dpe-b,
.single-bien .ges-b{ background:#58b947; }

.single-bien .dpe-c,
.single-bien .ges-c{ background:#8cc63f; }

.single-bien .dpe-d,
.single-bien .ges-d{
    background:#f7e600;
    color:#222;
}

.single-bien .dpe-e,
.single-bien .ges-e{ background:#f9b233; }

.single-bien .dpe-f,
.single-bien .ges-f{ background:#f58220; }

.single-bien .dpe-g,
.single-bien .ges-g{ background:#e30613; }

@media screen and (max-width:1024px){
    .single-bien .carroussel-img .swiper-slide-image{
    height: 400px !important;
    } 
}

@media screen and (max-width:767px){
    .single-bien .carroussel-img .swiper-slide-image{
        height: 300px !important;
    }
}

/***********************************************************************************************
******************************************** CONTACT ********************************************
***********************************************************************************************/
@media screen and (max-width:767px){
    #formulaire-contact .wp-block-group-is-layout-flex{
        flex-wrap: wrap !important;
        width: 100% !important;
    }

    #formulaire-contact .jet-form-builder-row.field-type-text-field,
    #formulaire-contact .jet-form-builder-row.field-type-textarea-field{
        width: 100% !important;
    }
}

/***********************************************************************************************
*************************************** ARCHIVE OFFRE EMPLOI **************************************
***********************************************************************************************/
.post-type-archive-offre-emploi .faq-recrutement details.e-n-accordion-item {
    border: 1px solid white;
    border-radius: 15px;
}
   
/***********************************************************************************************
******************************************** FOOTER ********************************************
***********************************************************************************************/
.after-logo-footer span:after{
    content: ""; 
    display: inline-block;

    width: 56px; /* ajuste selon rendu */
    height: 42px;

    margin-left: 8px; 

    background-image: url('https://sc7kovq0782.universe.wf/wp-content/uploads/2026/03/Group-13.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.menu-footer a{
    font-weight: 400 !important;
}
 
  
/***********************************************************************************************
*************************************** BOUTON RESET FILTRES ***************************************
***********************************************************************************************/
/* Shortcode [bien_filter_reset] — bouton qui vide tous les filtres JSF
   sur la page courante. Styling minimal, surchargeable via la classe
   passée en attribut shortcode (ex. [bien_filter_reset class="ma-classe"]). */
.bien-filter-reset {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border: 1px solid white !important;
    border-radius: 999px;
    background: #fff !important;
    color: #088137 !important;
    font-family: inherit; 
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, transform 0.15s ease;
}

.bien-filter-reset:hover,
.bien-filter-reset:focus {
    border-color: white !important;
    color: white !important;
    background: #088137 !important;
    outline: none;
}

.bien-filter-reset:active {
    transform: translateY(1px);
}

.bien-filter-reset__icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    display: block;
    transition: transform 0.4s ease;
}

.bien-filter-reset:hover .bien-filter-reset__icon {
    transform: rotate(-45deg);
}

.bien-filter-reset.is-loading {
    pointer-events: none;
    opacity: 0.6;
}

.bien-filter-reset.is-loading .bien-filter-reset__icon {
    animation: bien-filter-reset-spin 0.7s linear infinite;
}

@keyframes bien-filter-reset-spin {
    to { transform: rotate(360deg); }
}


/***********************************************************************************************
*************************************** BOUTON RESET FILTRES ***************************************
***********************************************************************************************/
.carroussel-valeur .swiper-slide img{
    height: 300px !important;
    object-fit: cover;
}