/*
Theme Name: Houzez Child
Theme URI: http://houzez.co/
Template: houzez
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.
Tags: right-sidebar,left-sidebar,custom-colors,custom-menu,featured-images,post-formats,theme-options,translation-ready
Version: 4.3.2.1777040251
Updated: 2026-04-24 14:17:31

*/
/* ============================================================
   WEBIFYZE — Houzez Paywall CSS (clase reale nobil-capital.ro)
   ============================================================ */

/* --- Blur pe cardurile blocate --- */
.wbz-locked .listing-image-wrap,
.wbz-locked .listing-gallery-wrap,
.wbz-locked .item-price-wrap,
.wbz-locked .item-title,
.wbz-locked .item-address,
.wbz-locked .item-body,
.wbz-locked .item-footer {
    filter: blur(6px);
    pointer-events: none;
    user-select: none;
}

.wbz-locked {
    position: relative;
    overflow: hidden;
}



/* --- Overlay pe single property --- */
#wbz-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(8, 8, 20, 0.65);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.wbz-box {
    background: #fff;
    border-radius: 16px;
    padding: 36px 32px;
    max-width: 660px;
    width: 100%;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.wbz-icon {
    font-size: 38px;
    margin-bottom: 12px;
}

.wbz-box h2 {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin-bottom: 8px;
}

.wbz-box > p {
    color: #555;
    font-size: 14px;
    margin-bottom: 24px;
}

.wbz-plans {
    display: flex;
    gap: 14px;
    margin-bottom: 16px;
}

.wbz-plan {
    flex: 1;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    padding: 22px 16px;
    text-align: left;
    position: relative;
}

.wbz-plan-premium {
    border-color: #2563eb;
    background: #f0f5ff;
}

.wbz-badge-top {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    background: #2563eb;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.wbz-plan-label {
    font-size: 11px;
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

.wbz-plan-price {
    font-size: 26px;
    font-weight: 800;
    color: #111;
    line-height: 1;
    margin-bottom: 14px;
}

.wbz-plan-price span {
    font-size: 12px;
    font-weight: 400;
    color: #999;
}

.wbz-plan ul {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    font-size: 12px;
    color: #444;
    line-height: 2;
}
/* Badge dinamic per card */
.wbz-card-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 13px;
    backdrop-filter: blur(4px);
    white-space: nowrap;
    z-index: 10;
    pointer-events: none;
}
.wbz-plan ul li.no { color: #ccc; }

.wbz-btn {
    display: block;
    text-align: center;
    padding: 10px 14px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    transition: opacity 0.2s;
}

.wbz-btn:hover { opacity: 0.85; }
.wbz-btn-basic { background: #f1f1f1; color: #111; }
.wbz-btn-premium { background: #2563eb; color: #fff; }

.wbz-login { font-size: 12px; color: #aaa; margin-top: 8px; }
.wbz-login a { color: #2563eb; font-weight: 600; }

@media (max-width: 540px) {
    .wbz-plans { flex-direction: column; }
    .wbz-box { padding: 24px 16px; }
}