/*
Theme Name: MVD Huissier 2025 Child
Theme URI: http://example.com
Description: Theme enfant pour MVD Huissier 2025
Author: Votre Nom
Author URI: http://example.com
Template: Divi
Version: 1.0
*/


body {
  font-family: 'Calibri Web', system-ui, -apple-system, 'Segoe UI',
               Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.et_pb_image_0_tb_header .et_pb_image_wrap img {
    max-height: 130px;
    width: 90% !important;
}

h1, h2, h3 {
  font-weight: 700;
}

.hover-up {
  transition: transform 0.3s ease;
}

.hover-up:hover {
  transform: translateY(-5px);
}




.btn-lyon {
  position: relative; /* Nécessaire pour positionner ::before */
  transition: transform 0.3s ease; /* Animation fluide pour l'effet de translation */
  cursor: pointer;
  overflow: visible; /* Permet d'afficher l'icône même si elle dépasse */
  z-index: 100;
}

.btn-lyon::before {
  content: url('/wp-content/uploads/2025/08/icon-lyon-orange.svg'); /* Icône par défaut */
  position: absolute;
  top: 0%; /* Centre verticalement */
  left: 50%; /* Centre horizontalement */
  transform: translate(-50%, -50%) scale(0.5); /* Centre parfait */
  z-index: 9999; /* Icône au-dessus de tout */
  transition: transform 0.3s ease; /* Animation fluide pour le hover-up */
  display: inline-block;
}

/* Effet Hover-Up */
.btn-lyon:hover {
  transform: translateY(-5px); /* Déplace légèrement le bouton vers le haut */
}

.btn-lyon:hover::before {
  content: url('/wp-content/uploads/2025/08/icon-lyon-gris.svg'); /* Change l’icône sur hover */
  transform: translate(-50%, -55%) scale(0.5); /* Déplace légèrement l’icône vers le haut */
}

.btn-paris {
  position: relative; /* Nécessaire pour positionner ::before */
  transition: transform 0.3s ease; /* Animation fluide pour l'effet de translation */
  cursor: pointer;
  overflow: visible;
  z-index: 100;
}

.btn-paris::before {
  content: url('/wp-content/uploads/2025/08/icon-paris-orange.svg'); /* Icône par défaut */
  position: absolute;
  top: 0%; /* Centre verticalement */
  left: 50%; /* Centre horizontalement */
  transform: translate(-50%, -50%) scale(0.5); /* Centre parfait */
  z-index: 9999;
  transition: transform 0.3s ease;
  display: inline-block;
}

/* Effet Hover-Up */
.btn-paris:hover {
  transform: translateY(-5px);
}

.btn-paris:hover::before {
  content: url('/wp-content/uploads/2025/08/icon-paris-gris.svg');
  transform: translate(-50%, -55%) scale(0.5);
}

/* Modification pour mobile */
@media screen and (max-width: 768px) {
  .btn-lyon::before {
    position: static;
    transform: translate(0, 0) scale(0.5);
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
  }

  .btn-paris::before {
    position: static;
    transform: translate(0, 0) scale(0.5);
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
  }

  .btn-lyon, .btn-paris {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }
}
.deco-image {
  position: relative;
  display: inline-block; /* pour coller à l'image */
}

.deco-image img {
  display: block;
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 2; /* l'image reste au-dessus */
}

.deco-image::before {
  content: "";
  position: absolute;
    left: -10px;
    bottom: -13px;
  width: 30%;     /* largeur du rectangle orange */
  height: 30%;    /* hauteur du rectangle orange */
  background: #f15a29; /* orange */
  z-index: 1;     /* en dessous de l'image */
}

.img-circle {
  display: inline-block;
  border-radius: 50%;   /* transforme en cercle */
  overflow: hidden;     /* coupe l’excédent */
  line-height: 0;       /* supprime l'espace blanc autour de l'image */
}

.img-circle img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}




.blur-background {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* Pseudo-élément pour appliquer le flou derrière */
.blur-background::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  backdrop-filter: blur(2px); /* flou dynamique */
  -webkit-backdrop-filter: blur(2px); /* Safari */
  z-index: -1;
}