/**
 * @file
 * Styles for savoir's search form.
 */

.path-frontpage {
  #block-carrefour-page-title {
   text-align: center;
    h1 {
      color: var(--color--carrefour);
      font-weight: 400;
      font-size: 2.5em;
      margin-bottom: 0.65ex;
      @media all and (max-width: 500px) {
        font-size: 1.6em;
      }
    }
  }
}

.block-views-exposed-filter-blockcompany-search-block-1 .form-text,
.search-block-form .form-search {
  background-color: transparent;
  border: none;
  color: white;
  margin-left: 1em;
  border-bottom: 1px solid #555;

  &:focus {
    border-bottom: 1px solid white;
    outline: none;
  }
}

.block-views-exposed-filter-blockcompany-search-block-1,
.search-block-form {
  text-align: center;
  margin-top: 0.4ex;
}

.block-views-exposed-filter-blockcompany-search-block-1 {
  input[type="text"] {
    width: 10em;

    &:focus {
      width: 100%;
    }
  }

  input[type="submit"] {
    background-image: url("../../images/find.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    text-indent: -9999px;
    width: 17px;
    height: 23px;
    background-position-y: 5px;
  }

  .form-actions {
    display: inline-block;
  }
}

.search-block-form {
  input[type="search"] {
    width: 10em;
  }

  input[type="submit"] {
    background-image: url("../../images/find.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    text-indent: -9999px;
    width: 17px;
    height: 23px;
    background-position-y: 5px;
  }
}

/**
 * Main search
 */
.view-company-search {
  /*background-color: lightgoldenrodyellow;*/

  form {
    /*min-height: 45px;*/
    border-radius: 23px;
    border: 1px solid transparent;
    background-color: rgba(55, 55, 55, .75);
    margin: 0 auto;
    padding: 0 1em;
    width: 440px;

    label {
      display: none;
    }

    input.form-text {
      border: none;
      background-color: transparent;
      color: whitesmoke;
      width: 21em;
      font-size: 1.2em;
      margin: 0 -7px;

      &:focus {
        border: none;
        outline: 1px solid rgba(55, 55, 55, .5);;
      }

      @media all and (max-width: 500px) {
        width: 12.2em;
      }
    }

    .form-submit {
      display: inline-block;
      background-image: url("../../images/find.svg");
      background-repeat: no-repeat;
      background-color: transparent;
      border: none;
      text-indent: -9999px;
      width: 17px;
      height: 25px;
      background-position-y: 5px;
    }

    @media all and (max-width: 500px) {
      width: 270px;
    }
  }

  .form--inline {
    text-align: center;

    .form-actions {
      /*clear: unset;*/
    }

    .form-item,
    .form-wrapper {
      float: inherit;
      display: inline-block;
    }
  }

  .form-item,
  .form-actions {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
  }

  .view-empty {
    display: none;
  }
}