/* 
Theme Name: KWA
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 */

/* Style de base pour la galerie */
.gallery {
	display: flex;
	flex-wrap: wrap; /* Permet aux éléments de passer à la ligne */
	margin: 0 -5px; /* Ajuste l'espace entre les colonnes */
}

.gallery-item {
	margin: 0 0px 5px; /* Espacement autour des images */
	box-sizing: border-box; /* Empêche les marges de dépasser la largeur des colonnes */
}

/* Largeur des colonnes en fonction du nombre de colonnes sélectionnées */
.gallery-columns-1 .gallery-item {
	flex: 1 1 100%; /* 1 colonne */
}

.gallery-columns-2 .gallery-item {
	flex: 1 1 49%; /* 2 colonnes */
}

.gallery-columns-3 .gallery-item {
	flex: 1 1 32%; /* 3 colonnes */
}

.gallery-columns-4 .gallery-item {
	flex: 1 1 23%; /* 4 colonnes */
}

.gallery-columns-5 .gallery-item {
	flex: 1 1 19%; /* 5 colonnes */
}

.gallery-columns-6 .gallery-item {
	flex: 1 1 14%; /* 6 colonnes */
}

/* Images de la galerie */
.gallery img {
	width: 100%; /* Les images prennent toute la largeur du conteneur */
	height: auto; /* Préserve les proportions */
	display: block; /* Évite les espaces blancs sous les images */
}

/* Gestion de l'espacement entre les éléments */
.gallery {
	gap: 10px; /* Espace entre les éléments de la galerie */
}

/* Alignement du texte sous les images (si légendes) */
.gallery-caption {
	font-size: 14px; /* Taille du texte des légendes */
	text-align: center; /* Centre les légendes */
	margin-top: 5px; /* Espace entre l'image et la légende */
	color: #666; /* Couleur de la légende */
}