/* :root {
	--container-width: 800px;
	--container-padding: 1rem;
} */

@font-face {
  font-family: "Decker";
  font-style: normal;
  font-weight: 400;
  src: local("Decker"), url("../../../fonts/decker.woff") format("woff");
}

@font-face {
  font-family: "Decker";
  font-style: normal;
  font-weight: 600;
  src: local("Decker Bold"), local("DeckerBold"), url("../../../fonts/deckerB.woff") format("woff");
}

body {
	font-family: Decker, Verdana, Arial, Helvetica, sans-serif;
}

/* =====================================  ===================================== */
.logo{
	width: 90%;
    max-width: 318px;
    display: block;
    margin: 0em auto;
    padding: 2em 0;
    background-image: url(../img/domaine-des-rochelles.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.logo::before{
	content: '';
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 35.85%;
}
.logo .lib{
	display: none;
}

.certifications{
	text-align: center;
    padding: 1em 0;
	margin-bottom: 1em;
    background-color: #eee;
}

.container.img{
	max-width: 800px;
	margin-bottom: 1em;
	text-align: center;
}

/* =================================== table ================================== */
/*details.nutriments{
	/* background-color: #fffcf3; * /
	/* background-color: var(--pico-contrast-background); * /
}*/


table.nutriments{
	max-width: 600px;
	margin-inline: auto;
}

table.nutriments td:nth-child(2){
	text-align: right;
}

/* ================================== footer ================================== */
footer p{
	text-align: center;
}

.footer-address{
	padding: 1em;
}
.footer-address p{
	margin-bottom: 0;
}
.footer-address .name, .footer-address .tel{
	display: block;
}
.address span {
    display: inline-block;
}

.pointsys{
	white-space: nowrap;
}


/* ================================ color theme =============================== */
/* Light color scheme (Default) */
/* Can be forced with data-theme="light" */
[data-theme="light"],
:root:not([data-theme="dark"]) {
	.footer-wrapper{
		background-color: var(--pico-color);
	}
	.footer-wrapper p{
		color: var(--pico-background-color);
	}
}

/* Dark color scheme (Auto) */
/* Automatically enabled if user has Dark mode enabled */
/* @media only screen and (prefers-color-scheme: dark) {
	:root:not([data-theme]) {
		.footer-wrapper p{
			color: var(--pico-background-color);
		}
	}
} */