/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme/
 Description:  Thème enfant pour Hello Elementor
 Author:       [Ton Nom]
 Author URI:   [Ton site ou profil]
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Tes personnalisations CSS commencent ici */





:root{
	--icon-taxo--icon-size: 40px;
	--icon-taxo--icon-color: currentcolor;
	
	--pill-taxo--icon-size: 40px;
	--pill-taxo--icon-spacing: 10px; 
	--pill-taxo--icon-bg: #E74B2F;
	--pill-taxo--icon-color: #fff;
}

main{

:is(h1,h2,h3,h4,h5,h6,.elementor-heading-title ){
	text-wrap: balance;
	margin-block: .0 .25em;
}
}

.container-wrapper{
	padding-block: clamp(40px, 11vw , 140px );
	
}

.elementor-button-link:has(.elementor-button-icon) .elementor-button-content-wrapper{
    align-items: center;
	text-align: left;
}
.elementor-button-link .elementor-button-icon{
    font-size: 2.5rem;
}


.pill-taxo{

	
    width: calc(1.75 * var(--pill-taxo--icon-size));
	background-color: var(--pill-taxo--icon-bg);
	padding: var(--pill-taxo--icon-spacing);
	border-radius: var(--pill-taxo--icon-size);
	aspect-ratio: 1;
	display: grid;
	place-content: center;
	
	
	
	& :is(svg,img) {
		width: var(--pill-taxo--icon-size); /* Ou la taille de votre choix */
		height:  var(--pill-taxo--icon-size);
		aspect-ratio: 1;
		transition: all 0.3s ease;
		fill: var(--icon-color, #fff);
	}

}



.icon-taxo {
	
	width: var(--icon-taxo--icon-size);
	aspect-ratio: 1;
	display: grid;
	place-content: center;
	margin-inline: auto;
	
	& :is(svg){
		width: var(--icon-taxo--icon-size); /* Ou la taille de votre choix */
		height:  var(--icon-taxo--icon-size);
		aspect-ratio: 1;
		transition: all 0.3s ease;
		fill: var(--icon-taxo--icon-color, currentcolor);
	}
	
}