/*
Theme Name: Codate Child — AlsaLive
Theme URI: https://www.alsalive.com
Description: Child theme de Codate pour AlsaLive. Footer widget grid configurable : X lignes x Y colonnes (1 colonne = pleine largeur, 2 colonnes = 50/50, responsive empilé sur mobile), zones de widgets par cellule, padding/margin réglables dans Apparence > Personnaliser > Footer AlsaLive.
Author: SEINSIGHTS
Author URI: https://www.seinsights.com
Template: codate
Version: 1.0.0
Text Domain: codate-child
License: GNU/GPL Version 2 or later
License URI: https://www.gnu.org/licenses/gpl.html
*/

/* ============================================================
   FOOTER ALSA LIVE — Widget Grid (X lignes x Y colonnes)
   Les valeurs --als-* sont injectées en style inline par
   includes/uni-bottombox.php (réglages Customizer).
   ============================================================ */

.alsalive-footer-grid{
	display: block;
	width: 100%;
	padding: var(--als-pad-top, 40px) var(--als-pad-lr, 20px) var(--als-pad-bot, 40px);
	margin: var(--als-mar-top, 0) 0 var(--als-mar-bot, 0);
	background: var(--als-bg, transparent);
	box-sizing: border-box;
}

.alsalive-footer-row{
	display: grid;
	grid-template-columns: repeat(var(--als-cols, 1), 1fr);
	gap: var(--als-gap, 30px);
	width: 100%;
	box-sizing: border-box;
}

.alsalive-footer-row + .alsalive-footer-row{
	margin-top: var(--als-gap, 30px);
}

.alsalive-footer-col{
	min-width: 0; /* évite les débordements de contenu large (images, tableaux) */
	box-sizing: border-box;
}

/* Neutralise les styles .foocol du thème parent (plus utilisés ici) */
#footer .foocol{
	width: auto;
	float: none;
	padding: 0;
}

/* Nettoie les marges par défaut du parent sur les widgets du footer */
#footer .alsalive-footer-col .sidebar_item{
	margin: 0 0 25px 0;
}
#footer .alsalive-footer-col .sidebar_item:first-of-type{
	margin-top: 0;
}
#footer .alsalive-footer-col .sidebar_item:last-of-type{
	margin-bottom: 0;
}
#footer .alsalive-footer-col h5.widget{
	margin: 0 0 12px 0;
}

/* Responsive : tout s'empile en 1 colonne sur mobile */
@media (max-width: 767px){
	.alsalive-footer-row{
		grid-template-columns: 1fr !important;
	}
	.alsalive-footer-grid{
		padding-left: 20px;
		padding-right: 20px;
	}
}