/* ==================================================
   MODERN HERO DATE FIELD (BOOKINGCORE SAFE)
================================================== */

/* Remove old underline + spacing */
.wf-date-modern .border-bottom-1,
.wf-date-modern .form-content{
    border:none !important;
    margin:0 !important;
    padding:0 !important;
}

/* Main wrapper */
.wf-date-modern{
    display:flex;
    flex-direction:column;
}

/* Label */
.wf-date-label{
    font-size:13px;
    color:#6b7280;
    font-weight:500;
    margin-bottom:6px;
}

/* Modern box */
.wf-date-box{
    background:#f5f7fb;
    border-radius:16px;
    padding:12px 16px;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:60px;
    position:relative;
    transition:all .2s ease;
}

.wf-date-box:hover{
    background:#eef2f7;
}

/* Icon */
.wf-date-icon{
    font-size:18px;
    color:#4f46e5;
}

/* Date text */
.wf-date-text{
    font-size:15px;
    font-weight:600;
    color:#111827;
    display:flex;
    align-items:center;
    gap:6px;
}

.wf-separator{
    color:#9ca3af;
}

/* Hide ugly real input but keep clickable */
.wf-date-box .check-in-out{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    opacity:0 !important;
    cursor:pointer !important;
    border:none !important;
    background:transparent !important;
}

/* Remove theme form-control behaviour */
.wf-date-box .form-control{
    border:none !important;
    box-shadow:none !important;
    background:transparent !important;
}

/* Remove flatpickr altInput if present */
.wf-date-box .flatpickr-input:not(.check-in-out){
    display:none !important;
}

/* Ensure calendar popup is above hero */
.flatpickr-calendar{
    z-index:99999 !important;
}

/* ==================================================
   PASSENGER CARD

/* PASSENGER DROPDOWN FIX */

.passenger-card-modern{
    width:340px;
    padding:18px;
    border-radius:12px;
    border:1px solid #eee;
}

/* Row layout */

.passenger-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:14px;
}

/* Left side */

.passenger-label{
    display:flex;
    align-items:center;
    gap:10px;
}

.passenger-label img{
    width:22px;
    height:22px;
}

/* Text */

.passenger-label .title{
    font-weight:600;
}

.passenger-label .sub{
    font-size:12px;
    color:#777;
}

/* Controls */

.passenger-controls{
    display:flex;
    align-items:center;
    gap:8px;
}

/* Input */

.passenger-controls input{
    width:50px;
    text-align:center;
    border:1px solid #ddd;
    border-radius:8px;
    height:32px;
}

/* Round buttons */

.round-btn{
    width:32px;
    height:32px;
    border-radius:50%;
    border:1px solid #ddd;
    background:white;
    cursor:pointer;
}

/* Cabin select */

.cabin-select{
    width:130px;
    border-radius:8px;
    border:1px solid #ddd;
    height:36px;
}
.passenger-controls input::-webkit-outer-spin-button,
.passenger-controls input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.passenger-controls input{
    appearance:none;
}
.passenger-row:hover{

background:#f8f9fb;

border-radius:10px;

}

.passenger-row:hover .round-btn{

border-color:#2a7de1;

color:#2a7de1;

}
.round-btn{
    width:36px;
    height:36px;
    border-radius:50%;
    border:2px solid #d9d9d9;
    background:white;
    color:#333;
    font-size:18px;
    line-height:32px;
    text-align:center;
    cursor:pointer;
    transition:all .2s;
}


/* Hover */
.round-btn:hover{
    border-color:#1a73e8;
    color:#1a73e8;
}


/* Active click */
.round-btn:active{
    transform:scale(0.95);
}


/* Focus highlight */
.round-btn:focus{
    outline:none;
    border-color:#1a73e8;
    color:#1a73e8;
}

.passenger-card-modern {
    pointer-events: auto;
}

.passenger-trigger {
    cursor:pointer;
}

.passenger-card-modern{

position:absolute;
top:45px;
left:0;

width:320px;

background:white;

border-radius:14px;

box-shadow:0 10px 30px rgba(0,0,0,.15);

padding:20px;

display:none;

z-index:9999;

}


.passenger-card-modern.open{

display:block;

}