/* ==========================================
   EKDROMISTAS TRAVEL WIDGET
   Horizontal ("row") layout
   Ενεργοποιείται μόνο με ?layout=row στο iframe (αρχική σελίδα).
   Το Travel Hub (/trips) φορτώνει το widget χωρίς την παράμετρο
   και κρατά το κανονικό, κάθετο layout.
   ========================================== */

/* ---------- ένα καθαρό κουτί αντί για τρία ---------- */

html.layout-row,
html.layout-row body{
    background:transparent;
}

html.layout-row body{
    padding-bottom:0;
}

html.layout-row .travel-hub{
    min-height:0;
}

html.layout-row .widget-container{
    width:100%;
    margin:0;
    /* χώρος για τη σκιά του κουτιού μέσα στο iframe (αλλιώς κόβεται στις άκρες) */
    padding:8px 32px 46px;
}

html.layout-row .widget-box{
    min-height:0;
    display:block;
    font-size:inherit;
    font-weight:inherit;
    background:#fff;
    border-radius:24px;
    padding:14px 22px 22px;
    box-shadow:0 12px 30px rgba(15,23,42,.16);
}

html.layout-row .travel-widget{
    max-width:none;
}

/* ---------- tabs: μία σειρά από pills ---------- */

html.layout-row .travel-widget-tabs{
    display:flex;
    flex-wrap:nowrap;
    gap:6px;
    padding:0 0 12px;
    background:none;
    border-radius:0;
    box-shadow:none;
    border-bottom:1px solid #e8edf4;
    overflow-x:auto;
    scrollbar-width:none;
}

html.layout-row .travel-widget-tabs::-webkit-scrollbar{
    display:none;
}

html.layout-row .tab{
    flex:0 0 auto;
    flex-direction:row;
    gap:8px;
    min-height:44px;
    padding:0 16px;
    border-radius:999px;
    font-size:14px;
    white-space:nowrap;
}

html.layout-row .tab:hover{
    background:#f4f7fb;
}

html.layout-row .tab.active{
    transform:none;
    box-shadow:none;
}

html.layout-row .tab-icon{
    width:20px;
    height:20px;
}

html.layout-row .tab.active .tab-icon{
    transform:none;
}

/* ---------- panel: χωρίς δεύτερο κουτί ---------- */

html.layout-row .travel-widget-content{
    margin-top:14px;
    padding:0;
    border:none;
    border-radius:0;
    box-shadow:none;
}

html.layout-row .travel-widget-content::before{
    display:none;
}

/* ---------- header: μία λεπτή γραμμή ---------- */

html.layout-row .partner-header{
    flex-wrap:nowrap;
    align-items:center;
    gap:16px;
    margin-bottom:14px;
    min-height:30px;
}

html.layout-row .widget-header-text h2{
    display:none;
}

html.layout-row .widget-header-text p{
    font-size:14px;
    color:#64748b;
    margin:0;
}

html.layout-row .partner-logo{
    width:auto;
    max-width:150px;
    max-height:28px;
}

/* λογότυπα με πολύ κενό γύρω τους */
html.layout-row .discovercars-logo,
html.layout-row .getyourguide-logo{
    max-height:40px;
}

html.layout-row .flight-provider-picker{
    flex-direction:row;
    align-items:center;
    gap:10px;
}

html.layout-row .flight-provider-label{
    font-size:13px;
}

html.layout-row .flight-provider-logo{
    padding:3px 10px;
}

html.layout-row .flight-provider-logo img{
    max-height:24px;
}

/* ---------- πεδία ---------- */

/* η κενή λίστα προτάσεων έδειχνε το περίγραμμά της σαν γραμμή κάτω από το πεδίο */
html.layout-row .autocomplete-results:not(:has(*)){
    display:none;
}

html.layout-row .travel-field label{
    margin-bottom:6px;
    font-size:12.5px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

html.layout-row .travel-field input,
html.layout-row .travel-field select{
    height:52px;
    border-radius:14px;
    padding:0 14px;
    font-size:15px;
}

html.layout-row .travel-search-btn{
    height:52px;
    border-radius:14px;
    font-size:16px;
}

/* ---------- desktop: όλα σε μία γραμμή ---------- */

@media(min-width:900px){

    html.layout-row .travel-form{
        flex-direction:row;
        flex-wrap:wrap;
        align-items:flex-end;
        gap:12px;
    }

    html.layout-row .travel-row{
        display:contents;
    }

    html.layout-row .travel-form .travel-field{
        flex:1 1 100px;
        min-width:0;
    }

    /* το πρώτο πεδίο (προορισμός / από) παίρνει περισσότερο χώρο */
    html.layout-row .travel-form > .travel-field:first-child{
        flex:1.6 1 200px;
    }

    /* πτήσεις / ακτοπλοϊκά: «Από» και «Προς» */
    html.layout-row .travel-form > .travel-row:first-child > .travel-field{
        flex:1.4 1 140px;
    }

    /* «Με επιστροφή» να χωράει ολόκληρο */
    html.layout-row .travel-field:has(#flight-type, #ferry-type){
        flex:1.35 1 130px;
    }

    /* eSIM: οι πάροχοι χρειάζονται χώρο για τρία λογότυπα */
    html.layout-row .travel-field:has(.esim-providers){
        flex:2 1 300px;
    }

    html.layout-row .esim-providers{
        height:52px;
        gap:8px;
    }

    html.layout-row .provider-card{
        padding:6px 8px;
        border-radius:14px;
    }

    html.layout-row .provider-card img{
        max-height:22px;
    }

    html.layout-row .travel-search-btn{
        flex:0 0 auto;
        width:auto;
        padding:0 26px;
        white-space:nowrap;
    }

}

/* ---------- κινητό ---------- */

@media(max-width:768px){

    html.layout-row .widget-container{
        padding:6px 4px 44px;
    }

    html.layout-row .widget-box{
        border-radius:20px;
        padding:12px 14px 18px;
    }

    /* κινητό: σταθερό πλέγμα χωρίς swipe - 4 κατηγορίες πάνω, 3 κάτω */
    html.layout-row .travel-widget-tabs{
        display:grid;
        grid-template-columns:repeat(12,1fr);
        gap:6px;
        overflow:visible;
        padding:0 0 12px;
    }

    html.layout-row .tab{
        flex-direction:column;
        justify-content:center;
        gap:6px;
        min-height:62px;
        padding:6px 4px;
        border-radius:16px;
        font-size:12.5px;
        white-space:normal;
        text-align:center;
    }

    html.layout-row .tab-icon{
        width:22px;
        height:22px;
    }

    html.layout-row .tab{
        font-size:11.5px;
        line-height:1.2;
    }

    html.layout-row .partner-header{
        margin-bottom:12px;
    }

    html.layout-row .travel-form{
        gap:14px;
    }

    html.layout-row .travel-row{
        gap:14px;
    }

}

/* ---------- Τρένα & Λεωφορεία (Omio) ---------- */

html.layout-row .partner-wordmark{
    font-size:24px;
}

@media(min-width:900px){

    /* πέντε πεδία + κουμπί σε μία γραμμή */
    html.layout-row .travel-field:has(#train-mode){
        flex:1.1 1 120px;
    }

}