/* ===================================================
   ESTARG SEARCH BAR - CSS DEFINITIVO PULITO
   =================================================== */

.estarg-search-bar,
.estarg-search-bar *,
.estarg-search-bar *::before,
.estarg-search-bar *::after{
    box-sizing:border-box;
}

.estarg-search-bar{
    width:100%;
    max-width:980px;
    margin:0 auto;
    padding:12px;
    border-radius:18px;
    background:rgba(255,255,255,.75);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:0 10px 30px rgba(0,0,0,.14);
    position:relative;
    z-index:9999;
}

.estarg-form{
    display:grid;
    grid-template-columns:1fr 190px 150px;
    gap:12px;
    align-items:center;
    width:100%;
    margin:0;
    padding:0;
}

.estarg-date-picker,
.estarg-guests-selector,
.estarg-submit-btn{
    height:52px;
    min-height:52px;
    margin:0;
}

.estarg-date-picker,
.estarg-guests-selector{
    display:flex;
    align-items:center;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    padding:0 14px;
}

.estarg-date-picker{
    gap:10px;
}

#label-select-dates{
    color:var(--villoz-base,#537eac);
    font-size:28px;
    flex:0 0 auto;
}

#estarg-date-input{
    width:100%;
    height:52px;
    border:0;
    outline:0;
    background:transparent;
    box-shadow:none;
    text-align:center;
    font-size:15px;
    cursor:pointer;
}

.estarg-guests-selector{
    justify-content:center;
    gap:10px;
    flex-wrap:nowrap;
}

.estarg-guests-selector .material-symbols-outlined{
    font-size:20px;
    color:#333;
    flex:0 0 auto;
}

#estarg-labels-n-guest{
    display:none;
}

#estarg-guests{
    width:38px;
    height:52px;
    border:0;
    outline:0;
    background:transparent;
    box-shadow:none;
    text-align:center;
    font-size:18px;
    font-weight:700;
    color:#222;
}

.estarg-guest-btn{
    position:relative;
    width:34px;
    height:34px;
    min-width:34px;
    min-height:34px;
    border-radius:50%;
    border:1px solid rgba(0,0,0,.18);
    background:#fff;
    padding:0;
    cursor:pointer;
    flex:0 0 34px;
}

.estarg-guest-btn::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:14px;
    height:2px;
    background:#0059bb;
    transform:translate(-50%,-50%);
}

.estarg-guest-btn.plus::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:2px;
    height:14px;
    background:#666;
    transform:translate(-50%,-50%);
}

.estarg-submit-btn,
#estarg-label-search{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:52px;
    min-height:52px;
    border:0;
    border-radius:14px;
    background:var(#0059bb);
    color:#fff;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    cursor:pointer;
    white-space:nowrap;
    padding:0 20px;
    line-height:1;
}

.estarg-submit-btn:hover,
#estarg-label-search:hover{
    filter:brightness(.92);
}

/* NON nascondere i <p>, altrimenti sparisce il pulsante */
.estarg-search-bar p{
    display:contents !important;
    margin:0 !important;
    padding:0 !important;
}

.estarg-search-bar br{
    display:none !important;
}

/* Forza il pulsante visibile */
#estarg-label-search,
.estarg-submit-btn{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    width:150px !important;
    min-width:150px !important;
    height:52px !important;
    background:#0059bb !important;
    color:#fff !important;
    align-items:center !important;
    justify-content:center !important;
}

/* Date leggibili */
#estarg-date-input{
    color:#222 !important;
    opacity:1 !important;
    font-size:16px !important;
}

#estarg-date-input::placeholder{
    color:#555 !important;
    opacity:1 !important;
}

@media(max-width:767px){
    .estarg-form{
        grid-template-columns:1fr;
    }

    .estarg-date-picker,
    .estarg-guests-selector,
    .estarg-submit-btn,
    #estarg-label-search{
        width:100%;
    }
}