/*
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
-------------------------------------- */
/* =========================================================
   Velora Capital — Typography
   Satoshi Variable Font
   ========================================================= */

@font-face {
    font-family: 'Satoshi';
    src: url('fonts/Satoshi-Variable.woff2') format('woff2');
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
}
/* =========================================================
   Velora Capital — Elementor Global Typography
   English Font Mapping
   ========================================================= */

.elementor-kit-14 {
    --e-global-typography-primary-font-family: 'Satoshi', sans-serif;
    --e-global-typography-secondary-font-family: 'Satoshi', sans-serif;
    --e-global-typography-text-font-family: 'Satoshi', sans-serif;
    --e-global-typography-accent-font-family: 'Satoshi', sans-serif;
}

/* Velora — English Heading Typography */
.velora-heading-en .elementor-heading-title {
    font-family: 'Satoshi', sans-serif;
}

/* Velora — English Property Search Typography */
.velora-search-en input,
.velora-search-en select,
.velora-search-en button,
.velora-search-en .form-control,
.velora-search-en .dropdown-toggle {
    font-family: 'Satoshi', sans-serif;
}

/* Velora — English Button Typography */
.velora-button-en .elementor-button,
.velora-button-en .elementor-button-text {
    font-family: 'Satoshi', sans-serif;
}

/* Velora — Temporary Page State */
.velora-temp-eyebrow .elementor-heading-title {
    font-family: 'Satoshi', sans-serif;
}

.velora-temp-heading .elementor-heading-title {
    font-family: 'Satoshi', sans-serif;
}

.velora-temp-text {
    font-family: 'Satoshi', sans-serif;
}

.velora-temp-button .elementor-button,
.velora-temp-button .elementor-button-text {
    font-family: 'Satoshi', sans-serif;
}

/* =========================================================
   VELORA CAPITAL — PROPERTIES MEGA MENU
   ========================================================= */


/* ---------------------------------------------------------
   1. Mega Menu Global Typography
   Apply Satoshi throughout the Properties Mega Menu
   --------------------------------------------------------- */

.velora-mega-properties,
.velora-mega-properties h1,
.velora-mega-properties h2,
.velora-mega-properties h3,
.velora-mega-properties h4,
.velora-mega-properties h5,
.velora-mega-properties h6,
.velora-mega-properties p,
.velora-mega-properties a,
.velora-mega-properties span,
.velora-mega-properties div,
.velora-mega-properties button,
.velora-mega-properties input,
.velora-mega-properties select {
    font-family: 'Satoshi', sans-serif;
}


/* ---------------------------------------------------------
   2. Mega Menu Column Labels
   Example: DISCOVER PROPERTIES / BROWSE BY LOCATION
   --------------------------------------------------------- */

.velora-mega-label .elementor-heading-title {
    font-family: 'Satoshi', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #B89024;
}


/* ---------------------------------------------------------
   3. Mega Menu Link Wrapper Normalization
   Removes Elementor/Text Editor paragraph and line-break spacing
   --------------------------------------------------------- */

.velora-mega-links p {
    margin: 0;
    line-height: inherit;
}

.velora-mega-links br {
    display: none;
}


/* ---------------------------------------------------------
   4. Mega Menu Links
   --------------------------------------------------------- */

.velora-mega-links a {
    display: block;
    margin-bottom: 6px;
    font-family: 'Satoshi', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    color: #081D33;
    text-decoration: none;
    transition: color 0.2s ease;
}

.velora-mega-links a:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------
   5. Mega Menu Link Hover
   --------------------------------------------------------- */

.velora-mega-links a:hover,
.velora-mega-links a:focus {
    color: #B89024;
    text-decoration: none;
}


/* ---------------------------------------------------------
   6. Remove unwanted Text Editor spacing
   --------------------------------------------------------- */

.velora-mega-links .elementor-widget-container {
    margin: 0;
}

/* =========================================================
   VELORA — FOOTER GLASS PANEL
   Atamisa-inspired frosted background treatment
   ========================================================= */

.velora-footer-glass {
    background: rgba(8, 29, 51, 0.86);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

/* =========================================================
   VELORA — HOME SECTION 02
   Journey Intro Typography
   ========================================================= */

.velora-journey-eyebrow,
.velora-journey-heading,
.velora-journey-intro {
    font-family: "Satoshi", sans-serif;
}

/* Eyebrow */
.velora-journey-eyebrow {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #B89024;
}

/* Main Section Heading */
.velora-journey-heading {
    font-size: 54px;
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -1.5px;
    color: #081D33;
}

/* Supporting Copy */
.velora-journey-intro {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    color: #5E646B;
}
.velora-journey-heading .elementor-heading-title {
    font-family: "Satoshi", sans-serif !important;
}
/* =========================================================
   VELORA — HOME SECTION 02
   Journey Card Typography
   ========================================================= */

.velora-journey-title .elementor-heading-title {
    font-family: "Satoshi", sans-serif !important;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.4px;
    color: #081D33;
}

.velora-journey-description,
.velora-journey-description p,
.velora-journey-description .elementor-widget-container {
    font-family: "Satoshi", sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
    color: #5E646B;
}

.velora-journey-description p {
    margin: 0;
}
.velora-journey-description {
    max-width: 92%;
}
/* =========================================================
   VELORA — HOME SECTION 02
   Journey Card Interaction
   ========================================================= */

/* Media frame */
.velora-journey-media {
    overflow: hidden;
}

/* Image drift */
.velora-journey-image {
    transform: scale(1.06) translateX(-2%);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.velora-journey-card:hover .velora-journey-image {
    transform: scale(1.06) translateX(2%);
}

/* Animated title underline */
.velora-journey-title .elementor-heading-title {
    display: inline;
    position: relative;
    background-image: linear-gradient(#B89024, #B89024);
    background-repeat: no-repeat;
    background-position: left 100%;
    background-size: 0% 1px;
    transition: background-size 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.velora-journey-card:hover
.velora-journey-title .elementor-heading-title {
    background-size: 100% 1px;
}

/* Accessibility / reduced motion */
@media (prefers-reduced-motion: reduce) {
    .velora-journey-image {
        transition: none;
        transform: scale(1.06);
    }

    .velora-journey-card:hover .velora-journey-image {
        transform: scale(1.06);
    }

    .velora-journey-title .elementor-heading-title {
        transition: none;
    }
}

/* =========================================================
   VELORA — HOME SECTION 02
   Hybrid Journey Card Enhancement
   ========================================================= */

/* Card shell */
.velora-journey-card {
    position: relative;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid rgba(8, 29, 51, 0.08);
    border-radius: 18px;

    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.45s ease;
}

/* Restrained hover lift */
.velora-journey-card:hover {
    transform: translateY(-4px);
    border-color: rgba(184, 144, 36, 0.28);
}


/* ---------------------------------------------------------
   Media
   Keep image clipping for horizontal drift
   --------------------------------------------------------- */

.velora-journey-media {
    position: relative;
    overflow: hidden;
    border-radius: 18px 18px 0 0;
}


/* ---------------------------------------------------------
   Content
   --------------------------------------------------------- */

.velora-journey-content {
    position: relative;
}


/* ---------------------------------------------------------
   CTA
   --------------------------------------------------------- */

/* Keep CTA aligned at the bottom of the card content */
.velora-journey-cta {
    margin-top: auto;
}

.velora-journey-cta .elementor-button {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-family: "Satoshi", sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;

    color: #B89024 !important;
}

.velora-journey-cta .elementor-button-content-wrapper {
    gap: 8px;
}

.velora-journey-cta .elementor-button-icon {
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.velora-journey-card:hover
.velora-journey-cta .elementor-button-icon {
    transform: translateX(5px);
}


/* ---------------------------------------------------------
   Reduced Motion
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .velora-journey-card {
        transition: none;
    }

    .velora-journey-card:hover {
        transform: none;
    }

    .velora-journey-cta .elementor-button-icon {
        transition: none;
    }

    .velora-journey-card:hover
    .velora-journey-cta .elementor-button-icon {
        transform: none;
    }
}