/* 
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 */

/***** Bouton contact ****/
.menubtn a {
	/* 1. Dimensions et Bordure */
	color:#BD5E98 !important;
	border-color: #BD5E98;
	border-style: solid;
	border-radius: 10px;
	border-width: 1px;
	padding: 8px !important;
	width: 83px;
	height: 32px !important; /*Hauteur totale souhaitée sans déborder (grâce à box-sizing)*/
	box-sizing: border-box;

	/* 2. Alignement du texte (Le secret) */
	display: flex !important;
    align-items: center;           /* Centre verticalement le texte dans les 32px */
    justify-content: center;
    line-height: 1 !important;     /* Annule la hauteur de ligne héritée */
	text-decoration: none;
	
	/* 3. Alignement avec les autres liens du menu */
    /* On utilise vertical-align si le menu est en inline-block, 
       mais le flex sur le parent est plus sûr */
	vertical-align: middle;	
}
.menubtn a:hover { 
	background-color: #2C2C2C !important;
}
/* Ajustement pour Elementor : évite le décalage visuel */
li.menubtn {
    display: flex !important;
    align-items: center; /* centre verticalement le bouton */
	height: auto;	/* laisse elementor gerer la hauteur */
	padding:10px 0px 0px 10px !important;
	/*background-color: transparent;*/
}

/***** Avoir une fleur au survol du menu ****/
.typemenu1 a {
	padding:10px 20px 0px 30px !important;
}

/* Création de l'image invisible par défaut */
.typemenu1 a::before {
    content: "";
    position: absolute;
    bottom: 35%; /* Position au-dessus du texte */
    left: -5px;   /* Décalage à gauche */
    width: 61px;  /* Largeur de votre image */
    height: 54px; /* Hauteur de votre image */
    background-image: url('https://ogidev.fr/wp-content/uploads/2026/03/PICTO-FLEUR-3.svg');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
    transform: translateY(10px); /* Petit effet de mouvement */
}

/* Apparition au survol */
.typemenu1 a:hover::before {
    opacity: 1;
    transform: translateY(0px);
}

.typemenu1 a:hover {
	color: #3D7273 !important;
}
/* page active */
.typemenu1 a.active::before {
	color: #3D7273 !important;
	opacity: 1;
    transform: translateY(0px);
}
.typemenu1 a.active {
	color: #3D7273 !important;
}
/*****/

/***** Avoir un arc au survol du menu ****/
.typemenu2 a {
	padding:10px 10px 0px 10px !important;
}

/* Création de l'image invisible par défaut */
.typemenu2 a {
	font-size: 16px;
}
.typemenu2 a::before {
    content: "";
    position: absolute;
    bottom: 10%; /* Position au-dessous du texte */
    /* positionne image au milieu */
	left: 50%; /* centre de référence */
    transform: translateX(-50%) translateY(0px); /* centrage + animation */
	/*dimension*/
    width: 32px;  /* Largeur de votre image */
    height: 21px; /* Hauteur de votre image */
    background-image: url('https://ogidev.fr/wp-content/uploads/2026/03/picto_arc.svg');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    pointer-events: none;    
}

/* Apparition au survol */
.typemenu2 a:hover::before {
    opacity: 1;
    transform: translateX(-35%) translateY(0px);
}

.typemenu2 a:hover {
	color: #3D7273 !important;
}
/* page active */
.typemenu2 a.active::before {
	color: #3D7273 !important;
	opacity: 1;
    transform: translateY(0px);
}
.typemenu2 a.active {
	color: #3D7273 !important;
}

/*****/

/* masquer le titre */
h1.entry-title {
	visibility:collapse !important;
	display: none !important;
}