/*
Theme Name: Tourix Child Theme
Theme URI: http://tourix.like-themes.com/
Author: Like Themes
Description: Blank Child Theme for Tourix
Template: tourix
Version: 1.0
*/
._textCenter_textTheme, .wbtm_total_textTheme, ._textTheme{color:#282828 !important;}
a.ui-state-default, a.ui-state-default.ui-state-active{background-color:#282828 !important;}
/* SOLO la parte dettagli viaggio sopra */
.wbtm_container .flexWrap {
    display: block !important;
}

.wbtm_container .flexWrap > .col_6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
}

/* spazio tra immagine e testo */
.wbtm_container .flexWrap > .col_6:first-child {
    margin-bottom: 30px;
}
/* =========================
FIX WBTM QUANTITY CONTROLS
========================= */
.wbtm_style input.formControl{
    display:inline-block;
}
.wbtm_style .groupContent .qtyIncDec {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.wbtm_style .groupContent .decqty,
.wbtm_style .groupContent .incqty {
    width: 38px;
    height: 38px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    background: #fafafa;
    cursor: pointer;
}

.wbtm_style .groupContent .decqty span,
.wbtm_style .groupContent .incqty span {
    font-size: 14px;
}

.wbtm_style .groupContent .inputIncDec {
    width: 55px !important;
    height: 38px;
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    display: inline-block !important;
    margin: 0 !important;
}
/* =====================================
CTA MENU – RICHIEDI PREVENTIVO
===================================== */

#menu-item-48398 > a {
    background: linear-gradient(135deg,#bfa24a,#e3c978);
    color:#0b2c3d !important;
    border-radius:3px;
    padding:8px 18px !important;
    letter-spacing:.3px;
    transition:.25s ease;
}

#menu-item-48398 > a:hover{
    background:linear-gradient(135deg,#a98d39,#d6bb67) !important;
    color:#0b2c3d !important;
}


/* =====================================
WBTM – INPUT FIX
===================================== */

.wtbm_inputList .marker,
.wtbm_inputList .calendar{
    position:relative;
}

.wtbm_inputList .marker i,
.wtbm_inputList .calendar i{
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-50%);
    pointer-events:none;
    font-size:14px;
}

.wtbm_inputList .formControl{
    padding-left:40px !important;
    padding-top:8px;
    padding-bottom:8px;
}


/* =====================================
NASCONDE ICONA SWAP
===================================== */

.wbtm_search_location_toggle{
    display:none !important;
}


/* =====================================
PDF ICON
===================================== */

.fa{
    font-size:40px !important;
}


/* =====================================
RIBBON POSITION
===================================== */

.ribbon{top:170px !important;}

@media(max-width:1024px){
.ribbon{top:130px !important;}
}

@media(max-width:768px){
.ribbon{top:110px !important;}
}

@media(max-width:480px){
.ribbon{top:90px !important;}
}


/* =====================================
LAYOUT GENERALE
===================================== */

.container{
    padding-top:50px !important;
    padding-bottom:50px !important;
}


/* =====================================
WOOCOMMERCE
===================================== */

.woocommerce-terms-and-conditions-link{
    text-decoration:underline !important;
    color:inherit !important;
}

.woocommerce-additional-fields{
    display:none;
}


/* =====================================
CARRELLO – NASCONDE DESTINAZIONE
===================================== */

.woocommerce-cart dd.variation-DettagliPrenotazione ul.cart_list li:has(h6.mR_xs),
.woocommerce-checkout dd.variation-DettagliPrenotazione ul.cart_list li:has(h6.mR_xs){
    display:none !important;
}


/* =====================================
CHECKOUT – RIMUOVE COLONNA TOTALE
===================================== */

.woocommerce-checkout-review-order-table th.product-total,
.woocommerce-checkout-review-order-table td.product-total{
    display:none !important;
}

.woocommerce-checkout-review-order-table td.product-name{
    width:100% !important;
}

@media(max-width:768px){

.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout-review-order-table tr{
    display:block !important;
    width:100% !important;
}

.woocommerce-checkout-review-order-table td.product-name{
    display:block !important;
    width:100% !important;
}

}


/* =====================================
WBTM – LAYOUT PAGINA VIAGGIO
(IMPORTANT: non rompe flexWrap globale)
===================================== */

.wbtm_single_bus_details .flexWrap{
    display:block !important;
}

.wbtm_single_bus_details .flexWrap > div[class*="col_"]{
    width:100% !important;
    max-width:100% !important;
    margin-bottom:30px !important;
}

.wbtm_single_bus_details .bg_image_area{
    width:100% !important;
    background-size:cover;
    background-position:center;
    min-height:450px;
}

@media(max-width:768px){

.wbtm_single_bus_details .bg_image_area{
    min-height:0 !important;
    aspect-ratio:16/9;
}

}


/* =====================================
CONTACT FORM 7
===================================== */

.wpcf7-form-control-wrap{
    position:relative;
    display:block;
    margin-bottom:25px !important;
}

.form-icon{
    position:absolute !important;
    left:15px !important;
    top:26px !important;
    transform:translateY(-50%) !important;
    z-index:10;
    font-size:18px !important;
    color:#0b4c5f;
}

.wpcf7-form-control{
    padding-left:45px !important;
    height:52px !important;
    border:1px solid #ccc !important;
    border-radius:5px !important;
    width:100% !important;
}

.wpcf7-form-control.wpcf7-textarea{
    padding-top:15px !important;
    height:120px !important;
}

.wpcf7-form br{
    display:none !important;
}

.wpcf7-submit{
    display:block !important;
    margin:20px auto !important;
}


/* =====================================
TELEFONO
===================================== */

.intl-tel-input{
    display:block !important;
    width:100%;
}

.intl-tel-input .iti__flag-container{
    height:52px !important;
    display:flex;
    align-items:center;
    padding-left:10px;
}

.intl-tel-input input[type="tel"],
.intl-tel-input input[type="text"]{
    padding-left:95px !important;
}


/* =====================================
PRIVACY
===================================== */

.wpcf7-acceptance{
    margin:20px 0 30px 0 !important;
}

.wpcf7-acceptance label{
    display:flex !important;
    gap:10px;
    font-size:14px;
}

.wpcf7-acceptance input[type="checkbox"]{
    width:18px !important;
    height:18px !important;
}


/* =====================================
NO TRIPS MESSAGE
===================================== */

.no-trips-message{
    background:linear-gradient(90deg,#eef7fb,#e3f0f6);
    padding:30px;
    margin:50px 0;
    text-align:center;
    border:1px solid rgba(11,76,95,0.15);
}

.no-trips-message h5{
    margin:0;
    font-size:26px;
    font-weight:600;
    color:#0b4c5f;
}


/* =====================================
VARIE
===================================== */

.sku_wrapper{display:none !important;}

._themeButton_radius.get_wbtm_bus_list{
    font-size:15px !important;
}


/* =====================================
NASCONDE TOTALE BUS
===================================== */

html.vh-sf-premium-on 
.wbtm_form_submit_area 
.justifyBetween_alignCenter h5{
    display:none !important;
}
/*DATA PICKER*/
/* ================================================
   WBTM Datepicker — fix colori e leggibilità
   Da aggiungere nel CSS personalizzato del tema
   (Aspetto → Personalizza → CSS aggiuntivo)
   ================================================ */

/* Contenitore principale */
.ui-datepicker {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
    padding: 16px !important;
    font-family: inherit !important;
    z-index: 9999 !important;
}

/* Header: mese + anno */
.ui-datepicker-header {
    background: transparent !important;
    border: none !important;
    padding: 0 0 12px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.ui-datepicker-title {
    color: #111827 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

/* Select mese e anno nell'header */
.ui-datepicker-title select {
    background: #f3f4f6 !important;
    color: #111827 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
    font-size: 13px !important;
}

/* Frecce prev/next */
.ui-datepicker-prev,
.ui-datepicker-next {
    background: #f3f4f6 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    width: 28px !important;
    height: 28px !important;
    cursor: pointer !important;
    position: static !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    background: #e5e7eb !important;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    color: #374151 !important;
}

/* Intestazioni giorni della settimana */
.ui-datepicker th {
    color: #6b7280 !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    padding: 6px 4px !important;
    text-align: center !important;
}

/* Celle giorni */
.ui-datepicker td {
    padding: 2px !important;
    text-align: center !important;
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 auto !important;
    border-radius: 50% !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: background .15s, color .15s !important;
}

/* Giorno normale disponibile */
.ui-datepicker td a {
    color: #111827 !important;
    background: transparent !important;
    border: none !important;
}

.ui-datepicker td a:hover {
    background: #f3f4f6 !important;
    color: #111827 !important;
}

/* Giorno selezionato / attivo */
.ui-datepicker td.ui-datepicker-current-day a,
.ui-datepicker td a.ui-state-active,
.ui-datepicker td a.ui-state-highlight {
    background: #1e40af !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Giorno con disponibilità (evidenziato da WBTM) */
.ui-datepicker td.ui-datepicker-available-day a,
.ui-datepicker td.available a {
    background: #1e40af !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Giorno disabilitato / non disponibile */
.ui-datepicker td.ui-datepicker-unselectable span,
.ui-datepicker td.ui-state-disabled span {
    color: #d1d5db !important;
    background: transparent !important;
    cursor: not-allowed !important;
}

/* Oggi */
.ui-datepicker td.ui-datepicker-today a {
    background: #dbeafe !important;
    color: #1e40af !important;
    font-weight: 600 !important;
}

/* Rimuove sfondo grigio sui giorni con UI state default */
.ui-datepicker .ui-state-default {
    background: transparent !important;
    border: none !important;
    color: inherit !important;
}
/* =====================================
RESPONSIVE FORM PRENOTAZIONE
===================================== */

.wbtm_input_start_end_location{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.wbtm_input_start_end_location .wtbm_inputList{
    flex:1 1 45%;
}

.wbtm_input_start_end_date{
    width:100%;
}

@media(max-width:768px){

.wbtm_input_start_end_location{
    flex-direction:column;
}

.wbtm_input_start_end_location .wtbm_inputList{
    width:100%;
}

}