/*
Theme Name: Bricks Child - Montanaro Fratelli
Theme URI: https://montanarofratelli.com/
Description: Tema child di Bricks. Raccoglie le personalizzazioni del sito Montanaro Fratelli, così che Bricks possa essere aggiornato senza perdite.
Author: da-si
Template: bricks
Version: 1.0.0
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: bricks-child
Update URI: false
*/

/* ==========================================================================
 * Box di ricerca prodotti
 *
 * Il markup arriva dallo shortcode [montanaro_ricerca_prodotti], gestito da
 * Code Snippets. Lo stile stava invece nel CSS per elemento di Elementor e
 * si e' perso disattivandolo: senza, i tre campi si impilano in verticale.
 * Recuperate da tools/riferimento/home-it.html, tolto lo scoping Elementor
 * e mantenuti i media query.
 * ======================================================================= */

.montanaro-search-box {
    width: 100%;
    margin: 0;
}
.montanaro-search-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}
.montanaro-search-field {
    display: flex;
    align-items: center;
    margin: 0 !important;
}
.montanaro-search-category {
    flex: 0 0 170px;
    border: none !important;
}
.montanaro-search-text {
    flex: 0 0 300px;
}
.montanaro-search-button {
    flex: 0 0 90px;
}
.montanaro-search-box select, .montanaro-search-box input {
    width: 100%;
    height: 38px;
    min-height: 38px;
    border: 1px solid #dddddd;
    outline: none;
    padding: 0 10px;
    font-size: 14px;
    color: #333333;
    background: #ffffff;
    border-radius: 2px;
    box-shadow: none;
    margin: 0 !important;
}
.montanaro-search-box input::placeholder {
    color: #999999;
}
.montanaro-search-button button {
    width: 100%;
    height: 38px;
    min-height: 38px;
    border: 1px solid #b40016;
    background: #b40016;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 2px;
    margin: 0 !important;
    padding: 0 10px;
    transition: all 0.25s ease;
}
.montanaro-search-button button:hover {
    background: #8f0012;
    border-color: #8f0012;
}
@media (max-width: 767px) {
    .montanaro-search-inner {
        flex-direction: column !important;
        max-width: 100%;
        gap: 8px;
    }
    .montanaro-search-category, .montanaro-search-text, .montanaro-search-button {
        flex: 0 0 auto;
        width: 100%;
    }
}

/* ==========================================================================
 * Spaziatore sopra il piè di pagina del negozio
 *
 * In Elementor il modello 36266, uno spaziatore, valeva solo per le pagine
 * WooCommerce. Nel piè di pagina Bricks c'è sempre e si mostra solo lì: la
 * classe sul body la aggiunge il frammento "Header e Footer WooCommerce".
 * ======================================================================= */

body:not(.montanaro-woocommerce-area) .montanaro-solo-negozio {
    display: none;
}