/* === ΕΞΑΦΑΝΙΣΗ DEFAULT WRAPPERS === */
#search-block-form,
#search-block-form .form--inline {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
}

/* Διορθώνει τα wrappers του Drupal που σπάνε τη διάταξη */
#search-block-form .form-item,
#search-block-form .form-actions {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  display: flex !important;
  align-items: stretch !important;
  flex: 1 1 auto;
}

/* === INPUT === */
#search-block-form input[type="search"],
#search-block-form input[type="text"],
#search-block-form input.form-search {
  flex: 1 1 auto;
  border: none !important;
  outline: none !important;
  background: #fff !important;
  padding: 10px 14px !important;
  font-size: 0.9rem;
  color: #222;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 20px !important;
}

/* === ΚΟΥΜΠΙ === */
#search-block-form input[type="submit"],
#search-block-form button[type="submit"],
#search-block-form .form-submit {
  background-color: #cc0000 !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  padding: 0 16px !important;
  cursor: pointer;
  border-left: 1px solid #b30000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* Hover */
#search-block-form input[type="submit"]:hover,
#search-block-form button[type="submit"]:hover {
  background-color: #a80000 !important;
}

/* === RESPONSIVE === */
@media (max-width: 480px) {
  #search-block-form {
    max-width: 100%;
    border-radius: 4px;
  }

  #search-block-form input[type="search"] {
    font-size: 0.85rem;
    padding: 8px 10px !important;
  }

  #search-block-form input[type="submit"] {
    font-size: 0.75rem;
    padding: 0 12px !important;
  }
}