body.designupdate {
  &.account-page {
    & {
    }

    #primary {
      #content {
        & {
          background: #fff;
          display: block;
          padding: 0;
        }

        #pageHeader {
          & {
            background: var(--color-gray-f5);
          }

          & > .container {
            position: relative;
          }

          .page-title {
            color: var(--color-light-red);
            font-family: "Delicious Handrawn";
            font-size: 3rem;
            font-weight: 100;
          }

          .blocCTA.back {
            & {
              margin-top: 1rem;
              position: absolute;
              left: 0;
            }

            .back-button {
              & {
                padding-left: 2rem !important;
              }

              &:before {
                content: "";
                width: 10px;
                height: 10px;
                border-top: 2px solid var(--color-black);
                border-left: 2px solid var(--color-black);
                position: absolute;
                left: 1.15rem;
                top: 45%;
                transform: rotate(-45deg) translateY(-50%);
              }

              &:hover {
                &::before {
                  border-color: #fff;
                }
              }
            }
          }
        }

        .accountValidation {
          & {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            padding: 1rem;
            gap: 12px;
            box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
            margin: 1rem 0 -1rem;
          }

          &::before {
            content: "";
            display: block;
            width: 30px;
            height: 30px;
            background: url(data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2230%22%20viewBox%3D%220%200%2032%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2228%22%20height%3D%2228%22%20rx%3D%2214%22%20stroke%3D%22%23A61833%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2012.2593L15.15%2019L30%205%22%20stroke%3D%22%23A61833%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E)
              center no-repeat;
            background-size: contain;
            margin-top: -4px;
          }
        }

        .form-container {
          & {
            max-width: 800px;
            padding: 4rem 0 0;
          }

          .gform_wrapper {
            max-width: 600px !important;
          }

          .gform_heading,
          #gf_page_steps_242, #gf_page_steps_250,
          .gpasc-auto-load-notice {
            display: none;
          }

          & > h2.containerTitle {
            font-family: "Montserrat";
            font-style: normal;
            font-weight: 700;
            text-align: center;
            font-size: 2rem;
          }

          .gform_fields {
            .gfield {
              & {
                margin-bottom: 1rem;
              }

              &.gfield--input-type-email,
              &.gfield--input-type-text {
                & {
                  position: relative;
                }

                .gfield_label {
                  position: absolute;
                  top: 50%;
                  font-size: 1rem;
                  background: #fff;
                  padding: 0 0.25rem;
                  left: 1rem;
                  transform: translateY(-50%);
                  transition: all 0.2s ease-in-out;
                }

                &:has(input:focus, input:not(:placeholder-shown)) {
                  .gfield_label {
                    top: 0;
                  }
                }
              }

              &.gfield--input-type-datepicker {
                & {
                  position: relative;
                }

                .ginput_container_date {
                  input {
                    padding-right: 3.5rem !important;
                  }

                  &::after {
                    content: "";
                    position: absolute;
                    right: 0.5rem;
                    top: 0;
                    background: url(data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.8125%200C5.1922%200%205.5%200.307804%205.5%200.6875V1.375H16.5V0.6875C16.5%200.307804%2016.8078%200%2017.1875%200C17.5672%200%2017.875%200.307804%2017.875%200.6875V1.375H19.25C20.7688%201.375%2022%202.60622%2022%204.125V19.25C22%2020.7688%2020.7688%2022%2019.25%2022H2.75C1.23122%2022%200%2020.7688%200%2019.25V4.125C0%202.60622%201.23122%201.375%202.75%201.375H4.125V0.6875C4.125%200.307804%204.4328%200%204.8125%200ZM2.75%202.75C1.99061%202.75%201.375%203.36561%201.375%204.125V5.5H20.625V4.125C20.625%203.36561%2020.0094%202.75%2019.25%202.75H2.75ZM20.625%206.875H1.375V19.25C1.375%2020.0094%201.99061%2020.625%202.75%2020.625H19.25C20.0094%2020.625%2020.625%2020.0094%2020.625%2019.25V6.875Z%22%20fill%3D%22%23A61833%22%2F%3E%3Cpath%20d%3D%22M15.125%2010.3125C15.125%209.9328%2015.4328%209.625%2015.8125%209.625H17.1875C17.5672%209.625%2017.875%209.9328%2017.875%2010.3125V11.6875C17.875%2012.0672%2017.5672%2012.375%2017.1875%2012.375H15.8125C15.4328%2012.375%2015.125%2012.0672%2015.125%2011.6875V10.3125Z%22%20fill%3D%22%23A61833%22%2F%3E%3Cpath%20d%3D%22M11%2010.3125C11%209.9328%2011.3078%209.625%2011.6875%209.625H13.0625C13.4422%209.625%2013.75%209.9328%2013.75%2010.3125V11.6875C13.75%2012.0672%2013.4422%2012.375%2013.0625%2012.375H11.6875C11.3078%2012.375%2011%2012.0672%2011%2011.6875V10.3125Z%22%20fill%3D%22%23A61833%22%2F%3E%3Cpath%20d%3D%22M8.25%2014.4375C8.25%2014.0578%208.5578%2013.75%208.9375%2013.75H10.3125C10.6922%2013.75%2011%2014.0578%2011%2014.4375V15.8125C11%2016.1922%2010.6922%2016.5%2010.3125%2016.5H8.9375C8.5578%2016.5%208.25%2016.1922%208.25%2015.8125V14.4375Z%22%20fill%3D%22%23A61833%22%2F%3E%3Cpath%20d%3D%22M4.125%2014.4375C4.125%2014.0578%204.4328%2013.75%204.8125%2013.75H6.1875C6.5672%2013.75%206.875%2014.0578%206.875%2014.4375V15.8125C6.875%2016.1922%206.5672%2016.5%206.1875%2016.5H4.8125C4.4328%2016.5%204.125%2016.1922%204.125%2015.8125V14.4375Z%22%20fill%3D%22%23A61833%22%2F%3E%3C%2Fsvg%3E)
                      center no-repeat;
                    display: block;
                    width: 40px;
                    height: 44px;
                    pointer-events: none;
                  }
                }
              }

              &.gfield--type-fileupload {
                & {
                  padding: 0;
                  margin: 0;
                  background: transparent;
                }
              }

              &.gfield--type-section {
                & {
                  padding: 0;
                }
                h3.gsection_title {
                  font-family: "Montserrat";
                  font-size: 1rem !important;
                  font-weight: 700 !important;
                  margin: 0 0 -1rem;
                  text-align: left;
                }
              }

              &#field_242_11 , &#field_250_11 {
                .ginput_container {
                  & {
                    position: relative;
                    flex-wrap: wrap;
                  }

                  #input_130_11,
                  #input_237_11 {
                    padding-right: 150px !important;
                  }
                  #siret-search-button {
                    position: absolute;
                    right: 0px;
                    height: 44px;
                    top: 0px;

                    &::after {
                      content: "";
                      display: block;
                      width: 0;
                      height: 0;
                      border-top: 1px solid #fff;
                      border-right: 1px solid #fff;
                      border-radius: 50%;
                      margin-left: 0;
                      opacity: 0;
                      visibility: hidden;
                      transition: all ease-in-out 0.3s;
                    }

                    &.is-loading::after {
                      width: 20px;
                      height: 20px;
                      opacity: 1;
                      visibility: visible;
                      margin-left: 0.5rem;
                      animation: rotateAnimation 1s ease infinite;
                    }
                  }
                  .gfield_validation_message {
                    width: 100%;
                    flex: 0 0 100%;
                    border: none;
                    background: transparent;
                    padding: 0 0 0 1rem;
                  }
                }
              }
            }
          }

          & > .required,
          & > .infos {
            text-align: center;
            font-size: 0.8rem;
            max-width: 600px;
            margin: 0 auto;
          }

          &#form-deposer-une-annonce {
            .containerTitle {
              & {
                margin-bottom: 1rem;
              }

              & + p {
                font-size: 14px;
                margin-bottom: 2rem;
              }
            }

            #field_136_14 {
              .gfield_checkbox {
                column-count: 2;
              }
            }
          }

          &#form-mes-informations-dentreprise {
            .gform_page {
              .gform_page_footer {
                .gform_previous_button,
                #gform_page_242_1 & , #gform_page_250_1 & {
                  opacity: 0;
                  pointer-events: none;
                  visibility: hidden;
                  height: 0px;
                  width: 0px;
                  clip: rect(0px, 0px, 0px, 0px);
                  padding: 0;
                  margin: 0 !important;
                  border: none;
                  /* position: absolute; */

                  & + input[type="submit"],
                  & + .gform_next_button {
                    margin-left: 0;
                    white-space: normal;
                    min-height: 45px;
                    height: auto;
                  }
                }

                input[type="button"] {
                  font-family: "Montserrat" !important;
                  font-size: 1rem !important;

                  @container (max-width: 500px) {
                    & {
                      width: 100%;
                    }
                  }
                }
              }
            }
          }

          &#form-votre-fiche-annuaire-viti-alim {
            & {
              max-width: 1168px;
            }

            .gform_wrapper {
              max-width: 100% !important;
            }

            #gform_fields_244 , #gform_fields_252 {
              & {
                display: flex;
                flex-direction: column;
              }

              .gform_validation_errors {
                max-width: 1168px;
              }

              .gform_page_footer {
                & {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  gap: 1rem;
                }
                #gform_submit_button_244 , #gform_submit_button_252 {
                  margin: 0;
                }
              }

              .entrepriseDetailsWrapper {
                & {
                  max-width: 1168px !important;
                  width: 95% !important;
                  display: flex;
                  flex-wrap: wrap;
                  justify-content: center;
                  gap: 2rem;
                  border: 1px solid var(--color-gray);
                  padding: 2rem 1.5rem;
                  position: relative;
                  transition: all ease-in-out 0.3s;
                }

                &.closed {
                  overflow: hidden;
                  max-height: 75px;
                  padding-top: 1.5rem;
                  /* padding-left: 0 !important; */
                  /* padding-right: 0.5rem !important; */
                  /* display: block; */

                  h3:first-of-type {
                    & {
                      margin-bottom: 0;
                    }
                    &::before {
                      transform: rotate(135deg);
                      top: 5px;
                    }
                  }
                }

                #field_244_105 , #field_252_105 {
                  width: 100%;
                }

                h3:first-of-type {
                  & {
                    position: relative;
                    cursor: pointer;

                    @container (max-width: 500px) {
                      & {
                        font-size: 1rem !important;
                        padding-right: 50px;
                      }
                    }
                  }
                  &::after {
                    content: "";
                    position: absolute;
                    display: block;
                    width: 40px;
                    height: 40px;
                    background: var(--color-gray-f5);
                    border-radius: 50%;
                    top: -5px;
                    right: 0;
                  }
                  &::before {
                    content: "";
                    position: absolute;
                    display: block;
                    width: 15px;
                    height: 15px;
                    border-top: 3px solid #999;
                    border-right: 3px solid #999;
                    transform: rotate(-45deg);
                    right: 12px;
                    top: 11px;
                    z-index: 1;
                    transition: all ease-in-out 0.3s;
                  }
                }

                &#entreprisePresentationWrapper {
                  h3 {
                    /* display: none; */
                    font-family: "Delicious Handrawn";
                    font-size: 30px !important;
                    font-weight: 100 !important;
                    text-align: center;
                    flex: 0 0 100%;
                    width: 100%;

                    span {
                      color: var(--color-light-red);
                    }
                  }
                }

                @container (max-width: 767px) {
                  &#entreprisePresentationWrapper {
                    h3 {
                      display: block;
                      width: 100%;
                    }
                  }
                }

                .entrepriseSubDetailsWrapper {
                  & {
                    display: flex;
                    flex-direction: column;
                    width: 35%;
                    gap: 1rem;
                  }

                  & > .gfield {
                    margin: 0;

                    &.gfield--type-text {
                      &:last-child {
                        /* margin-bottom: -1rem; */
                      }

                      .gfield_label {
                        margin-left: 2rem;
                        font-weight: 300;
                      }
                    }
                  }

                  @container (max-width: 500px) {
                    & {
                      width: 100%;
                    }
                  }

                  #field_244_37 , #field_252_37 {
                    & {
                      background: transparent !important;
                      border: 1px solid var(--color-gray);
                      position: relative;
                      padding: 1.5rem 1rem;
                      border-radius: 10px;
                    }
                    &::before {
                      content: "Choisir un fichier";
                      position: absolute;
                      top: 1rem;
                      right: 1rem;
                      background: var(--color-red);
                      color: #fff;
                      padding: 0.5rem 1rem;
                      border-radius: 30px;
                      font-size: 1rem;
                      cursor: pointer;
                      transition: all ease 0.3s;
                    }

                    label[for="input_244_37"], label[for="input_252_37"] {
                      & {
                      }
                      img {
                        display: block;
                        width: 50px;
                        height: auto;
                        border-radius: 5px;
                        border: 1px solid var(--color-gray);
                        padding: 5px;
                      }
                    }

                    #input_244_37 , #input_252_37 {
                      width: 160px;
                      height: 41px;
                      position: absolute;
                      top: 1rem;
                      right: 1rem;
                      opacity: 0;
                      cursor: pointer;
                    }
                    #gfield_description_244_37 , #gfield_description_252_37 {
                      margin-top: 1rem;
                      color: #999;
                    }

                    &:has(#input_244_37:hover, #input_252_37:hover) {
                      &::before {
                        background: #fff;
                        color: var(--color-black);
                        border: 1px solid var(--color-black);
                      }
                    }

                    @container (max-width: 767px) {
                      & {
                        &::before {
                          width: calc(100% - 2rem);
                          top: 4rem;
                          text-align: center;
                        }
                        & > .gfield_label {
                          text-align: center;
                          display: block;
                        }
                        #input_244_37 , #input_252_37 {
                          position: relative;
                          /* opacity: 1; */
                          width: 100%;
                          top: 0;
                          left: 0;
                          margin-bottom: 1rem;
                        }
                        #gfield_upload_rules_244_37, #gfield_upload_rules_252_37,
                        #gfield_description_244_37 , #gfield_description_252_37 {
                          margin: 0;
                          line-height: 1.5;
                          text-align: center;
                        }
                      }
                    }
                  }
                }

                & > .gfield--type-html {
                  flex: 0 0 100%;
                  text-align: center;
                  h3 {
                    font-family: "Delicious Handrawn";
                    font-size: 30px !important;
                    font-weight: 100 !important;

                    span {
                      color: var(--color-light-red);
                    }
                  }
                }
              }

              #field_244_68 , #field_252_68 {
                flex: 1;
                align-self: stretch;
                height: 100%;
              }

              #field_244_67 , #field_252_67 {
                max-width: 769px;
                width: 95%;
              }

              #input_244_59 , #input_252_59 {
                background: #fff url(../images/svg/webpicto.svg) 10px 50%
                  no-repeat;
                padding-left: 3rem !important;
              }
              #input_244_41 , #input_252_41 {
                background: #fff url(../images/svg/facebookpicto.svg) 18px 50%
                  no-repeat;
                padding-left: 3rem !important;
              }
              #input_244_45 , #input_252_45 {
                background: #fff url(../images/svg/instapicto.svg) 14px 50%
                  no-repeat;
                padding-left: 3rem !important;
              }
              #input_244_42 , #input_252_42 {
                background: #fff url(../images/svg/xpicto.svg) 15px 50%
                  no-repeat;
                padding-left: 3rem !important;
              }
              #input_244_12 , #input_252_12 {
                background: #fff url(../images/svg/linkedinpicto.svg) 16px 50%
                  no-repeat;
                padding-left: 3rem !important;
              }
            }
          }
        }

        .confirmBox {
          & {
            padding: 20px 30px 20px 75px;
            box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
            background: #fff url("../images/svg/check.svg") 25px 20px no-repeat;
          }

          a {
            color: var(--color-red);
            font-weight: 600;
            text-decoration: underline;
          }

          #ficheName {
            font-weight: 600;
            color: var(--color-light-red);
          }

          svg {
            width: 35px;
            position: relative;
            top: -3px;
          }
        }
      }
    }

    &.dashboard {
      #content {
        h3 {
          color: var(--color-light-red);
          font-family: "Delicious Handrawn";
        }
      }
    }

    &.page-template-page--annonce-personnel-list {
      .page-container {
        padding: 4rem 1.5rem 1rem !important;
        max-width: 1168px;
        margin: 0 auto;
      }

      .container-head {
        & > .btn {
          & {
          }

          &::before {
            content: "";
            background: url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.3009%200.898534C18.016%200.613664%2017.6778%200.387692%2017.3056%200.233521C16.9334%200.0793507%2016.5345%200%2016.1316%200C15.7288%200%2015.3298%200.0793507%2014.9576%200.233521C14.5854%200.387692%2014.2473%200.613664%2013.9624%200.898534L1.79946%2013.0609C1.71614%2013.1441%201.65582%2013.2476%201.62438%2013.3611L0.0246933%2019.1356C-0.0074762%2019.2518%20-0.00822742%2019.3746%200.0225195%2019.4912C0.0532665%2019.6078%200.114411%2019.7143%200.19971%2019.7995C0.28501%2019.8848%200.39141%2019.946%200.508057%2019.9767C0.624704%2020.0075%200.747421%2020.0067%200.863684%2019.9746L6.6382%2018.3749C6.75169%2018.3434%206.8551%2018.2831%206.93835%2018.1998L19.1007%206.03688C19.6752%205.46113%2019.9979%204.68099%2019.9979%203.86763C19.9979%203.05426%2019.6752%202.27412%2019.1007%201.69838L18.3009%200.898534ZM3.28496%2013.5041L13.2408%203.54981L16.4489%206.75788L6.49465%2016.7143L3.28496%2013.5041ZM2.64389%2014.7911L5.20871%2017.3559L1.65917%2018.339L2.64389%2014.7911ZM18.1345%205.07283L17.4113%205.796L14.2033%202.58793L14.9264%201.86476C15.246%201.54521%2015.6794%201.36569%2016.1314%201.36569C16.5833%201.36569%2017.0167%201.54521%2017.3363%201.86476L18.1345%202.66243C18.4535%202.98238%2018.6327%203.41578%2018.6327%203.86763C18.6327%204.31947%2018.4535%204.75288%2018.1345%205.07283Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E)
              center no-repeat;
            display: block;
            width: 20px;
            height: 20px;
            margin-right: 0.75rem;
          }

          &:hover {
            &::before {
              filter: invert(1);
            }
          }
        }
      }

      #postsItems.annonces {
        & {
          max-width: 870px;
          margin: 0 auto;
        }

        .post-item {
          .postCTA {
            & {
              display: flex;
              align-items: center;
              justify-content: space-between;
              padding: 1rem;
            }
            .btn-outline {
              &::before {
                content: "";
                background: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%208C16%208%2013%202.5%208%202.5C3%202.5%200%208%200%208C0%208%203%2013.5%208%2013.5C13%2013.5%2016%208%2016%208ZM1.1727%208C1.22963%207.91321%201.29454%207.81677%201.36727%207.71242C1.70216%207.23193%202.19631%206.5929%202.83211%205.95711C4.12103%204.66818%205.88062%203.5%208%203.5C10.1194%203.5%2011.879%204.66818%2013.1679%205.95711C13.8037%206.5929%2014.2978%207.23193%2014.6327%207.71242C14.7055%207.81677%2014.7704%207.91321%2014.8273%208C14.7704%208.08679%2014.7055%208.18323%2014.6327%208.28758C14.2978%208.76807%2013.8037%209.4071%2013.1679%2010.0429C11.879%2011.3318%2010.1194%2012.5%208%2012.5C5.88062%2012.5%204.12103%2011.3318%202.83211%2010.0429C2.19631%209.4071%201.70216%208.76807%201.36727%208.28758C1.29454%208.18323%201.22963%208.08679%201.1727%208Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M8%205.5C6.61929%205.5%205.5%206.61929%205.5%208C5.5%209.38071%206.61929%2010.5%208%2010.5C9.38071%2010.5%2010.5%209.38071%2010.5%208C10.5%206.61929%209.38071%205.5%208%205.5ZM4.5%208C4.5%206.067%206.067%204.5%208%204.5C9.933%204.5%2011.5%206.067%2011.5%208C11.5%209.933%209.933%2011.5%208%2011.5C6.067%2011.5%204.5%209.933%204.5%208Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E)
                  center no-repeat;
                display: block;
                width: 24px;
                height: 24px;
                margin-right: 0.25rem;
              }

              &:hover {
                &::before {
                  filter: invert(1);
                }
              }
            }
          }
        }
      }
    }

    &.page-template-page--mes-entreprise-favoris {
      #pageHeader {
        & + .container {
          & {
            max-width: 870px;
          }

          & > h2 {
            font-family: "Montserrat";
            text-align: center;
            margin: 3rem 0 2rem;
            font-size: 2rem;
            font-weight: 700;
          }

          #catalogueGridContainer {
            & {
              padding: 0;
            }

            #catalogueGridItems {
              & {
                justify-content: space-between;
                gap: 2rem;
              }
              .catalogueGridItem {
                & {
                  background: var(--color-gray-f5);
                  flex: 0 0 calc(33.3333333333333% - 1.5rem) !important;
                  margin: 0;
                }

                .entrepriseLogo {
                  background: #fff;
                }
              }
            }
          }
        }
      }
    }
  }
}

/* Completeness gate: explain why the tunnel was left (#708). */
.csna-gate-notice {
  background: var(--color-gray-f5);
  border-left: 4px solid var(--color-red);
  margin: 0 0 1.5rem;
  padding: 1rem 1.25rem;
}

.csna-gate-notice p {
  margin: 0;
}