/* Trackday Giallo : pages héritées de l'ancien site (contenu Elementor ou WordPress d'origine, sans gabarit du thème).
   Chargée seulement sur ces pages (body.tdg-heritage) : corrections globales sous le nouveau thème,
   sans refonte page à page. Relevé du débordement horizontal à 375 px : voir le rapport de la tâche 5. */

/* Polices de l'ancien site (Roboto, Open Sans, Montserrat… réglées widget par widget, et servies depuis
   le domaine de prod, donc refusées sur la préprod) : Outfit de la charte partout. */
body.tdg-heritage .elementor .elementor-element .elementor-heading-title,
body.tdg-heritage .elementor .elementor-element.elementor-widget-text-editor,
body.tdg-heritage .elementor .elementor-element .elementor-button,
body.tdg-heritage .elementor .elementor-element .elementor-icon-list-text { font-family: var(--tdg-police); }
body.tdg-heritage .elementor-widget-text-editor [style*="font-family"],
body.tdg-heritage .elementor-heading-title [style*="font-family"] { font-family: inherit !important; }

/* Mots ou adresses très longs (CGV, mentions) : coupés plutôt que de pousser la page */
body.tdg-heritage .page-content,
body.tdg-heritage .elementor-widget-text-editor,
body.tdg-heritage .woocommerce-products-header { overflow-wrap: break-word; }

/* Galerie d'images Elementor : l'espacement entre vignettes est fait de marges négatives
   qui dépassent du bord droit ; seul cet espace est rogné. */
body.tdg-heritage .elementor-image-gallery { overflow: hidden; }

/* Images et médias jamais plus larges que leur colonne */
body.tdg-heritage .page-content img,
body.tdg-heritage .page-content iframe,
body.tdg-heritage .page-content video { max-width: 100%; }

@media (max-width: 767px) {
	/* Blocs « large » de Gutenberg (description de la boutique) : marges négatives de Hello Elementor
	   (-80 px) plus larges que l'écran. */
	body.tdg-heritage .alignwide,
	body.tdg-heritage .alignfull { margin-inline: 0; max-width: 100%; }

	/* Marges horizontales fixes posées pour l'ordinateur sur des widgets Elementor (ex. 345 px à gauche
	   sur /pistes-essais/) : le widget tombait à 0 px de large et son texte débordait. */
	body.tdg-heritage .elementor-widget > .elementor-widget-container { margin-inline: 0 !important; }
}