.register-pro{

    .nav-prev{
        background-color: #f9f9f9;
        color: #8c8c8c;
        padding: 10px 25px;
        border-radius: 7px;
        svg{
            height: 12px;
            margin-right: 10px;
        }
    }


.conditions{
    label{
        line-height: 23px;
        margin-bottom: 10px;
    }
}

    .form-pro-container {

        input[type="checkbox"] {
            margin-right: 1em;
        }

        .siret-name-wrapper {
            display: flex;

            .field {
                width: 65% !important;
                margin-right: 1em;
            }

            .name-wrapper {
                display: flex;
                flex-direction: column;
            }
        }

        .main-cta-wrapper {
            display: flex;
            justify-content: end;
            margin: 20px 0 40px;
        }
    }

    .pro-type-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        align-items: stretch;
        margin-top: 2em;
        margin-bottom: 2em;
        .pro-type-item {
            flex: 1 1 0;
            box-sizing: border-box;
            background: rgb(249, 249, 249);
            text-align: center;
            padding: 1em;
            cursor: pointer;
            border-radius: 15px;
        }
        & .selected {
            border: 2px solid #f1b60d;
        }
    }


    .search-input {
        font-size: 0.9em !important;
        padding: 15px !important;
        height: auto !important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }

    .select{


        #select-department option:disabled {
            color:#838383;
        }

        #select-department {
            outline: none;
            color:#838383;
            border-radius: 0 12px 12px 0 !important;
            border-color: #dbdbdb;
            box-shadow: none;
          }

        #select-department:focus {
            outline: none;
            border-color: #f1b60d;
            border: solid 2px #f1b60d !important;
        }
    }
    .select:not(.is-multiple):not(.is-loading):hover::after {
        border-color: hsl(44.47deg 89.76% 49.8%);
    }

    .search-pro-filters{
        .search-generic-button{
            background: #4b7dc2;
        }
    }

}



.register-form {
  max-width: 900px !important;
}

.select {
  width: 25%;

  select {
    padding: 1em !important;
    font-size: 0.9em !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: none;

    &:focus {
      border: 1px solid $main-color !important;
    }
  }

  height: auto !important;
}

.search-generic-button {
  padding: 0.9em !important;

  &:disabled {
    cursor: not-allowed;
    background: gray !important;
    opacity: 0.5;
  }
}

.select::after {
  margin-top: 0.5em !important;
}


.search-pro-filters {
  display: flex;
  align-items: stretch;

  .search-input-wrapper {
    width: 60%;
  }

  .search-btn-wrapper {
    margin-top: auto;
    margin-left: 0.5em;
  }
}

.next-btn-wrapper {
    display: flex;
    justify-content: space-between;
    .search-generic-button{
        padding: 10px 25px !important;
        svg{
            width: 10px;
        }
    }
    .nav-prev svg{
        margin-right: 10px;
        margin-left: 0;
    }
    .nav-next svg{
        margin-left: 10px;
    }
}

.list-container {
    padding: 30px 0 50px 0;
  li {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #eee;
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s ease;
    background: white;
    list-style: none;
  }
  & .selected {
    border: solid 2px #f1b60d;
    border-radius: 10px;
  }
  li:hover {
    background-color: #f5f5f5;
  }
}

.rp-2 {
    .register-form{
        margin-bottom: 100px;
        max-width: 700px !important;
    }
    .section-title{
        font-family: 'Barlow';
        font-size: 15px;
        margin-bottom: 40px;
        color: #434343;
    }
    .main-cta-wrapper{
        justify-content: space-between !important;
    }
}





@media screen and (max-width: 700px) {

    .search-pro-filters{
        flex-wrap: wrap;
        .search-input-wrapper {
            width: 100%;
            margin-bottom: 20px;
        }
    }

    .register-pro {
        .select {
            width: 100%;
        }
        .search-input {
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            margin-right: 0;
        }
        .select #select-department {
            outline: none;
            color: #838383;
            border-radius: 12px !important;
            border-color: #dbdbdb;
            box-shadow: none;
            border: solid 1px #dbdbdb !important;
            width: 100%;
        }
        .search-pro-filters .search-generic-button{
            width: 100%;
        }


        .label{
            font-size: 14px;
        }
    }

    .register-form .form-container {
        min-height: 100vh;
        border-radius: 0;
        box-shadow: none;
    }

    .search-pro-filters {
        .search-btn-wrapper {
            margin-top: auto;
            margin-left: 0;
            width: 100%;
        }
    }


    .rp-2{

            .form-title .is-yellow {
                color: #f1b60d;
                display: block;
            }

            .form-title h1{
                padding-bottom: 0;
            }

            .form-pro-container {
                .siret-name-wrapper {
                    display: flex;
                    flex-wrap: wrap;
                    .field {
                        width: 100% !important;
                        margin-right: 0;
                    }
                }
            }

            .pro-type-wrapper {
                .pro-type-item {
                    flex: unset;
                    width: 100%;
                }
            }

            .d-flex {
                display: flex;
                flex-wrap: wrap;
            }

            .flex-1 > * {
                flex: unset;
            }

            .field:not(:last-child), .field {
                margin-bottom: 0;
                width: 100%;
            }

            .section-title {
                text-align: center;
            }

            .register-form {
                margin-bottom: 0;
                padding-bottom: 100px;
            }

    }

}