/*
Theme Name: The7
Theme URI: https://the7.io/
Author: Dream-Theme
Author URI: https://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Version: 12.8.1.1
Tested up to: 6.8.0
Requires PHP: 7.2.0
Requires at least: 6.6.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: https://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: https://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/

.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor,
.main-page {}


/* Contenitore principale */
#booking-controls {
    display: flex; /* Attiva Flexbox */
    gap: 30px; /* Spazio tra i due campi */
    align-items: flex-end; /* Allinea gli input in basso */
    margin: 20px 0;
    padding: 15px; /* Aggiunge un po' di spazio intorno */
    background: #f9f9f9; /* Sfondo leggero per evidenziare */
    border-radius: 8px;
    flex-wrap: wrap; /* Rende la struttura responsive su mobile */
}

/* Contenitore di ogni singolo campo */
.booking-field {
    display: flex;
    flex-direction: column; /* Impila label e input in verticale */
    flex-grow: 1; /* Permette ai campi di espandersi */
    min-width: 150px; /* Larghezza minima per evitare schiacciamenti */
}

/* Stile per le etichette */
#booking-controls label {
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
}

/* Stile per gli input (Data e Ora) */
#booking-controls input {
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.3s;
    height: 45px; /* Altezza fissa per allineamento visivo */
}

#booking-controls input:focus {
    border-color: #0073aa; /* Colore di focus di WordPress */
    box-shadow: 0 0 0 1px #0073aa;
    outline: none;
}

/* Media Query per Mobile: Rende i campi a tutta larghezza */
@media (max-width: 600px) {
    #booking-controls {
        flex-direction: column;
        gap: 15px;
    }
    .booking-field {
        width: 100%;
        min-width: unset;
    }
}