/* =========================================================================
   Variables globales
   ========================================================================= */

:root {
	--color-nav: #333333;
	--font-body: "Raleway", sans-serif;
	--font-heading: "Nunito", sans-serif;
}

/* Typo globale : texte / UI = Raleway, titres = Nunito */
body {
	font-family: var(--font-body) !important;
}

a,
button,
input,
textarea,
select,
label,
p,
li,
td,
th,
span {
	font-family: inherit !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-heading) !important;
}

/* =========================================================================
   Base (reset léger : box-sizing, liens, [hidden])
   ========================================================================= */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

img,
video {
	max-width: 100%;
	height: auto;
}

svg {
	display: block;
}

button,
input,
textarea,
select {
	font: inherit;
	color: inherit;
}

a {
	color: inherit;
	text-decoration: inherit;
}

/* Le prix soldé est un <ins> : le navigateur le souligne par défaut. */
ins {
	text-decoration: none;
}

[hidden] {
	display: none !important;
}

.site-main {
	min-height: 50vh;
}

/* Sur desktop, main doit couvrir le footer fixe (z-index: 0) et
   rester au-dessus du voile de dévoilement (z-index: 5). */
@media (min-width: 1024px) {
	.site-main {
		position: relative;
		z-index: 10;
		background: #ffffff;
	}
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* =========================================================================
   Contenu WYSIWYG
   ========================================================================= */

.entry-content > *:not(.alignwide):not(.alignfull) {
	max-width: 760px;
	margin-inline: auto;
	padding-inline: 1.5rem;
}

.entry-content > .alignwide {
	max-width: 1200px;
	margin-inline: auto;
	padding-inline: 1.5rem;
}

.entry-content {
	min-width: 0;
}

.entry-content > .alignfull {
	max-width: none;
	overflow-x: clip;
}

.entry-content > * + * {
	margin-top: 1.5rem;
}



@media (max-width: 1024px) {
	.table-scroll-mobile {
	  display: block !important;
	  overflow-x: auto !important;
	  white-space: nowrap !important;
	}
	.table-scroll-mobile table {
	  table-layout: auto !important;
	  width: 100% !important;
	}
  }

.wp-block-separator.sp-hairline {
	background: none !important;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	color: transparent;
	height: 0;
}

body.sp-legal-doc .entry-content h2.wp-block-heading {
	font-size: 16px !important;
	font-weight: 400 !important;
	letter-spacing: 0.2em !important;
	text-transform: uppercase !important;
}

body.sp-legal-doc .entry-content h3.wp-block-heading {
	font-size: 14px !important;
	font-weight: 400 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
}

body.sp-legal-doc .entry-content p,
body.sp-legal-doc .entry-content li {
	color: #737373;
	font-size: 14px !important;
	font-weight: 300 !important;
	line-height: 1.63 !important;
}

body.sp-legal-doc .entry-content ul.wp-block-list {
	list-style-position: outside;
	margin-left: 0;
	padding-left: calc(40px + 2.25em);
}

body.sp-legal-doc .entry-content ul.wp-block-list li {
	padding-left: 0.35em;
}
/* Titres miniatures produits : 2 premiers mots sur mobile */
.sp-product-title--short {
	display: none;
}

.sp-product-title--full {
	display: inline;
}

@media (max-width: 767px) {
	.sp-product-title--short {
		display: inline;
	}

	.sp-product-title--full {
		display: none;
	}
}