/*
Theme Name: Restoria
Theme URI: https://restoria.com
Author: Kalanidhi Themes
Author URI: https://themeforest.net/user/kalanidhithemes
Description: Tema de WordPress para restaurantes con diseño elegante y moderno
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: restoria
Tags: restaurant, food, dining, menu, reservation, blog

Restoria es un tema premium para restaurantes que ofrece un diseño sofisticado
y todas las funcionalidades necesarias para un sitio web de restaurante moderno.
*/

/* Custom Language Switcher Styles */
.language-switcher-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.language-switcher-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    height: 100%;
}

.language-switcher-wrapper ul li {
    flex: 1;
    height: 100%;
}

.language-switcher-wrapper ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: transparent; /* Make text invisible */
    text-align: center;
    text-decoration: none;
}

/* ZigZag Menu Template Styles */
.menu-area .row.flex-row-reverse .menu-image {
    text-align: right;
}

.menu-area .menu-image {
    padding: 15px;
}

.menu-area .menu-item-list {
    padding: 15px;
}

/* Styles for static content box in banner */
.banner-container .static-content-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2; /* Ensure it's above the slider images */
    pointer-events: none; /* Allow interaction with elements behind it if needed, though buttons will need specific handling */
}

.banner-container .static-content-box .content-box {
    text-align: center;
    /* Adjust max-width and padding as needed for responsiveness */
    max-width: 800px;
    padding: 20px;
    pointer-events: auto; /* Re-enable pointer events for content inside, like buttons */
}

/* Ensure the swiper-slide content is not visible */
.banner-container .swiper-slide .auto-container {
    display: none;
}

/* Ensure slider and image layers have height */
.banner-section,
.banner-container,
.banner-slider,
.swiper-wrapper,
.swiper-slide,
.swiper-slide .image-layer {
    height: 100%; /* Or a specific height like 100vh */
    min-height: 100vh; /* Example minimum height, adjust as needed */
}