/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/* ===== Footer (bloc HTML 128) - correction layout =====
   Les styles atomiques Elementor v4 du footer ne sont pas charges
   sur le front, donc on les reproduit ici. */

/* Desktop : 4 colonnes egales, comme prevu dans le design */
.elementor-element-92fd67e {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 30px;
	align-items: flex-start;
}
.elementor-element-92fd67e > .e-con {
	width: calc(25% - 23px);
	min-width: 0;
}

/* Tablette : 2 colonnes */
@media (max-width: 1024px) {
	.elementor-element-92fd67e > .e-con {
		width: calc(50% - 15px);
	}
}

/* Mobile : tout empile en pleine largeur */
@media (max-width: 767px) {
	.elementor-element-92fd67e {
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
	}
	.elementor-element-92fd67e > .e-con {
		width: 100%;
		max-width: 100%;
	}
}


/* ===== Nouveau footer Abianalawal (bloc 10968) ===== */
.aba-footer {
	padding: 48px 0 40px;
	border-bottom: 1px solid rgba(0,0,0,0.08);
	margin-bottom: 28px;
}
.aba-footer-grid {
	display: grid;
	grid-template-columns: 1.1fr 1.6fr 0.9fr;
	gap: 40px;
	align-items: start;
}
.aba-footer-brand img {
	max-width: 220px;
	height: auto;
	margin-bottom: 16px;
}
.aba-footer-brand p {
	color: #767676;
	font-size: 14px;
	line-height: 1.8;
	margin: 0;
	max-width: 340px;
}
.aba-footer-col h4 {
	font-size: 17px;
	color: #242424;
	margin: 0 0 16px;
}
.aba-footer-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.aba-footer-col li {
	margin-bottom: 10px;
}
.aba-footer-col a {
	color: #767676;
	font-size: 14px;
	line-height: 1.6;
	transition: color .2s ease;
}
.aba-footer-col a:hover {
	color: #1C61E7;
}
.aba-footer-all {
	color: #1C61E7 !important;
	font-weight: 600;
}

/* Tablette : logo au-dessus, 2 colonnes de liens */
@media (max-width: 1024px) {
	.aba-footer-grid {
		grid-template-columns: 1fr 1fr;
	}
	.aba-footer-brand {
		grid-column: 1 / -1;
	}
}

/* Mobile : tout empile */
@media (max-width: 767px) {
	.aba-footer {
		padding: 36px 0 28px;
	}
	.aba-footer-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}
}


/* Categories du footer : 2 colonnes sur desktop */
@media (min-width: 768px) {
	.aba-footer-cats ul {
		column-count: 2;
		column-gap: 28px;
	}
	.aba-footer-cats li {
		break-inside: avoid;
	}
}


/* ===== Icones de paiement (barre copyright) =====
   Les <img> sont poses en brut dans .wd-col-end sans conteneur,
   d'ou l'empilement vertical. On force une ligne horizontale.
   direction:ltr = les logos se rangent de gauche a droite
   meme si le site est en RTL. */
.wd-copyrights .wd-col-end {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
	direction: ltr;
}
.wd-copyrights .wd-col-end img {
	display: inline-block;
	flex: 0 0 auto;
	height: 25px;
	width: auto;
	margin: 0 !important;
	vertical-align: middle;
}

/* Mobile : centre et un peu plus petit */
@media (max-width: 767px) {
	.wd-copyrights .wd-col-end {
		justify-content: center;
		gap: 10px;
	}
	.wd-copyrights .wd-col-end img {
		height: 20px;
	}
}