/* qm-footer.css : footer natif (bloc Elementor 583), charge apres post-583.css.
   Le bloc n'utilisait aucun JavaScript. On y reporte les regles de l'Additional CSS du Customizer dont il depend
   (soulignement blanc au survol des liens) et un garde-fou pour la rangee des logos de paiement rendue en boucle.
   Selecteurs scopes sur .qm-ftr (classe posee sur <footer>). */

/* Additional CSS d'origine : trait blanc qui se deploie sous le lien au survol.
   La couleur du texte reste celle de post-583.css (--e-global-color-f8032ae), plus specifique, comme sur le site. */
.qm-ftr .white-line-hover .elementor-heading-title{display:inline;color:#fff;text-decoration:none;background-image:linear-gradient(#fff,#fff);background-repeat:no-repeat;background-position:left bottom;background-size:0% 1px;transition:background-size .45s ease}
.qm-ftr .white-line-hover:hover .elementor-heading-title{color:#fff;background-size:100% 1px}

/* Logos de paiement : l'original portait width="38" height="24" (metadonnees des SVG) ; on fige la largeur pour
   qu'un media sans metadonnees ne rende pas le SVG a sa taille intrinseque. */
.qm-ftr .elementor-element-cb621dc .elementor-widget-image img{width:38px;height:auto}

/* Badges texte pour les moyens de paiement sans logo image (Google Pay, Klarna, SEPA...), meme gabarit 38x24 que les logos. */
.qm-paybadge{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:38px;padding:0 6px;border-radius:3px;font:700 11px/1 Arial,Helvetica,sans-serif;background:#fff;color:#3c4043;border:1px solid #dadce0;box-sizing:border-box;vertical-align:middle}
.qm-paybadge--klarna{background:#ffb3c7;color:#17120f;border-color:#ffb3c7}
.qm-paybadge--gpay{color:#5f6368}
.payment-icons-container{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.payment-icons-container img{width:38px;height:24px;object-fit:contain}

/* Hierarchie des titres (SEO) : les 4 titres de colonnes sont des <p> (ex-h5, libelles de navigation, pas des titres de document).
   Typographie h5 du kit reproduite (post-7.css : 16px / 26px ; graisse 500 de reset.css) ; la couleur reste posee par post-583.css. */
.qm-ftr .elementor-element.elementor-element-45fd47b p.elementor-heading-title,.qm-ftr .elementor-element.elementor-element-09a7eae p.elementor-heading-title,.qm-ftr .elementor-element.elementor-element-19cd5b7 p.elementor-heading-title,.qm-ftr .elementor-element.elementor-element-d8375f5 p.elementor-heading-title{font-size:16px;line-height:26px;font-weight:500}

/* Titre de page : un mot compose allemand (« Badezimmerteppich », 362 px a 40 px) ne se coupe pas
   et sortait de l'ecran sous 402 px de large. Cesure automatique (la page est en lang="de-DE")
   plus un filet qui coupe n'importe ou si le dictionnaire de cesure manque. La taille ne change
   pas : le titre passe sur deux lignes au lieu de deborder. */
h1.elementor-heading-title,
.elementor-page-title h1,
h1.entry-title {
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: auto;
}