/**
 * All of the CSS for your public-facing functionality should be included in this file.
 *
 * The file is enqueued from inc/frontend/class-frontend.php.
 */

 body {
  --wp--preset--color--primary: #f75460;
  --wp--preset--color--primary-light: #f7546022;

  --wp--preset--font-size--x-small: 11px;

  --wp--preset--spacing--xxx-small: 0.5rem;
  --wp--preset--spacing--xx-small: 0.625rem;
  --wp--preset--spacing--x-small: 0.75rem;
  --wp--preset--spacing--small: 0.875rem;
  --wp--preset--spacing--medium: 1rem;
  --wp--preset--spacing--large: 1.125rem;
  --wp--preset--spacing--x-large: 1.5rem;
  --wp--preset--spacing--xx-large: 2rem;
  --wp--preset--spacing--xxx-large: 3rem;

  --wp--style--global--content-size: 1104px;

  /* --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
  --wp--custom--radius--xxx-small: 0.5rem;
  --wp--custom--radius--xx-small: 0.625rem;
  --wp--custom--radius--x-small: 0.75rem;
  --wp--custom--radius--small: 0.875rem;
  --wp--custom--radius--medium: 1rem;
  --wp--custom--radius--large: 1.125rem;
  --wp--custom--radius--x-large: 1.5rem;
  --wp--custom--radius--xx-large: 2rem;
  --wp--custom--radius--xxx-large: 3rem; */
}
form.ph-valuation div span.required::before {
  content: "*";
  display: inline-block;
}

form.ph-valuation button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: Oswald;
  padding: 1em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: none;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: var(--wp--preset--color--primary);
  color: #fefefe;
}
form.ph-valuation button:focus, form.ph-valuation button:hover {
  background-color: #242021;
  color: #fefefe;
}

form.ph-valuation fieldset,
form.ph-valuation fieldset div,
form.ph-valuation fieldset input,
form.ph-valuation fieldset select {
  box-sizing: border-box;
}
form.ph-valuation label.error {
  color: var(--wp--preset--color--primary);
  display: block;
}
form.ph-valuation fieldset:not(.active) {
  display: none;
}
#valuation-results.hidden,
#valuation-results .hidden {
  display: none;
}

form.ph-valuation fieldset input,
form.ph-valuation fieldset button,
form.ph-valuation fieldset select {
  padding: var(--wp--preset--spacing--x-small) 1.5rem var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--x-small);
  height: unset;
  margin-bottom: 0;
}

/* AutoComplete */
form.ph-valuation div.ph-valuation-numero-et-voie {
  position: relative;
}
form.ph-valuation ul.ui-autocomplete.ui-front {
  position: absolute;
  height: fit-content;
  width: 100%;
  background-color: white;
  list-style: none;
  padding: .25rem;
}

/* Layout */
:not(.block-editor).estim-container .progress-bar {
  display: flex;
  height: 30px;
  background: var(--wp--preset--color--primary-light);
  overflow: hidden
}

:not(.block-editor).estim-container .progress-bar .progress-bar-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: var(--wp--preset--color--primary);
  padding-left: var(--wp--preset--spacing--x-large);
  padding-right: var(--wp--preset--spacing--x-large);
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  transition: all .2s ease-in-out
}

:not(.block-editor).estim-container .progress-bar .progress-bar-container .progress-bar-text {
  font-size: var(--wp--preset--font-size--x-small);
  padding-top: 3px
}

:not(.block-editor).estim-container .layout-form {
  position: relative;
  display: flex;
  width: 100%
}

:not(.block-editor).estim-container .layout-form .form {
  display: flex;
  width: 100%;
  padding: var(--wp--preset--spacing--x-large)
}

:not(.block-editor).estim-container .layout-form .form .form-title {
  margin-top: 0
}

:not(.block-editor).estim-container .layout-form .form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box
}

:not(.block-editor).estim-container .layout-form .form legend {
  font-size: var(--wp--preset--font-size--x-large);
  font-weight: 700;
  color: var(--wp--preset--color--primary);
  padding: 0 0 var(--wp--preset--spacing--x-large);
}

:not(.block-editor).estim-container .layout-form .form .obligatoire,:not(.block-editor).estim-container .layout-form .form label.error {
  font-weight: 600;
  font-size: var(--wp--preset--font-size--x-small);
  color: var(--wp--preset--color--primary);
  margin-left: auto
}

:not(.block-editor).estim-container .layout-form .form .obligatoire {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-basis: 100%;
}

:not(.block-editor).estim-container .layout-form .form span.required:before {
  color: var(--wp--preset--color--primary)
}

:not(.block-editor).estim-container .layout-form .form label {
  margin-bottom: var(--wp--preset--spacing--xxx-small)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-email,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-number,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-select,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-tel,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-text {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--wp--preset--spacing--x-large)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-email.error,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-number.error,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio.error,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-select.error,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-tel.error,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-text.error {
  border: 1px solid var(--wp--preset--color--primary)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: var(--wp--preset--spacing--x-large);
  width: 100%
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio input[type=radio] {
  position: absolute;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
  z-index: 2;
  opacity: 0
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio input[type=radio]:checked+.radio-div,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio input[type=radio]:focus+.radio-div,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio input[type=radio]:hover+.radio-div {
  background-color: var(--wp--preset--color--primary-light)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio input[type=radio]:checked+.radio-div label,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio input[type=radio]:focus+.radio-div label,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio input[type=radio]:hover+.radio-div label {
  color: var(--wp--preset--color--primary)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio .ph-valuation-form-radio-label {
  width: 100%
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio .ph-valuation-form-radio-apartment,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio .ph-valuation-form-radio-house {
  position: relative;
  width: calc((100% - var(--wp--preset--spacing--x-large)) / 2);
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio .ph-valuation-form-radio-apartment .radio-div,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio .ph-valuation-form-radio-house .radio-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: var(--wp--preset--color--whitesmoke);
  border-radius: var(--wp--custom--radius--xxx-small);
  transition: all .3s ease;
  padding: var(--wp--preset--spacing--x-large)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio .ph-valuation-form-radio-apartment .radio-div label,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio .ph-valuation-form-radio-house .radio-div label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--wp--preset--spacing--xxx-small);
  margin-bottom: 0
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio .ph-valuation-form-radio-apartment label:not(.error):before {
  content: url(../svg/appartement.svg)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio .ph-valuation-form-radio-house label:not(.error):before {
  content: url(../svg/house.svg)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox .ph-valuation-form-checkbox {
  position: absolute;
  height: 100%!important;
  width: 100%!important;
  margin: 0;
  cursor: pointer;
  z-index: 2;
  opacity: 0
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox .ph-valuation-form-checkbox:checked+label,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox .ph-valuation-form-checkbox:hover+label {
  background-color: var(--wp--preset--color--primary-light);
  color: var(--wp--preset--color--primary);
  border-radius: var(--wp--custom--radius--xxx-small)!important
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox label {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--wp--preset--spacing--xxx-small);
  padding: var(--wp--preset--spacing--xxx-small) var(--wp--preset--spacing--medium);
  margin-bottom: 0;
  background-color: var(--wp--preset--color--whitesmoke);
  border-radius: var(--wp--custom--radius--xxx-small)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox label:not(.error):before {
  width: 32px;
  height: 32px
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox.ph-valuation-piscine label:not(.error):before {
  content: url(../svg/piscine.svg)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox.ph-valuation-meuble label:not(.error):before {
  content: url(../svg/meuble.svg)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox.ph-valuation-ascenseur label:not(.error):before {
  content: url(../svg/ascenseur.svg)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox.ph-valuation-cave label:not(.error):before {
  content: url(../svg/cave.svg)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox.ph-valuation-cuisine-amenagee label:not(.error):before {
  content: url(../svg/cuisine-amenagee.svg)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox.ph-valuation-mitoyennete label:not(.error):before {
  content: url(../svg/mitoyennete.svg)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox.ph-valuation-double-vitrage label:not(.error):before {
  content: url(../svg/double-vitrage.svg)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox.ph-valuation-vis-a-vis label:not(.error):before {
  content: url(../svg/eye.svg)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox.ph-valuation-acces-metro-rocade label:not(.error):before {
  content: url(../svg/carte.svg)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-checkbox.ph-valuation-commodites label:not(.error):before {
  content: url(../svg/boutique.svg)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-button-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-button-container .ph-valuation-button {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-button-container .ph-valuation-button button:last-child {
  margin-left: auto
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio-5-span {
  width: 100%;
  display: flex;
  column-gap: var(--wp--preset--spacing--x-large)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-surface-balcons span input:not([type=button]),
:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-surface-de-la-piece-a-vivre span input:not([type=button]),
:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-surface-du-terrain span input:not([type=button]),
:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-surface-jardin span input:not([type=button]) {
  width: 100%;
  background-image: url(../svg/surface.svg);
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 3rem;
  align-items: center;
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .input-group {
  display: flex;
  flex-direction: row;
  gap: var(--wp--preset--spacing--x-small)
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .input-group input[type=button] {
  font-weight: 600;
  padding: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--medium);
  background-color: var(--wp--preset--color--whitesmoke);
  font-size: var(--wp--preset--font-size--small);
  border: 1px solid var(--wp--preset--color--whitesmoke);
  border-radius: var(--wp--custom--radius--xxx-small);
  cursor: pointer;
  min-width: 42px;
  /* max-height: 42px */
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .input-group input[type=button]{
  color: var(--wp--preset--color--base);
  background-color: var(--wp--preset--color--primary);
  border: 1px solid var(--wp--preset--color--primary);
  margin-bottom: 0;
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .input-group .quantity-field {
  display: flex;
  text-align: center
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation input::-webkit-inner-spin-button,:not(.block-editor).estim-container .layout-form .form .ph-valuation input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation input[type=number] {
  -moz-appearance: textfield
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation label.error:not([for*="[propertyType][code]"]) {
  position: relative;
  margin: var(--wp--preset--spacing--xxx-small) 0 0;
  text-align: right;
  pointer-events: none
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .form-intro {
  padding: var(--wp--preset--spacing--x-large) 0;
  text-align: center
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .form-intro .form-intro-flex {
  display: flex;
  gap: var(--wp--preset--spacing--x-large);
  margin: 0
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .form-intro .form-intro-flex .form-intro-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 0
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .form-intro .form-intro-flex .form-intro-container:before {
  display: flex;
  justify-content: center;
  align-items: center;
  content: url(../svg/plus.svg);
  width: 32px;
  height: 32px;
  background-color: var(--wp--preset--color--primary);
  line-height: 1;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .form-intro .form-intro-flex .form-intro-container .form-intro-title {
  margin: var(--wp--preset--spacing--xxx-small) 0
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .form-intro .form-intro-flex .form-intro-container .form-intro-text {
  font-size: var(--wp--preset--font-size--x-small);
  margin: 0
}

:not(.block-editor).estim-container .layout-form .form .ph-valuation .consent {
  font-size: var(--wp--preset--font-size--x-small)
}

:not(.block-editor).estim-container .layout-form .form-container {
  width: 100%
}

:not(.block-editor).estim-container .image-form {
  display: none
}

@media screen and (max-width: 782px) {
  :not(.block-editor).estim-container .form-intro-flex {
      flex-direction:column
  }

  :not(.block-editor).estim-container fieldset[data-step="3"]:is(.active) {
      display: grid;
      grid-gap: 10px
  }

  :not(.block-editor).estim-container fieldset[data-step="3"]:is(.active) .obligatoire,:not(.block-editor).estim-container fieldset[data-step="3"]:is(.active) .ph-valuation-button-container,:not(.block-editor).estim-container fieldset[data-step="3"]:is(.active) .ph-valuation-select,:not(.block-editor).estim-container fieldset[data-step="3"]:is(.active) legend {
      grid-column: 1/3
  }
}


@media screen and (min-width: 782px) {

  :not(.block-editor).estim-container {
      position:relative
  }

  :not(.block-editor).estim-container .progress-bar .progress-bar-container .progress-bar-text {
      font-size: var(--wp--preset--font-size--small)
  }

  :not(.block-editor).estim-container .layout-form {
      display: flex;
      width: 100%
  }

  :not(.block-editor).estim-container .layout-form .form {
      padding: var(--wp--preset--spacing--xxx-large) var(--wp--preset--spacing--x-large)
  }

  :not(.block-editor).estim-container .layout-form .form .form-title {
      margin-top: 0
  }

  :not(.block-editor).estim-container .layout-form .form fieldset:is(.active) {
      display: flex;
      flex-wrap: wrap;
      gap: var(--wp--preset--font-size--x-large);
      margin: 0;
      padding: 0;
      border: 0
  }

  :not(.block-editor).estim-container .layout-form .form fieldset:is(.active) .ph-valuation-email,:not(.block-editor).estim-container .layout-form .form fieldset:is(.active) .ph-valuation-number,:not(.block-editor).estim-container .layout-form .form fieldset:is(.active) .ph-valuation-radio,:not(.block-editor).estim-container .layout-form .form fieldset:is(.active) .ph-valuation-select,:not(.block-editor).estim-container .layout-form .form fieldset:is(.active) .ph-valuation-tel,:not(.block-editor).estim-container .layout-form .form fieldset:is(.active) .ph-valuation-text {
      width: calc((100% - var(--wp--preset--font-size--x-large)) / 2)
  }

  :not(.block-editor).estim-container .layout-form .form fieldset:is(.active) #ph-valuation-radio-5,:not(.block-editor).estim-container .layout-form .form fieldset:is(.active) #ph-valuation-text-2 {
      width: 100%
  }

  :not(.block-editor).estim-container .layout-form .form legend {
      font-size: var(--wp--preset--font-size--x-large);
      font-weight: 700;
      color: var(--wp--preset--color--primary);
      padding-bottom: var(--wp--preset--spacing--x-large)
  }

  :not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-number,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-select,:not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-text {
      display: flex;
      flex-direction: column;
      margin-bottom: 0
  }

  :not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      column-gap: var(--wp--preset--spacing--x-large);
      width: 100%
  }

  :not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-radio .ph-valuation-form-radio-label {
      width: 100%
  }

  :not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-button-container .ph-valuation-button {
      max-width: var(--wp--style--global--content-size);
      margin-left: auto!important;
      margin-right: auto!important
  }

  :not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-button-container .ph-valuation-button button {
      margin-bottom: var(--wp--preset--spacing--x-large)
  }

  :not(.block-editor).estim-container .layout-form .form .ph-valuation .ph-valuation-button-container .ph-valuation-button button:last-child {
      margin-left: auto
  }

  :not(.block-editor).estim-container .layout-form .form fieldset[data-step="3"] .ph-valuation-environnement {
      margin-right: 50%
  }

  :not(.block-editor).estim-container .layout-form .form .form-container {
      width: calc(80% - var(--wp--preset--spacing--x-small));
      margin-left: auto !important;
      margin-right: auto !important;
  }

  :not(.block-editor).estim-container .image-form img {
      width: calc(50% - var(--wp--preset--spacing--x-small));
      object-fit: cover;
      position: absolute
  }

  :not(.block-editor).estim-container .image-form .form-results {
      display: flex;
      flex-direction: column;
      background-color: var(--wp--preset--color--base);
      padding: var(--wp--preset--spacing--x-large);
      margin: 3rem;
      box-sizing: border-box
  }
}

@media screen and (min-width: 1024px) {
  :not(.block-editor).estim-container .image-container {
    width: calc(60% - var(--wp--preset--spacing--x-small));
  }
}