/*
Theme Name: Woodmart Child
Theme URI: https://www.danielleengel.com
Description: Thème enfant de Woodmart. Contient uniquement les correctifs CSS specifiques au site (ne jamais modifier woodmart parent).
Author: Danielle Engel
Template: woodmart
Version: 1.0.9
Text Domain: woodmart-child
*/

/* == Fix Elementor : reglage Colonnes multiplie les colonnes (2 -> 4, 3 -> 9) ==
   Woodmart (int-elem-base.css, aussi servi en <style> inline APRES cette feuille)
   met .elementor-widget-text-editor .elementor-widget-container en columns:inherit.
   Le container herite donc du colonnage du wrapper => deux contextes columns imbriques
   => colonnes multipliees. Meme selecteur = meme specificite : sans !important,
   la regle Woodmart (plus tard dans le document) gagnait la cascade. */
.elementor-widget-text-editor .elementor-widget-container {
	columns: auto !important;
	column-gap: normal !important;
}

/* == Page Archives (21579) : alignement visuel sur Woodmart 4.2.2 (local de reference) ==
   Woodmart 8.5.4 a change les tailles par defaut des cartes produit et du H2 :
   - titre produit : 16px -> 14px (valeur Woodmart 4.2.2, style.css .product-grid-item .product-title)
   - line-height titre : 22.4px -> 18.2px (1.3)
   - marge basse titre : -3.2px -> 5px
   - prix : 16px -> 15px (v4.2.2), line-height 22.4 -> 19.5px
   - H2 de page : 24px -> 25px (v4.2.2 .font-primary)
   Scope limite a la page Archives uniquement (le widget produits ny existe que la). */
.page-id-21579 .wd-product .wd-entities-title {
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 5px;
}
.page-id-21579 .wd-product .price {
	font-size: 15px;
	line-height: 1.3;
}
.page-id-21579 .wd-product .price del {
	font-size: 13.5px;
}
.page-id-21579 .elementor-widget-heading h2.elementor-heading-title {
	font-size: 25px;
}

/* == Page Archives (21579) : 3 colonnes sur tablette (577-1024px) ==
   Alignement sur Woodmart 4.2.2 (Bootstrap col-sm-4 = 3 colonnes).
   Le reglage Elementor columns_tablet=3 existe mais Woodmart 8.5.4 le perd
   au rendu (settings display fusionnes en string, [size] -> null -> fallback auto=4).
   On force donc la variable CSS de grille de cette page. */
@media (min-width: 577px) and (max-width: 767px) {
	.page-id-21579 .products.elements-grid {
		--wd-col-md: 3 !important;
		--wd-col-sm: 3 !important;
	}
}
@media (max-width: 576px) {
	.page-id-21579 .products.elements-grid {
		--wd-col-sm: 2 !important;
	}
}

/* == Grilles produits : marges laterales 10px ==
   Alignement sur Woodmart 4.2.2 (local) : toutes les grilles produits pleine
   largeur (page Archives, pages categories Elementor, categories WC) laissent
   10px entre le bord de lecran et les images, gauche et droite. */
.products.elements-grid {
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}