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

/* ==========================================================================
   Pied de page — MBC Shop
   ========================================================================== */

/* Largeur des 5 colonnes.
   Woodmart pose une grille de 12 unités sur .footer-sidebar et donne à chaque
   colonne une fraction via la variable --wd-col-lg. On redistribue ces
   fractions plutôt que de forcer une largeur en pixels, ce qui casserait la
   grille et le comportement responsive.

   « Politique de confidentialité » tenait sur deux lignes : la colonne 4
   reçoit une unité de plus, prise sur la colonne 2 dont les intitulés sont
   courts (Literie, Coffres-forts…). Le total reste à 12. */
@media (min-width: 1025px) {
	.wd-footer .footer-column-1 { --wd-col-lg: 3; }   /* logo + adresse */
	.wd-footer .footer-column-2 { --wd-col-lg: 2; }   /* Boutique */
	.wd-footer .footer-column-3 { --wd-col-lg: 2; }   /* Informations */
	.wd-footer .footer-column-4 { --wd-col-lg: 2.6; } /* Nos politiques — élargie */
	.wd-footer .footer-column-5 { --wd-col-lg: 2.4; } /* Contact */
}

/* Corps de texte légèrement réduit : le pied de page est dense (5 colonnes),
   une taille un peu plus petite l'aère sans nuire à la lisibilité. */
.wd-footer .widget,
.wd-footer .widget p,
.wd-footer .widget li,
.wd-footer .widget a {
	font-size: 13px;
	line-height: 1.7;
}

/* Titres de colonnes */
.wd-footer .widget-title,
.wd-footer .widgettitle {
	font-size: 13px;
}

/* Sous-pied : une seule ligne, texte discret. */
.wd-copyrights,
.wd-copyrights p,
.wd-copyrights a {
	font-size: 12px;
}

/* ==========================================================================
   Blocs de catégories (page d'accueil)
   ========================================================================== */

/* Le texte de ces bannières se superpose à l'image. Sur un visuel clair il
   reste lisible, mais l'image de la literie est sombre en son centre : le
   titre et la description y disparaissent.
   Un voile blanc translucide derrière le texte règle le cas pour les trois
   blocs, quelle que soit l'image. */
.promo-banner-wrapper .banner-inner,
.promo-banner-wrapper .content-banner {
	background-color: rgba(255, 255, 255, .82);
	padding: 18px 20px;
	border-radius: 2px;
}

/* La largeur du bloc de texte se règle dans le widget lui-même
   (réglage `width` d'Elementor, porté de 160 px à 300 px) et non en CSS. */

/* Titres des blocs de catégories.
   À 26 px, « Audio & Multimédia » débordait sur deux lignes dans les 300 px
   du bloc, là où les deux autres tenaient sur une seule : les trois blocs
   n'étaient pas alignés.

   Le thème dimensionne ces titres en `vw` via une classe `wd-fontsize-*`,
   plus spécifique que `.banner-title` seul — il faut la reprendre pour
   l'emporter. Les tailles sont fixées par palier : en dessous de 1025 px les
   blocs passent sur deux colonnes puis une, et la largeur disponible change. */
.promo-banner-wrapper .banner-title,
.promo-banner-wrapper .banner-title.wd-fontsize-l,
.promo-banner-wrapper .banner-title.wd-fontsize-xl,
.promo-banner-wrapper .banner-title.wd-fontsize-xxl {
	font-size: 20px;
}

.promo-banner-wrapper .banner-inner {
	font-size: 13px;
}

/* Deux colonnes : les blocs sont plus étroits qu'en desktop. */
@media (min-width: 769px) and (max-width: 1024px) {
	.promo-banner-wrapper .banner-title,
	.promo-banner-wrapper .banner-title.wd-fontsize-l,
	.promo-banner-wrapper .banner-title.wd-fontsize-xl,
	.promo-banner-wrapper .banner-title.wd-fontsize-xxl {
		font-size: 17px;
	}
}

/* Une seule colonne : le bloc occupe toute la largeur, le titre peut
   retrouver sa taille normale. */
@media (max-width: 768px) {
	.promo-banner-wrapper .banner-title,
	.promo-banner-wrapper .banner-title.wd-fontsize-l,
	.promo-banner-wrapper .banner-title.wd-fontsize-xl,
	.promo-banner-wrapper .banner-title.wd-fontsize-xxl {
		font-size: 20px;
	}
}