/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.vertgras {
	font-weight:bold;
	color:#92C020;
}

.traitvert a {
	text-decoration:underline 1px #92C020;
	padding:0 0 5px 0;
}

.button-underlined svg {
	width:25px;
}

/* Container RECTANGULAIRE (hover ici) */
.hover-container {
  position: relative;
}

/* Cercle image */
.hover-overlay {
  position: relative;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  overflow: hidden;
  margin-inline: auto;
}

/* Image ronde */
.hover-overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

/* Overlay rond */
.hover-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(5, 50, 61, 0.7);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

/* Icône SVG / PNG depuis WordPress */
.hover-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    url("/wp-content/uploads/2026/01/encoreunefleche.svg")
    center / 40px no-repeat;
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 3;
  pointer-events: none;
}

/* Hover déclenché sur le container RECTANGULAIRE */
.hover-container:hover .hover-overlay::before {
  opacity: 1;
}

.hover-container:hover .hover-overlay::after {
  opacity: 1;
  transform: scale(1);
}