/*
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
-------------------------------------- */

/* Opción recomendada por ID */
#navi-user {
    margin-left: 25px !important;
}

/* 1. Forzar referencia de posición en los ítems del menú principal */
#header-section.sticky-nav-area #main-nav > li.menu-item-has-children {
    position: relative !important;
}

/* 2. Arreglar el salto del submenú al logo */
#header-section.sticky-nav-area .main-nav .dropdown-menu {
    left: 0 !important;
    right: auto !important;
    top: 100% !important; /* Lo posiciona justo debajo de la barra */
    transform: none !important; /* Bloquea el desplazamiento erróneo de JS */
    position: absolute !important;
}

/* 3. Asegurar que los submenús de segundo nivel (hijos) no se amontonen */
#header-section.sticky-nav-area .main-nav .dropdown-menu .dropdown-menu {
    left: 100% !important; /* Desplaza el sub-submenú a la derecha */
    top: 0 !important;
    margin-top: -1px;
}

/* 4. Evitar que el contenedor oculte el menú al hacer scroll */
#header-section.sticky-nav-area {
    overflow: visible !important;
}



/* Mejora visual de los submenús */
#header-section.sticky-nav-area .dropdown-menu {
    background-color: #ffffff !important; /* Fondo blanco limpio */
    border: none !important;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.1) !important; /* Sombra suave para dar profundidad */
    padding: 10px 0 !important;
}

#header-section.sticky-nav-area .dropdown-item {
    color: #002d4b !important; /* El azul de tu marca */
    font-weight: 500;
    padding: 10px 20px !important;
}

#header-section.sticky-nav-area .dropdown-item:hover {
    background-color: #f8f9fa !important; /* Gris muy clarito al pasar el mouse */
    color: #ff5a3c !important; /* Naranja de tu marca en el texto al pasar el mouse */
}