/*
Theme Name: Hummingbird
Theme URI: https://fengniaorealty.com
Description: Hummingbird Child Theme for Houzez
Author: Fengniao Realty Team
Author URI: https://fengniaorealty.com
Template: houzez
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hummingbird
*/

/* 
This file is used to declare the parent-child theme relationship and to add any 
custom CSS. For more substantial CSS changes, consider using a separate CSS file
that you enqueue in functions.php
*/

/* 
Import the parent theme style.css file - this is not necessary as we're handling this
in functions.php, but it's added here as a fallback
*/
@import url("../houzez/style.css");

/* Add your custom styles below this line */

/* 
Font customization using self-hosted fonts
These fonts are loaded from our own server to ensure accessibility for all users,
including those in regions where Google services are blocked
*/

/* For English pages */
html[lang="en-US"] .main-nav {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

/* Property language switcher styles */
.property-language-switcher .dropdown-toggle {
    padding: 10px 0;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.property-language-switcher .dropdown-toggle .houzez-icon {
    margin-right: 5px;
}

.property-language-switcher .dropdown-menu {
    min-width: 150px;
    padding: 10px 0;
}

.property-language-switcher .dropdown-item {
    padding: 6px 15px;
    display: flex;
    align-items: center;
}

.property-language-switcher .dropdown-item img {
    margin-right: 8px;
}

/* Make sure the language switcher on property pages stands out */
.property-language-switcher .dropdown-toggle {
    font-weight: 500;
}

/* When there are many navigation items, ensure language switcher is visible */
@media (max-width: 767px) {
    .property-navigation {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .property-navigation-item {
        margin-right: 15px;
        margin-bottom: 10px;
    }
    
    .property-language-switcher {
        margin-left: auto;
    }
}

/* Mobile language switcher styles */
.mobile-language-list {
    margin: 0;
    padding: 0;
}

.mobile-language-list li {
    border-bottom: 1px solid #eee;
}

.mobile-language-list li:last-child {
    border-bottom: none;
}

.mobile-language-list li a {
    display: flex;
    align-items: center;
    padding: 15px;
    color: #333;
    text-decoration: none;
}

.mobile-language-list li.active a {
    background-color: #f9f9f9;
    font-weight: 500;
}

.mobile-language-list li a img {
    margin-right: 10px;
}

.current-lang-indicator {
    margin-left: auto;
    color: #28a745;
}

/* =================================================================
   User Profile Menu — Login/Register Dropdown & Display Name
   See docs/user-profile-menu/
   ================================================================= */

/* Shared dropdown: clip child backgrounds to rounded corners */
.fn-user-dropdown {
    overflow: hidden;
    padding: 0;
}

/* Hide parent theme's caret arrow on the dropdown */
.login-register .btn-icon-login-register + .fn-user-dropdown::before {
    display: none;
}

/* Non-logged-in: dropdown needs adequate width for Login/Register items */
.login-register .btn-icon-login-register + .fn-user-dropdown {
    min-width: 180px;
}

/* Style dropdown items consistently for both logged-in and non-logged-in */
.fn-user-dropdown .dropdown-item {
    line-height: 1.5;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #222;
}

.fn-user-dropdown .dropdown-item:last-child {
    border-bottom: none;
}

.fn-user-dropdown .dropdown-item .houzez-icon {
    font-size: 16px;
    width: 20px;
    text-align: center;
}

/* Login item: slightly more prominent */
.fn-user-dropdown .fn-login-trigger {
    font-weight: 500;
}

.fn-user-dropdown .dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

/* Logged-in: letter avatar fallback when no profile picture is set */
.login-register .fn-avatar-letter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background-color: #9b59b6;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}

/* Logged-in: ensure dropdown aligns to right edge and doesn't clip */
.login-register .nav-item {
    position: relative;
}

.login-register .nav-item > .dropdown-menu-end {
    right: 0;
    left: auto;
}

/* User icon: FA icon sizing to match header style */
.btn-icon-login-register .fa-user-circle {
    font-size: 22px;
}


/* =================================================================
   Footer Legal Links — Privacy & Terms
   See docs/footer-legal-links/
   ================================================================= */

/* Reduce gap between copyright and legal links */
.footer-wrap .footer-bottom-wrap {
    padding-bottom: 0.01rem !important;
}

.footer-legal-links {
    font-size: 13px;
    padding-bottom: 20px;
}

.footer-legal-links a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
}

.footer-legal-links a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-legal-sep {
    color: rgba(255, 255, 255, 0.4);
    margin: 0 8px;
}