/* Barre de navigation principale */
.top_bar {
    border: 0;
    height: auto !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: rgba(162, 127, 106, 0.95) !important;
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* Logo à gauche */
.logo_container {
    float: left;
    display: inline-block;
    margin-right: auto;
}

.logo_container img {
    height: 100%; /* Taille initiale du logo */
    transition: height 0.3s ease; /* Transition pour un futur éventuel */
}

/* Menu à droite */
#menu_wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

#menu_wrapper .nav ul {
    display: flex;
    list-style: none;
    gap: 20px;
    margin: 0;
    padding: 0;
}

#menu_wrapper .nav ul li a {
    color: white;
    text-decoration: none;
    padding: 15px 10px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Bouton de réservation */
#tg_reservation {
    background-color: #A38350;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    #nav_wrapper {float: right; display: table; height: 100%;}
    .nav_wrapper_inner, .logo_align {display: inline-block!important;}
    #wrapper.hasbg .top_bar {background-color: rgba(0, 0, 0, 0.4)!important;}

    /* Position initiale du logo en haut de la page */
    #wrapper .logo_container {
        position: absolute;
        left: 50%;
        margin-top: -30px;
        transform: translateX(-50%);
        text-align: center;
    }

    /* Position du logo lorsque la page est scrollée */
    #wrapper.hasbg .top_bar.scroll .logo_container {
        top: 40px; /* Logo plus bas */
    }

    #menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a {font-size: 12px!important;}
    .logo_wrapper img {width: auto !important;}
    .logo_container {display: table; height: 100%; margin: 0; float: left;}
    .top_bar.hasbg .logo_container {display: table!important;}
    #nav_wrapper {float: none; margin: 0 auto; display: table; height: 100%;}
    .nav_wrapper_inner, .logo_align {display: middle;}
    /* .menu_buttons_container {float: right; display: table; height: 100%; }
       .menu_buttons_content {display: none;} */
    #nav_wrapper {display: table !important;}
    #menu_wrapper {margin: auto; width: 100%; height: 100%;}
    body {max-width: 960px;}
    .standard_wrapper {width: 100%; margin: auto;}
    #page_content_wrpper, .page_content_wrapper {width: 100%; margin: auto; padding-bottom: 0;}
    #footer {padding: 50px; float: none;}
    .one_half {float: none!important; width: 100%!important; position: relative!important; left: 0!important;}
    #menu_wrapper .nav_wrapper_inner .nav ul li, #menu_wrapper div .nav li#menu-item-4474 {margin-right: 150px!important;}
    #menu_wrapper .nav_wrapper_inner .nav ul li, #menu_wrapper div .nav li#menu-item-5337 {margin-right: 150px!important;}
}

@media only screen and (max-width: 767px) {
    .logo_wrapper img {width: auto !important;}
    .logo_container {display: table; height: 100%; margin: 0; float: left;}
    #logo_transparent.hidden, #logo_normal.hidden {display: table!important;}

    /* Réduction de la taille du logo sur mobile */
    .logo_container img {
        height: 150px !important; /* Taille réduite du logo pour mobile */
    }

    #wrapper.hasbg .logo_container {
        position: absolute;
        left: 50%!important;
        margin-top: 25px;
        transform: translateX(-50%);
    }
    #wrapper.hasbg .logo_container.scroll {
        left: 50%!important;
        margin-top: 25px;
        transform: translateX(-50%);
    }
    #nav_wrapper {float: right; display: table; height: 100%;}
    .nav_wrapper_inner, .logo_align {display: table-cell;}
    .menu_buttons_container {float: right; display: table; height: 100%;}
    .menu_buttons_content {display: table-cell;}
    #nav_wrapper {display: table !important;}
    #wrapper.hasbg .nav_wrapper_inner {margin-top: 10px!important; margin-bottom: 0px!important;}
    #logo_transparent {display: table-cell!important;}
    #wrapper.hasbg .top_bar {background-color: rgba(162, 127, 106, 1)!important;}
    .nav_wrapper_inner, .logo_align {display: inline-table;}
    .top_bar {height: auto !important;}
    #top_contact_address, h2.widgettitle {display: none!important;}
    #footer .sidebar_widget.four > li {
        text-align: center!important;
    }
}