/*
 Theme Name:   PRIORISE
 Theme URI:    https://priorise.com
 Description:  Thème PRIORISE
 Author:       STUDIO WBM
 Author URI:   https://priorise.com
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light
 Text Domain:  priorise_theme
*/

/**************************
        MODAL UNREVEAL
***************************/

#modal-container {
    position: fixed;
    display: table;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    z-index: 999999;
  }
#modal-container.two {
    transform: scale(1);
  }
#modal-container.two .modal-background {
  background: rgba(0, 0, 0, 0);
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  width: 100%;
  /* backdrop-filter: blur(6px); */
  /* -webkit-backdrop-filter: blur(6px); */
}
#modal-container.two .modal-background .modal {
  opacity: 0;
  animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  max-width: 520px;
}
#modal-container.two.out {
  animation: quickScaleDown 0s 0.5s linear forwards;
}
#modal-container.two.out .modal-background {
  animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two.out .modal-background .modal {
  animation: scaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
body.modal-active main.site-main {
  animation: scaleBack 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
body.modal-disable main.site-main {
  animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}


#modal-container .modal-background {
  display: flex;
  background: rgba(0, 0, 0, 0.8);
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: auto;
}
#modal-container .modal-background .modal {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
}

/* MODAL SEARCH */
#modal-container[data-attr="modal-search"] .modal-background {
  align-items: baseline;
  padding-top: 0px;
  padding-bottom: 0px;
}
#modal-container .modal-background .modal.modal-search-form{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  width: 100%;
  height: 100%;
  gap: 10px;
}
#modal-container .modal-background .modal.modal-search-form h3{
  color: #FFFFFF;
}
#modal-container .modal-background .modal.modal-search-form > div{
  /* padding: 4px;
  border-radius: 70px;
  border: solid 1px rgb(180 180 180 / 19%);
  background: rgba(255, 255, 255, 0.20);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); */
}
#modal-container .modal-background .modal.modal-search-form form{
  background-color: rgba(255,255,255,0.95);
}
#modal-container .modal-background .modal.modal-search-form form .input-row input, #modal-container .modal-background .modal.modal-search-form form .input-row select, #modal-container .modal-background .modal.modal-search-form form .input-row input::placeholder{
  color: var(--themeMarine);
}
#modal-container[data-attr="modal-search"] .close-modal{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  border-radius: 50px;
  border: solid 1px var(--white);
  color: var(--white);
  width: fit-content;
  top: auto!important;
  bottom: 80px!important;
  left: 50%!important;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.20);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-weight: 500;
}


/* END MODAL SEARCH  */


@keyframes fadeIn {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.8);
  }
}
@keyframes fadeOut {
  0% {
    background: rgba(0, 0, 0, 0.8);
  }
  100% {
    background: rgba(0, 0, 0, 0);
  }
}
@keyframes scaleUp {
  0% {
    transform: scale(0.8) translateY(1000px);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateY(0px);
    opacity: 1;
  }
}
@keyframes scaleDown {
  0% {
    transform: scale(1) translateY(0px);
    opacity: 1;
  }
  100% {
    transform: scale(0.8) translateY(1000px);
    opacity: 0;
  }
}
@keyframes scaleBack {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.85);
  }
}
@keyframes scaleForward {
  0% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes quickScaleDown {
  0% {
    transform: scale(1);
  }
  99.9% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

/* RESPONSIVE */
@media (max-height: 992px) and (orientation: landscape) {
  #modal-container .modal-background {
      align-items: baseline;
      padding-top: 60px;
      padding-bottom: 60px;
  }
}
@media (max-height: 992px) and (orientation: portrait) {
  #modal-container .modal-background {
      align-items: baseline;
      padding-top: 60px;
      padding-bottom: 60px;
  }
}
@media only screen and (max-width: 840px) {
  body.modal-active main.site-main, body.modal-disable main.site-main {
    animation: none;
  }
  /* #modal-container.two .modal-background {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  } */
}
@media only screen and (max-width: 420px) {
  #modal-container.two .modal-background .modal{
    max-width: 100%;
  }

}