/*
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");

/* ═══════════════════════════════════════════════════════════════
    PB Create Listing Guard — Bouton tunnel de vente intelligent
    ═══════════════════════════════════════════════════════════════ */

/* Wrapper du bouton Create a Listing */
.pb-create-listing-wrap {
    position: relative;
}

/* Bouton en mode "accès libre" — animations subtiles */
.btn-create-listing {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.btn-create-listing:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12) !important;
}

/* Bouton en mode "verrouillé" */
.btn-create-listing.pb-listing-btn-locked {
    position: relative;
    opacity: 0.85;
    background: linear-gradient(135deg, #6b7280, #4b5563) !important;
    border-color: transparent !important;
    cursor: pointer;
    transition: all 0.25s ease !important;
}

.btn-create-listing.pb-listing-btn-locked:hover {
    opacity: 1;
    transform: translateY(-1px);
    box-shadow: 0 4px 20px rgba(107, 114, 128, 0.35) !important;
}

/* Icône cadenas dans le bouton */
.btn-create-listing .pb-lock-icon {
    display: inline-block;
    font-size: 0.8em;
    margin-right: 4px;
    vertical-align: middle;
    animation: pbLockPulse 3s ease-in-out infinite;
}

@keyframes pbLockPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.7; transform: scale(0.9); }
}

/* Badge "🔒" après le bouton (mode JS fallback) */
.pb-restricted-listing-btn {
    position: relative !important;
}

.pb-restricted-listing-btn::after {
    content: '🔒';
    font-size: 0.6em;
    position: absolute;
    top: -6px;
    right: -6px;
    background: #ff6b35;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

/* Tooltip natif amélioré */
.btn-create-listing.pb-listing-btn-locked[title]:hover::before {
    content: attr(title);
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background: rgba(15, 23, 42, 0.95);
    color: #f8fafc;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
    max-width: 260px;
    white-space: normal;
    text-align: center;
    pointer-events: none;
    z-index: 10000;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

/* Flèche du tooltip */
.btn-create-listing.pb-listing-btn-locked[title]:hover::after {
    content: '';
    position: absolute;
    bottom: calc(100% + 3px);
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: rgba(15, 23, 42, 0.95);
    pointer-events: none;
    z-index: 10001;
}

/* Mobile : cacher le pseudo-tooltip natif CSS sur mobile */
@media (max-width: 767px) {
    .btn-create-listing.pb-listing-btn-locked[title]:hover::before,
    .btn-create-listing.pb-listing-btn-locked[title]:hover::after {
        display: none;
    }
}

/* ═══════════════════════════════════════════════════════════════
   INQUIRY FORM — Améliorations UX
   ═══════════════════════════════════════════════════════════════ */

/* 1. Masquer les flèches d'incrémentation sur les champs numériques du formulaire */
/* Chrome, Safari, Edge, Opera */
.houzez-ele-form-js input[type="number"]::-webkit-outer-spin-button,
.houzez-ele-form-js input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
.houzez-ele-form-js input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* 2. Bootstrap-select dans le formulaire d'enquête */
.houzez-ele-form-js .bootstrap-select {
    width: 100% !important;
}
.houzez-ele-form-js .bootstrap-select .dropdown-toggle {
    width: 100%;
    border: 1px solid #dce0e0;
    border-radius: 4px;
    background-color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}
.houzez-ele-form-js .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #00aeff;
}
.houzez-ele-form-js .bootstrap-select .dropdown-menu {
    z-index: 99999;
}
.houzez-ele-form-js .bootstrap-select .dropdown-menu .bs-searchbox input {
    border: 1px solid #dce0e0;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
}
.houzez-ele-form-js .bootstrap-select.show > .dropdown-toggle {
    border-color: #00aeff;
}

/* 3. Champ "Autre localité" — style cohérent avec le formulaire */
.inquiry-other-locality-wrap {
    display: none;
    margin-top: 8px;
}
.inquiry-other-locality-wrap.visible {
    display: block;
}
.inquiry-other-locality-wrap input {
    width: 100%;
    border: 1px solid #dce0e0;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    color: #333;
    background-color: #fff;
}
.inquiry-other-locality-wrap input:focus {
    outline: none;
    border-color: #00aeff;
}
.inquiry-other-locality-label {
    font-size: 12px;
    color: #666;
    margin-bottom: 4px;
    display: block;
}

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