/*
Theme Name: WENS Travelx
Theme URI: https://wensolutions.com/themes/wens-travelx/
Template: wens-haelo
Author: WEN Solutions
Author URI: https://wensolutions.com/
Description: WENS Travelx is a modern, lightweight, and flexible WordPress child theme of WENS Haelo.
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio
Text Domain: wens-travelx
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.9
Version: 1.0.1

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* =========================================================
   RESET
   ========================================================= */

html,
body,
.wp-site-blocks {
    margin: 0 !important;
    padding: 0 !important;
}

.wp-site-blocks {
    gap: 0 !important;
}

.wp-site-blocks > * {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}


/* =========================================================
   CAŁY HEADER
   ========================================================= */

header.wp-block-template-part {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 1000 !important;
}


/* Zewnętrzna grupa nagłówka */
.z-index-navbar.header-przewodnik {
    position: relative !important;
    margin: 0 !important;
    padding: 0 20px !important;
    overflow: visible !important;
    background: transparent !important;
}


/* =========================================================
   GÓRNA ZIELONA BELKA
   ========================================================= */

.z-index-navbar.header-przewodnik > .mobile-disable {
    position: relative !important;
    margin: 0 !important;
    z-index: 1002 !important;
}


/* =========================================================
   WIERSZ: LOGO + MENU
   ========================================================= */

/*
   Cały wiersz logo/menu NIE może zajmować miejsca
   pomiędzy zieloną belką a zdjęciem.
*/

.wens-prova-nav.menu-na-zdjeciu {
    position: absolute !important;

    top: 100% !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    min-height: 80px !important;

    background: transparent !important;

    overflow: visible !important;

    z-index: 1005 !important;
}


/* Usuń jasne/białe tło z elementów wiersza */
.wens-prova-nav.menu-na-zdjeciu,
.wens-prova-nav.menu-na-zdjeciu > *,
.wens-prova-nav.menu-na-zdjeciu .wp-block-group,
.wens-prova-nav.menu-na-zdjeciu .wp-block-navigation {
    background: transparent !important;
    background-color: transparent !important;
}


/* =========================================================
   SAMO LOGO
   ========================================================= */

/*
   Logo jest całkowicie wyjęte z układu.
   Jego wielkość NIE może już powiększać żadnego rodzica.
*/

.logo-overlay {
    position: absolute !important;

    top: 0 !important;
    left: 8% !important;

    width: 262px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 1100 !important;
}


/* Link logo */
.logo-overlay a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Obraz */
.logo-overlay img {
    display: block !important;

    width: 262px !important;
    max-width: 262px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   MENU
   ========================================================= */

.menu-na-zdjeciu .wp-block-navigation {
    position: relative !important;
    z-index: 1050 !important;

    min-height: 80px !important;

    display: flex !important;
    align-items: center !important;
}


/* =========================================================
   HERO
   ========================================================= */

main {
    margin: 0 !important;
    padding: 0 !important;
}

header.wp-block-template-part + main {
    margin-top: 0 !important;
}

.banner-margin-top {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

main > *:first-child {
    margin-top: 0 !important;
}

main .wp-block-cover:first-of-type {
    margin-top: 0 !important;
}


/* =========================================================
   KLUCZOWE:
   HEADER MA KOŃCZYĆ SIĘ NA ZIELONEJ BELCE
   ========================================================= */

/*
   Wiersz menu jest absolute, więc nie powinien już
   zwiększać wysokości tej grupy.
*/

.header-przewodnik {
    min-height: 0 !important;
    height: auto !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 781px) {

    .wens-prova-nav.menu-na-zdjeciu {
        min-height: 65px !important;
    }

    .logo-overlay {
        left: 20px !important;
        width: 140px !important;
    }

    .logo-overlay img {
        width: 140px !important;
        max-width: 140px !important;
    }
}