/*
Theme Name: Fitmeal Child Theme
Theme URI: http://fitmeal.like-themes.com/
Author: Like Themes
Author URI: http://like-themes.com/
Description: Blank Child Theme for Fitmeal
Template: fitmeal
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: four-columns, right-sidebar, full-width-template
Text Domain: fitmeal

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Custom navbar layout - logo left, menu center, buttons right */
@media (min-width: 1200px) {
    /* Make container flexbox to align logo, menu and buttons horizontally */
    nav.navbar .container {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    /* Logo stays on the left */
    nav.navbar .navbar-logo {
        position: relative !important;
        flex-shrink: 0;
        margin-right: 20px;
        order: 1;
    }

    /* Menu container in the center */
    nav.navbar #navbar.navbar-desktop {
        position: relative !important;
        transform: none !important;
        top: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        flex-grow: 1;
        text-align: center;
        order: 2;
    }

    /* Menu items centered */
    nav.navbar #navbar.navbar-desktop ul.navbar-nav {
        display: inline-block;
        margin: 0 !important;
        text-align: center;
    }

    /* Remove regular menu items that should be buttons (last 2 items) */
    nav.navbar #navbar.navbar-desktop ul.navbar-nav > li:nth-last-child(1),
    nav.navbar #navbar.navbar-desktop ul.navbar-nav > li:nth-last-child(2) {
        display: none !important;
    }

    /* Adjust spacing for menu items */
    nav.navbar #navbar.navbar-desktop ul.navbar-nav > li > a {
        padding: 0px 12px 0 !important;
    }

    /* Create buttons container on the right */
    nav.navbar .navbar-buttons {
        display: flex !important;
        gap: 15px;
        flex-shrink: 0;
        order: 3;
        align-items: center;
    }

    /* Style for "Zamów ONLINE" button (green) */
    nav.navbar .navbar-buttons .btn-order {
        background-color: #8EC038 !important;
        color: #fff !important;
        padding: 12px 24px !important;
        border-radius: 36px !important;
        font-family: 'Fira Sans', serif !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        white-space: nowrap;
        border: 2px solid transparent !important;
    }

    nav.navbar .navbar-buttons .btn-order:hover {
        background-color: #6E9761 !important;
        color: #fff !important;
    }

    /* Style for "Panel klienta" button (yellow) */
    nav.navbar .navbar-buttons .btn-panel {
        background-color: #fec009 !important;
        color: #fff !important;
        padding: 12px 24px !important;
        border-radius: 36px !important;
        font-family: 'Fira Sans', serif !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        white-space: nowrap;
        border: 2px solid transparent !important;
    }

    nav.navbar .navbar-buttons .btn-panel:hover {
        background-color: #D6111E !important;
        color: #fff !important;
    }
}

/* Hide custom buttons on mobile */
@media (max-width: 1199px) {
    nav.navbar .navbar-buttons {
        display: none !important;
    }

    /* Fix mobile layout - restore original structure */
    nav.navbar .container {
        display: block !important;
        position: relative !important;
    }

    /* Fix logo positioning on mobile */
    nav.navbar .navbar-logo {
        position: absolute !important;
        margin-right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        left: 15px !important;
    }

    /* Make sure mobile menu has proper z-index */
    nav.navbar #navbar {
        position: fixed !important;
        z-index: 9999 !important;
    }

    /* Make sure hamburger menu is visible */
    nav.navbar .navbar-controls {
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 1000 !important;
    }

    nav.navbar .navbar-toggle {
        display: block !important;
        float: right !important;
    }
}