/* =========================================
   KTEL TABLE
   ========================================= */

.ktel-table table{
  width:100%;
  border-collapse:collapse;
}

/* header */

.ktel-table thead th{
  background:#34495e;
  color:#ffffff !important;
  font-weight:600;
  text-align:left;
  padding:12px;
}

/* cells */

.ktel-table td{
  padding:10px;
  border-bottom:1px solid #e5e5e5;
}

/* =========================================
   HOURS DESKTOP
   ========================================= */

.ktel-table td:nth-child(4){
  font-family:monospace;
  font-weight:700;
  letter-spacing:1px;
  color:#1e3a5f;
  white-space:nowrap;
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width:768px){

.ktel-table{
  font-size:13px;
}

/* ώρες κάθετα μόνο στο κινητό */

.ktel-table td:nth-child(4){
  white-space:normal;
}

.ktel-table td:nth-child(4)::before{
  content:"";
}

.ktel-table td:nth-child(4){
  line-height:1.9;
}

}

/* =================================
   KTEL HEADER FIX MOBILE
   ================================= */

@media (max-width:768px){

.ktel-table thead{
display:table-header-group !important;
}

.ktel-table th{
display:table-cell !important;
}

.ktel-table table{
display:table !important;
}

.ktel-table tr{
display:table-row !important;
}

.ktel-table td{
display:table-cell !important;
}

}

/* για την πάνω μπάρα */
/* ======================================
   KTEL EXPOSED FORM - FINAL
   ====================================== */

#views-exposed-form-dromologia-ktel-samoy-block-1 {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap: 16px;
  align-items: end;

  background: #eef2f6;
  padding: 18px;
  border-radius: 10px;
  margin-bottom: 20px;
}

#views-exposed-form-dromologia-ktel-samoy-block-1 .js-form-item,
#views-exposed-form-dromologia-ktel-samoy-block-1 .form-actions {
  margin: 0 !important;
  width: 100%;
}

#views-exposed-form-dromologia-ktel-samoy-block-1 .js-form-item {
  display: flex;
  flex-direction: column;
}

#views-exposed-form-dromologia-ktel-samoy-block-1 label {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
}

#views-exposed-form-dromologia-ktel-samoy-block-1 select {
  width: 100%;
  min-width: 0;
  height: 40px;
  font-size: 14px;
  border-radius: 8px;
}

#views-exposed-form-dromologia-ktel-samoy-block-1 .form-submit {
  width: auto !important;
  min-width: 140px;
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
  font-size: 14px;
}

/* tablet */
@media (max-width: 1024px) {
  #views-exposed-form-dromologia-ktel-samoy-block-1 {
    grid-template-columns: 1fr 1fr;
  }

  #views-exposed-form-dromologia-ktel-samoy-block-1 .form-submit {
    width: 100% !important;
    min-width: 0;
  }
}

/* mobile */
@media (max-width: 768px) {
  #views-exposed-form-dromologia-ktel-samoy-block-1 {
    grid-template-columns: 1fr;
  }

  #views-exposed-form-dromologia-ktel-samoy-block-1 .form-submit {
    width: 100% !important;
  }
}

/* Για το επόμενο δρομολόγιο */ 
/* ===== Next Bus Widget ===== */

#next-bus-box{
  background:#f4f6f9;
  border:1px solid #d8dde4;
  border-radius:10px;
  padding:14px 16px;
  margin-top:8px;
  max-width:480px;
}

/* διαδρομή */

#next-bus-box .next-bus-route{
  font-size:15px;
  font-weight:600;
  color:#2c3e50;
  margin-bottom:4px;
}

/* χρόνος */

#next-bus-box .next-bus-time{
  font-size:14px;
  color:#556372;
}

/* ώρα δρομολογίου */

#next-bus-box .next-bus-time strong{
  color:#1e3a5f;
  font-weight:700;
}

/* mobile */

@media (max-width:768px){

#next-bus-box{
  max-width:100%;
  font-size:14px;
}

}

/* Για να δείχνει μετάφραση Δεν υπάρχει δρομολόγιο */
/* κρύβει όλες τις γλώσσες */
.ktel-no-results span{
display:none;
}

/* δείχνει μόνο τη γλώσσα της σελίδας */
html[lang="el"] .ktel-no-results span[lang="el"],
html[lang="en"] .ktel-no-results span[lang="en"],
html[lang="de"] .ktel-no-results span[lang="de"],
html[lang="nl"] .ktel-no-results span[lang="nl"],
html[lang="it"] .ktel-no-results span[lang="it"]{
display:inline;
}

/* Η εμφάνιση Δεν υπάρχει δρομολόγιο */
/* ===============================
   KTEL NO RESULTS
   =============================== */

.ktel-no-results{
  background:#fff3f3;
  border:1px solid #f0c4c4;
  border-left:5px solid #e74c3c;
  padding:14px 16px;
  border-radius:8px;
  margin:14px 0 20px;
  font-size:15px;
  line-height:1.6;
  color:#333;
}

/* το icon να μην κολλάει */

.ktel-no-results br{
  display:block;
  margin-bottom:4px;
}

/* mobile */

@media (max-width:768px){

.ktel-no-results{
  font-size:14px;
  padding:12px 14px;
}

}
.ktel-no-results{
  margin-bottom:25px;
}