/*
Theme Name: Houzez Child
Theme URI: http://www.silvacreate.com/
Author: SilvaCreate Digital Agency
Author URI: http://www.silvacreate.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: 2.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
-------------------------------------- */

/* ==================================
   Mobile Gallery Fixes
   ================================== */

/* Mobile gallery container height control */
@media (max-width: 767px) {
    /* Main gallery container - limit height on mobile */
    .hz-mobile-gallery-fixed {
        max-height: 60vh !important;
        min-height: 250px !important;
    }
    
    /* Gallery item wrapper */
    .hz-gallery-item {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Gallery images - maintain aspect ratio but limit height */
    .hz-gallery-image {
        max-height: 55vh !important;
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: center !important;
    }
    
    /* Ensure gallery slider maintains proper height */
    .listing-slider .lSSlideOuter {
        max-height: 60vh !important;
        overflow: hidden !important;
    }
    
    .listing-slider .lSSlideWrapper {
        max-height: 60vh !important;
    }
    
    .listing-slider .lSSlideWrapper > .lSSlide {
        max-height: 60vh !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Thumbnail navigation - ensure it stays visible */
    .listing-slider .lSSlideOuter .lSPager.lSpg {
        margin-top: 10px !important;
        padding: 10px 0 !important;
        background: rgba(255, 255, 255, 0.9) !important;
        border-radius: 5px !important;
    }
    
    /* Thumbnail images in navigation */
    .listing-slider .lSSlideOuter .lSPager.lSpg > li {
        margin: 0 2px !important;
    }
    
    .listing-slider .lSSlideOuter .lSPager.lSpg > li > a {
        width: 50px !important;
        height: 40px !important;
        overflow: hidden !important;
        border-radius: 3px !important;
    }
    
    .listing-slider .lSSlideOuter .lSPager.lSpg > li > a img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    /* Gallery section wrapper */
    .top-gallery-section {
        position: relative !important;
        max-height: 75vh !important;
        overflow: hidden !important;
    }
    
    /* Fix for very tall images */
    .listing-slider img[style*="height"] {
        max-height: 55vh !important;
        width: auto !important;
        height: auto !important;
    }
}

/* Tablet adjustments */
@media (min-width: 768px) and (max-width: 991px) {
    .hz-mobile-gallery-fixed {
        max-height: 70vh !important;
    }
    
    .hz-gallery-image {
        max-height: 65vh !important;
    }
    
    .listing-slider .lSSlideOuter {
        max-height: 70vh !important;
    }
}

/* General gallery improvements for all screen sizes */
.hz-gallery-item a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Ensure images don't overflow their containers */
.listing-slider .lSSlideWrapper .lSSlide img {
    max-width: 100% !important;
    height: auto !important;
}


/* ==================================
   End Mobile Gallery Fixes
   ================================== */

/* ==================================
   Sticky Navigation for Mobile & Tablet
   ================================== */

/* Sticky navigation base styles */
.sticky-nav-area {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999 !important;
    width: 100% !important;
    background: #fff !important; 
    background: rgba(255, 255, 255, 0.75) !important; /* Semi-transparent site header color */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

/* Ensure sticky navigation is visible */
.sticky-nav-area.houzez-in-view {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Mobile specific sticky styles */
@media (max-width: 767px) {
    /* Force mobile header to be sticky capable */
    #header-mobile.sticky-nav-area {
        position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 999 !important;
		width: 100% !important;
		background: #000427 !important; /* Fallback solid */
		background: rgba(0, 4, 39, 0.95) !important; /* Semi-transparent site header color */
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
		transition: all 0.3s ease !important;
    }
    
    /* Ensure mobile menu toggle is accessible */
    .sticky-nav-area .navbar-toggler {
        display: block !important;
        position: relative !important;
        z-index: 1000 !important;
    }
    
    /* Mobile navigation dropdown adjustments */
    .sticky-nav-area .navbar-collapse {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        background: #fff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
        z-index: 998 !important;
    }
    
    /* Body margin adjustment for sticky header */
    body.houzez-mobile-sticky-active {
        margin-top: 70px !important;
    }
	
	.property-detail-v3 .property-banner .tab-pane,
    .property-detail-v4 .property-banner .tab-pane {
         height: auto !important;
         padding-top: 0 !important;
    }
}

/* Tablet specific sticky styles */
@media (min-width: 768px) and (max-width: 991px) {
    /* Tablet navigation sticky styles */
    .header-main-wrap.sticky-nav-area {
        position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 999 !important;
		width: 100% !important;
		background: #000427 !important; /* Fallback solid */
		background: rgba(0, 4, 39, 0.95) !important; /* Semi-transparent site header color */
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
		transition: all 0.3s ease !important;
    }
    
    /* Body margin adjustment for tablet */
    body.houzez-tablet-sticky-active {
        margin-top: 80px !important;
    }
}

/* Desktop and larger tablets - preserve existing functionality */
@media (min-width: 992px) {
    .header-main-wrap.sticky-nav-area {
        position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 999 !important;
		width: 100% !important;
		background: #fff !important; 
		background: rgba(255, 255, 255, 0.75) !important; /* Semi-transparent site header color */
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;;
		transition: all 0.3s ease !important;
    }
}

/* Sticky search area enhancements */
.sticky-search-area {
    position: fixed !important;
    z-index: 998 !important;
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

/* Logo adjustments in sticky mode */
.sticky-nav-area .logo img {
    max-height: 40px !important;
    transition: all 0.3s ease !important;
}

/* ==================================
   End Sticky Navigation for Mobile & Tablet
   ================================== */