/* Noga: navigacija | kontakt (črta na sredini strani), spodaj logotip, © in pravne povezave */
@layer widgets {
	.footer {
		display: grid;
		grid-template-columns: var(--page);
		border-block-start: 1px solid var(--c-line);
	}
	/* pas čez celo širino (logotipi, Kariera) je že rob noge */
	main:has(> .full:last-child) + .footer { border-block-start: 0; }

	.footer__main,
	.footer__bottom {
		grid-column: full;
		display: grid;
		grid-template-columns: subgrid;
	}

	.footer__nav {
		grid-column: content-start / center;
		padding-block: var(--s-xl) var(--s-l);
		padding-inline-end: var(--cols-gap);
	}

	.contact--footer {
		grid-column: center / content-end;
		padding-block: var(--s-xl) var(--s-l);
		padding-inline-start: var(--cols-gap);
		border-inline-start: 1px solid var(--c-line);
	}
	.contact--footer .contact__social { margin-block-start: var(--s-m); }

	.footer__bottom {
		align-items: center;
		min-block-size: calc(var(--header-h) * 1.5);
		padding-block: var(--s-m);
		row-gap: var(--s-s);
		border-block-start: 1px solid var(--c-line);
	}
	.footer__logo {
		grid-column: content-start / center;
		grid-row: 1;
		justify-self: start;
		inline-size: var(--logo-w);
	}
	.footer__logo img { inline-size: 100%; block-size: auto; }

	.footer__copyright {
		grid-column: content-start / center;
		grid-row: 1;
		justify-self: end;
		padding-inline-end: var(--cols-gap);
		color: var(--c-muted);
		font-size: var(--fs-label);
		font-weight: var(--fw-regular);
	}
	.footer__legal {
		grid-column: center / content-end;
		padding-inline-start: var(--cols-gap);
	}

	/* tablica, telefon: kontakt pod navigacijo, črta vodoravna */
	@media (width < 64em) {
		.footer__nav {
			grid-column: content;
			padding-inline-end: 0;
		}
		.contact--footer {
			grid-column: content;
			padding-block-start: var(--s-l);
			padding-inline-start: 0;
			border-inline-start: 0;
			border-block-start: 1px solid var(--c-line);
		}

		.footer__copyright {
			grid-column: content;
			padding-inline-end: 0;
		}
		.footer__legal {
			grid-column: content;
			padding-inline-start: 0;
		}
	}
}