/* .............................................................................
FOOTER
Footer with logo, nav, links, tomato and copyright.
............................................................................. */

.footer {background-color: var(--color-beige);padding-top: calc(0.5 * var(--base-spacing-top));padding-bottom: calc(0.25 * var(--base-spacing-bottom));overflow: hidden;}
.footer__layout {display: grid;grid-template-columns: 34% 1fr 34%;grid-template-rows: auto auto;gap: 1.8em 0;}
.footer__logo {grid-column: 1 / 2; grid-row: 1 / 2; }
.footer__logo > * {width: 70%;}
.footer__navs {grid-column: 2 / 4;grid-row: 1 / 2;display: flex;justify-content: space-between;gap: 4%;}
.footer__nav {flex: 0 1 25%;line-height: 1.1;}
.footer__nav--products { }
.footer__navTitle {font-size: 1.1em;font-weight: bold;margin-bottom: 1em;}
.footer__links {grid-column: 1 / 2;grid-row: 2 / 3;font-size: 0.75em;align-self: end;}
.footer__copyright {grid-column: 3 / 4; grid-row: 2 / 3; text-align: right;align-self: end; font-size: 0.75em; }
.footer__tomate {grid-column: 2 / 3;grid-row: 2 / 3;}
.footer__tomate > * {padding: 0 9%;margin-bottom: -71%;}

/* List of links */
.listFooter {list-style: none;display: flex;flex-direction:column;gap: 0.6em;font-size: 1em;font-weight: bold;}
.listFooter--sm {font-size: 0.9em; font-weight: normal; }

	/* Navs under logo */
	@media (max-width:62rem) {
		.footer {padding-top: calc(0.8 * var(--base-spacing-top)); }
		.footer__layout {gap: calc(0.5 * var(--base-spacing)) 0;}
		.footer__logo {grid-column: 1 / -1; grid-row: 1 / 2; }
		.footer__logo > * {max-width: clamp(13em, 50vw, 16em);margin: 0 auto;}
		.footer__navs {grid-column: 1 / -1; grid-row: 2 / 3; text-align: center; }
		.footer__links {grid-row: 3 / 4; }
		.footer__copyright {grid-row: 3 / 4; }
		.footer__tomate {grid-row: 3 / 4; }

	}

	/* Stacked */
	@media (max-width:46rem) {
		.footer {padding-bottom: calc(0.4 * var(--base-spacing-bottom));}
		.footer__layout {display: flex;flex-direction: column;text-align: center;}
		.footer__navs {font-size: 1.2em;display: flex;flex-direction: column;justify-content: center;gap: 0.75em;}
		.footer__nav {flex: 0 1 auto; }
		.footer__nav--products {margin-bottom: 0.75em;}
		.footer__navTitle {font-size: 1em;}
		.footer__links {align-self: center;font-size: 0.85em;}
		.footer__links .listInline {justify-content: center; }
		.footer__links .listInline a {padding: 0.5em 0;}
		.footer__copyright {align-self: center;font-size: 0.85em;}
		.footer__tomate > * {padding: 0 20%;margin-bottom: -54%;}

		.listFooter {gap: 0.75em;}
		.listFooter--sm {gap: 0.5em;}
	}