/*
Theme Name: Hoteller Child
Theme URI: https://themes.themegoods.com/hoteller/landing
Description: Premium Photography WordPress Theme
Version: 1.0
Author: ThemeGoods
Author URI: https://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: https://themeforest.net/licenses/regular_extended
Text Domain: hoteller
Template: hoteller
*/

/*
 * Fix IT Elementor header layout (post 2491 normal, 2492 sticky).
 *
 * Root cause: Elementor's frontend.min.css contains
 *   :not(.elementor-bc-flex-widget) .elementor-widget-wrap { display: flex; }
 * so when the post has the elementor-bc-flex-widget class, the widget-wrap
 * loses display:flex and widgets fall back to block layout → they stack
 * vertically (hamburger above nav) instead of appearing side by side.
 *
 * Fix: restore display:flex on the widget-wraps inside these posts.
 */
.elementor-2491 .elementor-widget-wrap.elementor-element-populated,
.elementor-2492 .elementor-widget-wrap.elementor-element-populated {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

/*
 * Allinea il contenuto delle pagine standard (page-template-default) con
 * il container Elementor dell'header (max-width 1140px).
 * Il tema usa 960px di default → il testo appare più a sinistra del menu.
 */
body.page-template-default #page_content_wrapper:not(.wide),
body.page-template-default .standard_wrapper {
    width: 1140px;
    max-width: 100%;
    box-sizing: border-box;
}

/* Padding voci submenu (override hoteller-elementor.css che forza padding:0) */
.tg_navigation_wrapper .nav > li > ul > li > a,
.tg_navigation_wrapper .nav li ul li a {
    padding: 8px 20px !important;
}


/* Fix hamburger alignment — EN normal header   (post 1032, element 88af787)
 *                           IT normal header   (post 2491, element 88af787)
 *                           IT sticky header   (post 2492, element 4527617)
 *                           Home normal header (post 198,  element f768734)
 * Root cause: sticky header (post 194, element 4527617) has margin-bottom -18px
 * that shifts the hamburger down to align with the nav text.
 * Normal headers lack this offset → hamburger appears higher than menu.
 */
.elementor-1032 .elementor-element-88af787,
.elementor-2491 .elementor-element-88af787,
.elementor-2492 .elementor-element-4527617,
.elementor-198  .elementor-element-f768734 {
    margin-bottom: calc(var(--kit-widget-spacing, 0px) + -18px) !important;
}