/*
Theme Name: easyVirtual.tours
Theme URI: 
Author: Velcome SEO
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: easyvirtual-tours
Tags: 
*/

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100vw;

  @media (min-width: 600px) {
    top: var(--wp-admin-bar-top);
  }
}

p:not(.has-large-font-size) mark{
  font-family: var(--wp--preset--font-family--futura-md-bt);
}

strong{
  font-family: var(--wp--preset--font-family--futura-bold);
}

:root :where(.wp-block-cover) {
  padding-right: var(--wp--preset--spacing--60) !important;
  padding-left: var(--wp--preset--spacing--60) !important;
}

.wp-block-button a {
  transition: all 0.3s ease;
}

.wp-block-button.is-style-outline.is-style-outline--1:hover a {
  background-color: var(--wp--preset--color--custom-orange);
  color: white !important;
  border-color: var(--wp--preset--color--custom-orange) !important;
  transition: all 0.3s ease;
}

.wp-block-button:not(.is-style-outline--1):hover a {
  background-color: white !important;
  color: var(--wp--preset--color--custom-orange) !important;
  transition: all 0.3s ease;
}

.underlined {
  position: relative;
}

.w-full {
  width: 100%;

  img {
    width: 100%;
  }
}

.h-full {
  height: 100%;
}

.wplng-switcher.style-dropdown .switcher-content {
  z-index: 1;
}

.underlined::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 1px;
  background: var(--wp--preset--color--custom-orange);
  bottom: -5px;
  left: 0;
}

@media (min-width: 760px) {
  .franchise {
    transform: translateY(50%);
    z-index: 100;
    position: relative;
  }
}

.overflow-hidden {
  overflow: hidden;
}

.card-container {
  position: relative;
  width: 275px;
  height: 200px;
  perspective: 1000px;
}

.card-container>.card-front,
.card-container>.card-back {
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
  backface-visibility: hidden;
  transition: transform 0.4s ease;
  top: 0;
  left: 0;
  border-radius: 10px;
}

.card-front {
  transform: rotateY(0deg);
  z-index: 2;
}

.card-back {
  transform: rotateY(180deg);
}

/* Flip au hover OU au focus */
.card-container:hover .card-front,
.card-container:focus .card-front {
  transform: rotateY(-180deg);
}

.card-container:hover .card-back,
.card-container:focus .card-back {
  transform: rotateY(0deg);
}

/* Accessibilité : indiquer le focus clavier */
.card-container:focus {
  box-shadow: 0 0 0 3px #ff6500;
  /* halo orange */
  border-radius: 12px;
}

/* FADE CARD */
.fade-card-container {
  position: relative;
  min-width: 260px;
  min-height: 300px;
  outline: none;
}

.fade-card-container>.fade-card-front,
.fade-card-container>.fade-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* état par défaut → front visible */
.fade-card-front {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
  z-index: 2;
  display: flex;
  align-items: center;
}

.fade-card-back {
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

/* au hover/focus → front fade out, shrink */
.fade-card-container:hover .fade-card-front,
.fade-card-container:focus .fade-card-front {
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
  z-index: 1;
}

/* au hover/focus → back fade in */
.fade-card-container:hover .fade-card-back,
.fade-card-container:focus .fade-card-back {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
  z-index: 2;
}

/* focus accessible clavier */
.fade-card-container:focus {
  box-shadow: 0 0 0 3px #ff6500;
  border-radius: 12px;
}

.fade-card-container-main .fade-card-container {
  min-width: 350px !important;
}

.floating-card {
  margin-bottom: -30px !important;
  z-index: 10;
}

.floating-card-container {
  height: 580px;
  position: relative;
}

.floating-card {
  position: absolute;
  width: 60%;
  margin-left: -50px !important;
  margin-bottom: 30px !important;
}

@media (max-width: 760px) {
  .floating-card-container {
    margin-left: 60px;
  }

  .floating-card {
    width: 80%;
  }
}

.wp-block-velcome-group-marquee-effect {
  width: 100% !important;
  margin: 0 !important;
  max-width: 100% !important;
}

.d-none {
  display: none;
}

.lire-plus-btn:hover,
.lire-plus.expanded .lire-plus-btn {
  color: #ff6500;
  cursor: pointer;

  img {
    filter: brightness(0) saturate(100%) invert(63%) sepia(82%) saturate(4732%) hue-rotate(357deg) brightness(95%) contrast(116%);
  }
}

.lire-plus-content {
  display: none !important;
  height: 0;
}

.lire-plus.expanded .lire-plus-plus-icon {
  display: none;
}

.lire-plus.expanded .lire-plus-minus-icon {
  display: block !important;
}

.lire-plus.expanded .lire-plus-content {
  display: block !important;
  height: auto;
  transition: height 0.3s ease;
}

.realisation-card {
  cursor: pointer;
}

.realisation-card .titre-realisation-card {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  color: white;
  align-content: center;
  text-align: center;
  font-family: var(--wp--preset--font-family--futura-md-bt);
  justify-content: center;
  border-radius: 10px;
  transition: all .2s ease-in-out;
}

.realisation-card:hover .titre-realisation-card {
  opacity: 1;
  background-color: #000000a4;
  transition: all .2s ease-in-out;
}

.show .custom-cover .wp-block-cover__inner-container {
  z-index: 0 !important;
}

.custom-group {
  opacity: 0;
  position: fixed;
  transition: 0.4s ease-in-out;
  width: 100%;
  height: 100vh;
  top: 0;
  right: 0;
  display: none;
  background-color: #000000a4;
  z-index: 9999;
}

.custom-group iframe {
  width: 90%;
  max-width: 800px;
}

.show .custom-group {
  display: block;
  opacity: 1 !important;
}

.close {
  position: absolute;
  right: 20px;
  top: 120px;
  cursor: pointer;
}

.show .close {
  z-index: 10000;
}

.filters .active .wp-block-button__link {
  color: white !important;
  background-color: #ff6500 !important;
}

.realisation-card {
  display: none !important;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  height: 200px;

  &>.wp-block-group {
    height: 100%;
  }

  figure {
    height: 100%;
    width: 100%;
  }

  img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}

.realisation-card.active {
  transition: all 0.3s ease-in-out;
  display: block !important;
  opacity: 1 !important;
}


@media (min-width: 760px) {
  .scaled-img {
    scale: 1.05;
    bottom: 0;
    position: relative;
    transform-origin: bottom left;
  }

  .scaled-img-2 {
    scale: 1.08;
    bottom: 0;
    position: relative;
    left: 10px;
    transform-origin: bottom;

  }
}

.wp-block-navigation__submenu-container {
  background-color: var(--wp--preset--color--custom-orange) !important;
  border-radius: 10px !important;
  border: 0 !important;
  box-shadow: var(--wp--preset--shadow--shadow-1) !important;

  li:first-of-type,
  li:nth-of-type(1) {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  li:last-of-type {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }

  .wp-block-navigation-item__content {
    text-transform: capitalize;
  }
}

.wp-block-navigation-item__content {
  font-size: 15px;
  font-family: var(--wp--preset--font-family--futura-bold) !important;
}

.wp-block-navigation-submenu li {
  color: white;
}

.wp-block-navigation-submenu li:hover {
  color: var(--wp--preset--color--custom-orange);
  background-color: white !important;
}

div:has(>.ribbon) {
  position: relative;
}

.ribbon {
  position: absolute;
  width: 150px;
  text-align: center;
  right: 0;
  transform: rotate(45deg);
  translate: 25% 140%;
}

.wplng-switcher.theme-light-double-square .switcher-content {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin-top: 3px;
}

.wplng-switcher.theme-light-double-square .switcher-content .wplng-language {
  border: none !important;
  color: white !important;
  font-family: var(--wp--preset--font-family--futura-bold) !important;
  text-transform: uppercase !important;
  font-size: 14px;
}

.wplng-switcher.style-dropdown .switcher-content:hover .wplng-languages {
  background-color: var(--wp--preset--color--custom-orange) !important;
  border-radius: 10px !important;
  box-shadow: var(--wp--preset--shadow--shadow-1) !important;

  .wplng-language {
    text-transform: capitalize !important;
  }
}

.wplng-switcher .wplng-languages .wplng-language:hover {
  background-color: white !important;
  color: var(--wp--preset--color--custom-orange) !important;
  border-radius: 10px !important;
}

.wp-block .wplng-switcher .switcher-content .wplng-language,
.wplng-switcher .switcher-content .wplng-language {
  margin: 0 !important;
}

.wplng-switcher.style-dropdown .wplng-language-current {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' aria-hidden='true' focusable='false'%3E%3Cpath d='M1.50002 4L6.00002 8L10.5 4' stroke='%23fff' stroke-width='1.5'%3E%3C/path%3E%3C/svg%3E") !important;
}

.wplng-switcher.title-name,
.wplng-switcher.title-original {
  min-width: 155px !important;
}

.banner-card {
  overflow: visible;
}

.bottom-card {
  position: absolute;
  bottom: -70%;
  left: 0;
  right: 0;

  @media (max-width: 760px) {
    bottom: -90%;
  }
}

.post-template-default.single.single-post {
  .content {
    img {
      border-radius: 10px;
      box-shadow: var(--wp--preset--shadow--shadow-1);
      width: -webkit-fill-available;
      width: -moz-available;
      width: fill-available;
    }
  }
}

.wp-block-post-featured-image :where(img) {
  height: 100%;
  object-fit: cover;
}

.franchise{

.wpcf7-form {
  form>p {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
  }

  .wpcf7-form-control-wrap {
    max-width: 270px;
  }

  input[type="email"] {
    border-radius: 5px 0 0 5px;
    border: solid 1px white;
    border-right: none;
    padding: 10px;
    font-family: var(--wp--preset--font-family--futura-md-bt);
    max-width: 300px;
    outline: none;
    outline: solid 1px white;
  }

  input[type="submit"] {
    background-color: var(--wp--preset--color--custom-orange);
    color: white;
    font-family: var(--wp--preset--font-family--futura-bold);
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-top: solid 1px white;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    border-left: none;
    height: 38px;
  }
}
}

.equipe-card {
  position: relative;

  p, &>div p {
    opacity: 0;
    z-index: 100;
  }

  &:hover {
    p, &>div p {
      opacity: 1;
      transition: opacity 0.3s ease-in-out;
      position: relative;
      z-index: 10000;
    }

    &:before {
      opacity: 1;
    }
  }

  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000004f;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    border-radius: 10px;
    z-index: 1;
  }
}

#retalk-preset-messages button{
  font-family: var(--wp--preset--font-family--futura-bk-bt) !important;
}