.tb_single_tour .images_single_left{width:65%;float:left;padding-right:15px;padding-left:15px;position:relative;}.ui-datepicker table{border:none!important;}.ui-datepicker td{border:0;padding:0;border:1px solid #ededed;}.ui-datepicker td.date-available a{background:white;}.ui-datepicker .ui-datepicker-other-month{border:none;}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:center;text-decoration:none;font-weight:bold!important;}.ui-state-default{border:none!important;background:white;font-weight:normal;color:#454545;}.ui-datepicker .ui-datepicker-current-day{background:#f0f0f0!important;}.ui-datepicker .ui-datepicker-current-day a{color:#01cb68!important;background:#f0f0f0!important;}#archive-tour::after,.content-area::after{content:'';display:block;clear:both;}.tours li{list-style:none;}.tours.grid{margin:0;}.tours.grid li{float:left;list-style:none;margin:10px 10px 10px 0;}.tours.grid li h3{text-align:center;}.tours.grid li .price{display:block;}.tours.grid::after{content:'';display:block;clear:both;}.tours.list{margin:0;}.tours.list li{margin:10px 0;}.tours.list img{float:left;}.tours.list h3{display:inline-block;margin-left:20px;}.tours.list li .amount{display:inline-block;margin:0 20px;}.tours.list li::after{content:'';display:block;clear:both;}.navigation{text-align:center;border-top:1px solid #E8E8E8;margin:0 0 25px 0;}.navigation ul{margin:30px 0 0;}.navigation ul li{display:inline-block;list-style:none;}.navigation ul li .page-numbers:hover,.navigation ul li .page-numbers.current{border-color:#26bdf7;color:#26bdf7;}.navigation ul li .page-numbers{padding:0 5px;margin:0 5px;width:36px;height:36px;display:inline-block;text-align:center;border:1px solid #E8E8E8;line-height:36px;}.spinner{height:25px;text-align:center;font-size:5px;display:none;}.spinner>div{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out;}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}.spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}.spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}.spinner .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4);}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0);}}.wrapper-gmap{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}.wrapper-gmap .google-map{position:absolute;top:0;left:0;width:100%;height:100%;}.single-woo-tour .total_price_arrow .st_adults_children:before,.single-woo-tour .total_price_arrow .st_adults_children:after{content:"";clear:both;display:table;}.single-woo-tour .total_price_arrow .st_adults_children{margin-bottom:10px;}.single-woo-tour .total_price_arrow .st_adults_children .input-number-ticket{float:none!important;display:inline-block;vertical-align:middle;}
/* ── Fix: images_single_right width so float layout works ──────────────────
   style.css rule (specificity 0,3,0):
     .travel_tour .tb_single_tour .images_single_left { width:69% }
   Bootstrap col-md-4 (specificity 0,1,0):
     .col-md-4 { width:33.33% }  ← LOSES to style.css
   Problem: 69% + 33.33% = 102.33% → float wraps to next row.
   Fix: Override images_single_right to 31% → 69% + 31% = 100% = correct.
   ─────────────────────────────────────────────────────────────────────────── */
.images_single_right {
    width: 31% !important;
    float: left !important;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

/* description_single fills the 31% parent (remove its own float + narrow width) */
.travel_tour .tb_single_tour .images_single_right .description_single,
.travel_tour-page .tb_single_tour .images_single_right .description_single {
    width: 100% !important;
    float: none !important;
}

/* Remove the -121px top offset that was designed for the old sibling layout */
.single-woo-tour .images_single_right .description_single .affix-sidebar {
    top: 0 !important;
}

/* Prevent stepper row overflow in narrow sidebar.
   At 992–1199px container=970px → sidebar=31%=301px → after padding/border ≈219px
   Two 128px steppers + 10px gap = 266px → overflows. Stack them vertically instead. */
.images_single_right .modern-form .form-row-half {
    flex-wrap: wrap;
    gap: 8px;
}
.images_single_right .modern-form .form-row-half > .stepper-field {
    flex: 1 1 120px;
    min-width: 120px;
}

/* datetime-local input styling
   The native datetime-local widget renders its own value chrome, so the
   floating label must stay pinned up (not overlap the date text).
   Padding-top increased to leave room for the pinned label above. */
#tourBookingForm.modern-form .form-field input[type=datetime-local] {
    padding-top: 22px !important;
    padding-bottom: 4px !important;
    color: #333;
    cursor: pointer;
    box-sizing: border-box;
}
/* Pin floating label up permanently for datetime-local */
#tourBookingForm.modern-form .form-field input[type=datetime-local] ~ label {
    top: 6px !important;
    transform: none !important;
    font-size: 10px !important;
    color: #e8a335 !important;
    pointer-events: none;
}
/* Keep icon correct with has-icon wrapper */
#tourBookingForm.modern-form .form-field.has-icon input[type=datetime-local] {
    padding-left: 40px !important;
}