/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- */



.grecaptcha-badge { 
    visibility: hidden !important;
}

/* Icône utilisateur dans le header */
/* Icône utilisateur (login/register) dans le header */
.btn-icon-login-register i.houzez-icon {
    color: #ffffff;
}

/* Icône utilisateur (login/register) dans le header */
.btn-icon-login-register i.houzez-icon:hover {
    color: rgba(255, 255, 255, 0.8);
}

/* CSS Wehome - Overlay Visite Virtuelle */

/* Conteneur parent pour positionner l'overlay */
.property-virtual-tour-wrap .block-virtual-video-wrap {
    position: relative;
}

/* Overlay qui bloque l'iframe pour les non-connectés */
.virtual-tour-login-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(26, 60, 52, 0.9);
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
    cursor: default;
    text-align: center;
    padding: 40px;
}

.virtual-tour-login-overlay h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.4;
    font-family: inherit;
}

.virtual-tour-login-overlay p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 15px;
    margin-bottom: 35px;
    max-width: 480px;
    line-height: 1.6;
}

.virtual-tour-login-overlay .btn-connexion {
    background: #E8A54B;
    color: #fff;
    border: none;
    padding: 14px 50px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 12px;
    min-width: 220px;
}

.virtual-tour-login-overlay .btn-connexion:hover {
    background: #d4943d;
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(232, 165, 75, 0.3);
}

.virtual-tour-login-overlay .btn-register {
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.8);
    padding: 12px 48px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 220px;
}

.virtual-tour-login-overlay .btn-register:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #fff;
}

/* Fix mobile - Overlay Visite Virtuelle */
@media (max-width: 768px) {
    .property-virtual-tour-wrap .block-virtual-video-wrap {
        position: relative;
        overflow: hidden;
        min-height: 350px;
    }
    
    .property-virtual-tour-wrap .block-virtual-video-wrap iframe {
        min-height: 350px;
    }
    
    .virtual-tour-login-overlay {
        padding: 15px 10px;
    }
    
    .virtual-tour-login-overlay h3 {
        font-size: 15px;
        margin-bottom: 8px;
    }
    
    .virtual-tour-login-overlay p {
        font-size: 11px;
        margin-bottom: 12px;
        line-height: 1.4;
    }
    
    .virtual-tour-login-overlay .btn-connexion {
        padding: 8px 20px;
        font-size: 13px;
        min-width: auto;
        margin-bottom: 8px;
    }
    
    .virtual-tour-login-overlay .btn-register {
        padding: 6px 18px;
        font-size: 13px;
        min-width: auto;
    }
}

@media (max-width: 480px) {
    .virtual-tour-login-overlay {
        padding: 15px 10px;
    }
    
    .virtual-tour-login-overlay h3 {
        font-size: 16px;
    }
    
    .virtual-tour-login-overlay p {
        font-size: 12px;
        margin-bottom: 15px;
    }
    
    .virtual-tour-login-overlay .btn-connexion,
    .virtual-tour-login-overlay .btn-register {
        padding: 8px 20px;
        font-size: 13px;
        min-width: 150px;
    }
}

/* Forcer l'iframe à respecter le conteneur */
.property-virtual-tour-wrap .block-virtual-video-wrap iframe {
    max-height: 300px;
}

.property-virtual-tour-wrap .block-virtual-video-wrap {
    position: relative;
    overflow: hidden;
    max-height: 300px;
}

@media (min-width: 769px) {
    .property-virtual-tour-wrap .block-virtual-video-wrap,
    .property-virtual-tour-wrap .block-virtual-video-wrap iframe {
        max-height: none;
    }
}

/* Cacher l'overlay si l'utilisateur est connecté */
body.logged-in .virtual-tour-login-overlay {
    display: none;
}

/* Responsive */
@media (max-width: 768px) {
    .virtual-tour-login-overlay {
        padding: 25px;
    }
    
    .virtual-tour-login-overlay h3 {
        font-size: 20px;
    }
    
    .virtual-tour-login-overlay p {
        font-size: 14px;
        margin-bottom: 25px;
    }
    
    .virtual-tour-login-overlay .btn-connexion,
    .virtual-tour-login-overlay .btn-register {
        padding: 12px 35px;
        font-size: 14px;
        min-width: 180px;
    }
}

.block-content-wrap ul.list-unstyled li a[href*="/feature/"] {
    pointer-events: none;
    cursor: default;
    color: inherit;
    text-decoration: none;
}



/* Couleurs légende calculateur hypothécaire */
.mortgage-calculator-data li:first-child .icon-sign-badge-circle {
    color: #1a3c34 !important;
}

.mortgage-calculator-data li:nth-child(2) .icon-sign-badge-circle {
    color: #61CE70 !important;
}

.mortgage-calculator-data li:nth-child(3) .icon-sign-badge-circle {
    color: #1a3c34 !important;
}

.houzez-adminbar-dashboard i {
    font-size:16px;
    position:relative;
    top:2px;
}

/* ========================================
   BIENS VENDUS/LOUÉS - Effet grisé avec hover
   ======================================== */

/* Grisé par défaut */
.item-listing-wrap:has(.label-status[href*="/status/vendu/"]),
.item-listing-wrap:has(.label-status[href*="/status/loue/"]) {
    opacity: 0.5 !important;
    position: relative;
}

/* Grayscale uniquement sur les images */
.item-listing-wrap:has(.label-status[href*="/status/vendu/"]) .listing-image-wrap img,
.item-listing-wrap:has(.label-status[href*="/status/loue/"]) .listing-image-wrap img {
    filter: grayscale(100%) !important;
    transition: filter 0.3s ease !important;
}

/* Au hover : couleur revient */
.item-listing-wrap:has(.label-status[href*="/status/vendu/"]):hover .listing-image-wrap img,
.item-listing-wrap:has(.label-status[href*="/status/loue/"]):hover .listing-image-wrap img {
    filter: grayscale(0%) !important;
}

/* Au hover : opacité revient */
.item-listing-wrap:has(.label-status[href*="/status/vendu/"]):hover,
.item-listing-wrap:has(.label-status[href*="/status/loue/"]):hover {
    opacity: 1 !important;
}

/* Désactiver TOUS les liens (toujours actif, même au hover) */
.item-listing-wrap:has(.label-status[href*="/status/vendu/"]) a,
.item-listing-wrap:has(.label-status[href*="/status/loue/"]) a {
    pointer-events: none !important;
    cursor: default !important;
}

/* Overlay "VENDU" ou "LOUÉ" sur l'image */
.item-listing-wrap:has(.label-status[href*="/status/vendu/"]) .listing-image-wrap::after,
.item-listing-wrap:has(.label-status[href*="/status/loue/"]) .listing-image-wrap::after {
    content: "VENDU";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(220, 53, 69, 0.95);
    color: white;
    font-size: 32px;
    font-weight: bold;
    padding: 15px 40px;
    border-radius: 5px;
    z-index: 10;
    pointer-events: none;
    text-transform: uppercase;
    letter-spacing: 3px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    transition: opacity 0.3s ease;
}

.item-listing-wrap:has(.label-status[href*="/status/loue/"]) .listing-image-wrap::after {
    content: "LOUÉ";
}

/* Au hover : overlay devient semi-transparent */
.item-listing-wrap:has(.label-status[href*="/status/vendu/"]):hover .listing-image-wrap::after,
.item-listing-wrap:has(.label-status[href*="/status/loue/"]):hover .listing-image-wrap::after {
    opacity: 0.7;
}

/* Masquer les outils (aperçu, favoris, comparaison) */
.item-listing-wrap:has(.label-status[href*="/status/vendu/"]) .item-tools,
.item-listing-wrap:has(.label-status[href*="/status/loue/"]) .item-tools {
    display: none !important;
}

/* ========================================
   ADRESSE MASQUÉE - Style Neho avec blur
   ======================================== */

/* Container principal */
.item-address {
    position: relative;
}

/* NPA + Localité visible */
.item-address .visible-location {
    display: inline-block;
    font-weight: 500;
}

/* Wrapper pour l'adresse floutée */
.address-blur-wrapper {
    position: relative;
    margin-top: 4px;
    cursor: pointer;
}

/* Adresse complète floutée en arrière-plan */
.blurred-full-address {
    filter: blur(4px);
    color: #999;
    font-size: 11px;
    line-height: 1.4;
    user-select: none;
    pointer-events: none;
}

/* Overlay qui s'affiche au hover */
.address-reveal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 11px;
    color: #0073aa;
    font-weight: 500;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
}

/* Au hover : afficher l'overlay */
.address-blur-wrapper:hover .address-reveal-overlay {
    opacity: 1;
}

.address-reveal-overlay i {
    font-size: 12px;
}

/* Animation pulse sur l'icône cadenas */
.address-blur-wrapper:hover .address-reveal-overlay i {
    animation: pulse-lock 1s ease-in-out infinite;
}

@keyframes pulse-lock {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

/* Effet au hover de l'overlay */
.address-reveal-overlay:hover {
    background: rgba(0, 115, 170, 0.1);
    color: #005177;
}

/* Labels sur cards */
.hz-label:hover, .label-status:hover {
	color: #fff;
}