/* Sidfot */

/* =========================================================================
   Sidfot
   ========================================================================= */

#brx-footer .brxe-section { padding: 0; }
#brx-footer .brxe-container { max-width: var(--nws-content-width); width: 100%; margin-inline: auto; }
.nws-footer { background: var(--nws-black); color: var(--nws-white); }
/* Mer luft upptill (kundens önskemål 2026-10-30: 50–80 px). */
.nws-footer > .brxe-container { padding: 7.2rem var(--nws-gutter) 4.8rem; display: flex; flex-direction: column; gap: 3.6rem; }
.nws-footer__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3.6rem; }
/* Utan länk lägger Bricks klassen på själva img-taggen — båda selektorerna behövs. */
img.nws-footer__logo,
.nws-footer__logo img { height: 5.5rem; width: auto; align-self: flex-start; margin-bottom: 1.2rem; }
.nws-footer__tagline { font-size: 1.6rem; line-height: 1.55; color: rgba(255, 255, 255, 0.6); }
.nws-footer__heading { font-size: 1.6rem; font-weight: 600; color: var(--nws-white); margin-bottom: 0.8rem; }
.nws-footer__links { display: flex; flex-direction: column; }
.nws-footer__links a { font-size: 1.6rem; line-height: 2; color: rgba(255, 255, 255, 0.6); }
.nws-footer__links a:hover { color: var(--nws-green); }
.nws-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	padding-top: 2.8rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 3rem;
	flex-wrap: wrap;
}
/* flex-wrap: betalbrickorna radbryter i stället för att spränga sidan i
   mobilbredd. Överflödet fanns även när sajten låg i ett kort — då dolde
   kortets overflow: clip det, utan att raden blev mindre bred. */
.nws-footer__payments, .nws-footer__shipping { display: flex; flex-direction: row; align-items: center; gap: 1rem; flex-wrap: wrap; }
.nws-footer__pay {
	background: var(--nws-white);
	border-radius: 0.6rem;
	height: 3.4rem;
	min-width: 6.4rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	font-weight: 600;
	color: var(--nws-black);
	padding: 0 1.2rem;
}
.nws-footer__ship-label { font-size: 1.5rem; color: rgba(255, 255, 255, 0.55); }

/* Qliros betalsättsmärke (ljus variant för mörk botten) och DHL:s vita
   logga. Höjden styr; bredden följer bildens proportioner. Bricks
   nollställer bildmått, så båda sätts. DHL är lägre — massiva bokstäver
   mot Qliros tunna ram ser lika stora ut först då. */
.nws-footer__qliro,
.nws-footer__qliro img { display: block; height: 7.2rem; width: auto; max-width: 100%; }
.nws-footer__dhl,
.nws-footer__dhl img { display: block; height: 2.2rem; width: auto; max-width: 100%; }
/* Lite uppflyttad (2026-10-15) — matematiskt mitt för Qliro-bilden ser låg ut,
   eftersom Qliros ram börjar under ordet QLIRO. */
.nws-footer__dhl { position: relative; top: -0.6rem; }
/* Juridiken först i bottenraden, före Qliro och DHL: bolaget och villkoren på varje sida. */
.nws-footer__legal {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem 2.4rem;
	font-size: 1.4rem;
	color: rgba(255, 255, 255, 0.5);
}
.nws-footer__legal a { color: rgba(255, 255, 255, 0.6); }
.nws-footer__legal a:hover { color: var(--nws-green); }
/* Sociala medier — ikonerna är CSS-masker (data-URI) så redaktionen bara
   byter länkarna i Bricks; ordning och ikon styrs av klassen på länken. */
.nws-footer__social { display: flex; flex-direction: row; align-items: center; gap: 1.2rem; }
.nws-footer__soc {
	display: inline-flex;
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	position: relative;
	transition: background-color 0.15s ease;
}
.nws-footer__soc::before {
	content: "";
	position: absolute;
	inset: 0.9rem;
	background: var(--nws-white);
	-webkit-mask: var(--nws-soc-icon) center / contain no-repeat;
	mask: var(--nws-soc-icon) center / contain no-repeat;
}
.nws-footer__soc:hover { background: var(--nws-green); }
.nws-footer__soc:hover::before { background: var(--nws-black); }
.nws-footer__soc--instagram { --nws-soc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E"); }
.nws-footer__soc--tiktok { --nws-soc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M13.5 2h3.1c.3 2.3 1.7 3.9 4.4 4.2v3.1c-1.6 0-3-.5-4.3-1.4v6.6c0 3.6-2.9 6.5-6.5 6.5S3.7 18.1 3.7 14.5c0-3.4 2.6-6.2 6-6.5v3.2c-1.6.3-2.9 1.6-2.9 3.3 0 1.9 1.5 3.4 3.4 3.4s3.3-1.5 3.3-3.4V2z'/%3E%3C/svg%3E"); }
.nws-footer__soc--facebook { --nws-soc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M13.6 22v-8.2h2.8l.4-3.3h-3.2V8.4c0-.9.3-1.6 1.6-1.6h1.7V3.9c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.4H7.4v3.3h2.8V22h3.4z'/%3E%3C/svg%3E"); }

@media (max-width: 767px) {
	.nws-footer > .brxe-container { padding: 5.6rem 1.6rem 4rem; }
	.nws-footer__qliro,
	.nws-footer__qliro img { height: 5.6rem; }
	.nws-footer__dhl,
	.nws-footer__dhl img { height: 1.8rem; }
}



/* Responsivt */
@media (max-width: 991px) {
	.nws-footer__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 478px) {
	.nws-footer__grid { grid-template-columns: 1fr; }
}