/* Styles propres au site (hors thème Squarespace). */

/* Autres langues : un mot trop long ne déborde pas de sa colonne ; le néerlandais (mots composés très longs) peut en plus
   être coupé avec un trait d'union. Pas de césure en anglais, espagnol ni français (titres, surlignages de ligne). */
html:not([lang="fr"]) #page :is(h1, h2, h3, h4, p) { overflow-wrap: break-word; }
html[lang="nl"] #page :is(h1, h2, h3, h4, p) { hyphens: auto; }

/* Sélecteur de devise (listes de produits, fiches produit, panier). */
.je-currency-picker { margin: 0 0 1rem; display: flex; justify-content: flex-end; font-size: .95rem; }
.product-list-container > .je-currency-picker { margin-top: .5rem; }
.je-currency-picker select { max-width: 100%; }
.je-currency-picker label { display: inline-flex; align-items: center; gap: .6rem; }
.je-currency-picker select {
  font: inherit; color: hsla(var(--accent-hsl), 1); background: transparent; cursor: pointer;
  border: 1px solid hsla(var(--accent-hsl), 1); border-radius: 300px; padding: .35rem 2rem .35rem 1rem;
}
.je-currency-picker select:hover, .je-currency-picker select:focus-visible { border-color: hsla(var(--darkAccent-hsl), 1); color: hsla(var(--darkAccent-hsl), 1); }