/*
Theme Name: AssetLink Child
Author: Taimoor Ahmed
Description: AssetLink is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity.
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: assetlink-child
Template: houzez
*/

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

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Source+Sans+Pro:wght@400;500;600;700&display=swap');


/* ==========================================================================
   1. GLOBAL HEADER & NAVIGATION
   ========================================================================== */

/* --- Transparent Header Base --- */
#header-section,
.header-desktop,
.header-v1,
.header-v2,
.header-v3,
.header-v4,
.header-v5,
.header-v6 {
    background: rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* --- Header Logo Container --- */
.header-logo {
    background: rgba(0, 0, 0, 0.3);
    padding: 10px 15px;
    border-radius: 4px;
}

.header-desktop .logo img,
.header-main-wrap .logo img {
    filter: brightness(1.1);
}

/* --- Navigation Links (Default White) --- */
.header-desktop .navbar-nav .nav-link,
.header-desktop .navbar-nav .nav-item>a,
.header-desktop .main-nav li a,
.navi a,
.navigation a {
    color: #ffffff !important;
    font-weight: 600;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}

/* --- Navigation Hover Effects --- */
.header-desktop .navbar-nav .nav-link:hover,
.header-desktop .navbar-nav .nav-item>a:hover,
.header-desktop .main-nav li a:hover,
.navi a:hover,
.navigation a:hover {
    color: #f0f0f0 !important;
/*     background-color: rgba(119, 199, 32, 0.5); */
	background-color: #782e1180;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
    transform: translateY(-1px);
    transition: all 0.3s ease;
}

/* --- Hide Unwanted Nav Elements --- */
.navi-login-register,
#navi-user,
.logged-in-nav-wrap {
    display: none !important;
}

/* --- Mobile Header --- */
.header-mobile {
    height: 90px !important;
}

.header-mobile .toggle-button-left i,
.header-mobile .toggle-button-right i {
    font-size: 24px !important;
}

/* --- Print & Sidebar Logo Fixes --- */
.print-logo-wrap img {
    width: 200px !important;
    max-width: 100%;
}

.print-logo-wrap div {
    display: none;
}

.sidebar-logo a img,
.sidebar-logo .logo img {
    width: 120px !important;
    max-width: 100%;
}


/* ==========================================================================
   2. GLOBAL STICKY HEADER (Default)
   ========================================================================== */
.favethemes-sticky .navbar-nav .nav-link,
.favethemes-sticky .navbar-nav .nav-item>a,
.favethemes-sticky .main-nav li a,
.header-desktop.favethemes-sticky .navbar-nav .nav-link {
    color: #333333 !important;
    text-shadow: none !important;
}

.favethemes-sticky .navbar-nav .nav-link:hover,
.favethemes-sticky .main-nav li a:hover {
    color: #000000 !important;
/*     background-color: rgba(119, 199, 32, 0.5) !important; */
	background-color: #782e1180 !important;
    text-shadow: none !important;
}


/* ==========================================================================
   3. FOOTER STYLES
   ========================================================================== */
.footer-top-wrap .about-widget img,
.footer-top-wrap .widget img,
footer .about-widget img,
footer .widget img {
    max-width: 300px !important;
    width: 300px !important;
    height: auto !important;
}


/* Center the entire footer widget block */
.footer-wrap .footer-widget,
.footer-wrap .widget-about-site,
.footer-wrap .widget-about-image {
    text-align: center;
}

/* Ensure the logo image centers properly */
.footer-wrap .widget-about-image img {
    display: block;
    margin: 0 auto;
}

/* Constrain the one-liner width and center it */
.footer-wrap .widget-content p {
    max-width: 50%;
    margin: 0 auto;
}

/* Make footer-bottom content stacked and centered */
.footer-bottom-wrap .d-flex {
    flex-direction: column !important;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Copyright spacing */
.footer-bottom-wrap .footer-copyright {
    margin-bottom: 12px;
}

/* Ensure social icons stay horizontal */
.footer-bottom-wrap .footer-social ul,
.footer-bottom-wrap .footer-social {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    gap: 14px; /* spacing between icons */
}

/* Remove extra gap caused by the empty footer-logo block */
.footer-bottom-wrap .footer-logo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Tighten copyright + icons spacing */
.footer-bottom-wrap .footer-copyright {
    margin-bottom: 6px !important;   /* adjust to taste */
}

.footer-bottom-wrap .footer-social {
    margin-top: 0 !important;
}

/* ==========================================================================
   4. PAGE SPECIFIC LAYOUTS
   ========================================================================== */

/* --- ABOUT US PAGE (Banner) --- */
.page-id-1656 .banner-caption {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

.page-id-1656 .banner-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 50px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
    color: #fff !important;
}

.page-id-1656 .banner-subtitle {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    margin-bottom: 25px !important;
    color: #fff !important;
}

@media (max-width: 768px) {
    .page-id-1656 .banner-title {
        font-size: 36px !important;
        line-height: 1.3 !important;
    }

    .page-id-1656 .banner-subtitle {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }
}


/* --- SINGLE PROPERTY PAGE (White Header) --- */
.single-property #header-section,
.single-property .header-desktop,
.single-property .header-v1,
.single-property .header-v2,
.single-property .header-v6 {
    background: #ffffff !important;
    backdrop-filter: none !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.single-property .header-desktop .navbar-nav .nav-link,
.single-property .header-desktop .navbar-nav .nav-item>a,
.single-property .header-desktop .main-nav li a {
    color: #333333 !important;
    text-shadow: none !important;
}

.single-property .header-desktop .navbar-nav .nav-link:hover,
.single-property .header-desktop .main-nav li a:hover {
    color: #000000 !important;
/*     background-color: rgba(119, 199, 32, 0.5) !important; */
	background-color: #782e1180;
}

.single-property .header-logo {
    background: transparent !important;
    padding: 0 !important;
}

.single-property .header-desktop .logo img,
.single-property .header-main-wrap .logo img {
    filter: none !important;
}


/* --- BLOG PAGE (Layout & Header) --- */
.blog-banner {
    margin-top: -1px;
}

.blog-banner-title {
    font-family: 'Montserrat', sans-serif !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.blog-banner-subtitle {
    font-family: 'Source Sans Pro', sans-serif !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

@media (max-width: 768px) {
    .blog-banner {
        height: 400px !important;
    }

    .blog-banner-title {
        font-size: 36px !important;
    }

    .blog-banner-subtitle {
        font-size: 18px !important;
    }
}

@media (max-width: 480px) {
    .blog-banner {
        height: 300px !important;
    }

    .blog-banner-title {
        font-size: 28px !important;
    }

    .blog-banner-subtitle {
        font-size: 16px !important;
    }
}

/* 4-Column Grid Layout (Scoped to .blog-wrap) */
.blog-wrap .container {
    max-width: 95% !important;
    width: 100% !important;
    margin: auto !important;
    padding: 0 15px !important;
}

.blog-wrap .bt-content-wrap {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.blog-wrap .row>[class*='col-'] {
    padding-left: 15px;
    padding-right: 15px;
}

/* Scoped to prevent conflict with Homepage/About Us */
.blog-wrap .blog-post-item,
.blog-wrap .blog-post-item-wrap {
    width: 100% !important;
    max-width: none !important;
}

@media (min-width: 992px) {
    .blog-wrap .col-lg-3 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }
}


/* ==========================================================================
   5. BLOG HEADER LOGIC (Transparency & Sticky)
   ========================================================================== */

/* Layout: Always Fixed */
.blog #header-section {
    position: fixed !important;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(5px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease-in-out;
}

/* INITIAL STATE: White Logo */
.blog #header-section:not(.custom-sticky):not(.favethemes-sticky) .logo img {
    filter: brightness(0) invert(1) !important;
}

/* STICKY STATE: Original Colored Logo & Transparent BG */
.blog #header-section.custom-sticky,
.blog #header-section.favethemes-sticky {
    background: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border-bottom: none;
}

.blog #header-section.custom-sticky .logo img,
.blog #header-section.favethemes-sticky .logo img {
    filter: none !important;
}

/* TEXT COLOR: Always White */
.blog #header-section .navbar-nav .nav-link,
.blog #header-section .main-nav li a {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}