/* Κάνει το exposed form inline */
.views-exposed-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-end;
}

/* Year dropdown */
.views-exposed-form .form-item--field-etos {
  flex: 0 0 25%;
}

/* Search box */
.views-exposed-form .form-item--global-combine {
  flex: 0 0 70%;
}

/* Apply button */
.views-exposed-form .form-actions {
  flex: 0 0 auto;
}


/* Φέρνουμε το header (counter) μέσα στη γραμμή */
.view-article-in-peer-rewiew-journals .view-header {
  display: inline-block;
  margin-left: auto; /* πάει δεξιά */
  padding-left: 15px;
  font-weight: 600;
  color: #333;
}

/* Κάνουμε flex container και το header */
.view-article-in-peer-rewiew-journals .views-exposed-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 100%;
}

.view-article-in-peer-rewiew-journals .views-exposed-form + .view-header {
  margin-top: 0; /* βγάζει απόσταση */
}


/* ================================ */
/* Display counter as exposed form item */
/* ================================ */

.view-article-in-peer-rewiew-journals .view-header {
  display: flex;
  align-items: flex-end;
  margin: 0;
}

/* Displaying box */
.view-article-in-peer-rewiew-journals .form-item-display {
  flex: 0 0 180px;
}

/* 1. Φέρνουμε το Header (Displaying) και τη Φόρμα (Φίλτρα) στην ίδια οριζόντια γραμμή */
.gva-view > header,
.gva-view > form.views-exposed-form {
    display: inline-flex !important;
    vertical-align: bottom !important;
    align-items: flex-end !important; /* Στοιχίζει τα κάτω μέρη των κουτιών στην ίδια ευθεία */
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
}

/* 2. Ρύθμιση για το "Displaying 109" ώστε να είναι στην ίδια σειρά */
.gva-view > header .views-exposed-form {
    display: flex !important;
    align-items: flex-end !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
    height: 100%; /* Για να στοιχηθεί σωστά με τα δίπλα πεδία */
    padding-bottom: 1px !important; /* Μικρο-ρύθμιση για τέλειο αλφάδιασμα */
}


/* 3. Μικραίνουμε το κουτάκι του "109" */
.gva-view > header .form-control {
    width: auto !important;
    min-width: 60px !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}
/* Fake input styling */
.view-article-in-peer-rewiew-journals .form-item-display .form-text {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 6px 0 !important;
  border-radius: 0 !important;
  min-height: 38px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #222;
}

/* 4. Εξαναγκάζουμε τα φίλτρα (Search, Year, Authors) να μπουν δίπλα-δίπλα */
.gva-view > form.views-exposed-form .form-item,
.gva-view > form.views-exposed-form .form-actions {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: inline-block !important; /* Ακυρώνει τη συμπεριφορά "block" που τα ρίχνει κάτω */
}

/* 5. Διορθώνουμε το ύψος του κουμπιού Apply */
.gva-view > form.views-exposed-form .form-actions .button {
margin: 0 !important;
    height: 38px !important;
    padding: 0 25px !important;
    line-height: 1 !important;
}