/*
 * Benefits strip under the header and the site footer, najlepsiemobily layout
 * (design/najlepsiemobily-kategoria-desktop.html), mobilky colours/radii/font.
 * Benefits (hidden on posts 267 and 26): .wa-benefits(__inner|__list|__item|__icon|__text).
 * Footer: .wa-site-footer, .wa-footer(__grid|__col(--brand)|__logo(-img)|__address(-item|-icon|-text)|__social(-link|-icon)|
 * __payments(-img)|__heading|__links), .wa-footer-bottom(__text).
 * Order check page (post 26): .footer-checkout(__inner|__image--left|__right-side|__heading|__images-wrapper|__image),
 * .footer-adv(-wrapper|-item|-item__img|-item__text) - Oxygen port, unchanged.
 * Mobile first: phones below 721px, two footer columns from 721px, the full row / four columns from 1025px.
 */

/* ---- Benefits strip ----
 * Phones: one scrolling line; 721-1024px: wrapping rows; from 1025px: spread across the row. */
.wa-benefits {
	background-color: var(--nd-c-brand-tint);
}

.wa-benefits__inner {
	display: block;
}

.wa-benefits__list {
	display: flex;
	gap: var(--nd-sp-22);
	margin: 0;
	padding: var(--nd-sp-14) 0;
	overflow-x: auto;
	list-style: none;
	scrollbar-width: none;
}

.wa-benefits__list::-webkit-scrollbar {
	display: none;
}

.wa-benefits__item {
	display: flex;
	flex: none;
	align-items: center;
	gap: var(--nd-sp-10);
	color: var(--nd-c-head);
	font-size: var(--nd-fs-13-5);
	line-height: var(--nd-lh-body);
	white-space: nowrap;
}

.wa-benefits__icon {
	flex: none;
	width: var(--nd-icon-l);
	height: var(--nd-icon-l);
	object-fit: contain;
}

.wa-benefits__text {
	color: var(--nd-c-ink);
}

.wa-benefits__text b {
	color: var(--nd-c-head);
	font-weight: var(--nd-fw-bold);
}

@media (min-width: 721px) {
	.wa-benefits__list {
		flex-wrap: wrap;
		gap: var(--nd-sp-7) var(--nd-sp-12);
		overflow-x: visible;
	}

	.wa-benefits__item {
		font-size: var(--nd-fs-15);
	}

	.wa-benefits__icon {
		width: var(--nd-icon-xl);
		height: var(--nd-icon-xl);
	}
}

@media (min-width: 1025px) {
	.wa-benefits__list {
		flex-wrap: nowrap;
		justify-content: space-between;
	}
}

/* ---- Footer ---- */
.wa-site-footer {
	display: block;
}

.wa-footer {
	margin-top: var(--wa-footer-gap, var(--nd-sp-56));
	background-color: var(--nd-c-footer-bg);
	color: var(--nd-c-ink);
	font-size: var(--nd-fs-14);
}

/* The cart shows the main footer below 768px only: snippets 222/490229 hide `.woocommerce-cart .wa-footer`,
 * and on the Oxygen site the footer's own mobile rule won over them below 768px. */
.woocommerce-cart .wa-site-footer .wa-footer {
	display: block;
}

@media (min-width: 768px) {
	.woocommerce-cart .wa-site-footer .wa-footer {
		display: none;
	}
}

.wa-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--nd-sp-20);
	padding-block: var(--nd-sp-44) var(--nd-sp-36);
}

@media (min-width: 721px) {
	.wa-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--nd-sp-28);
	}
}

@media (min-width: 1025px) {
	.wa-footer__grid {
		grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
	}
}

.wa-footer__col {
	min-width: 0;
}

.wa-footer a {
	color: var(--nd-c-ink);
}

.wa-footer a:hover {
	color: var(--nd-c-brand);
}

/* Contact column: logo (centred on phones), address rows, social links, payment logos. */
.wa-footer__logo {
	display: flex;
	justify-content: center;
}

.wa-footer__logo-img {
	width: auto;
	max-width: 100%;
	height: var(--nd-logo-h-sm);
}

@media (min-width: 721px) {
	.wa-footer__logo {
		justify-content: flex-start;
	}

	.wa-footer__logo-img {
		height: var(--nd-footer-logo-h);
	}
}

.wa-footer__address {
	display: grid;
	gap: var(--nd-sp-13);
	margin-top: var(--nd-sp-22);
	font-style: normal;
}

.wa-footer__address-item {
	display: flex;
	align-items: center;
	gap: var(--nd-sp-11);
}

.wa-footer__address-icon {
	color: var(--nd-c-brand);
	font-size: var(--nd-icon-xs);
}

.wa-footer__social {
	display: flex;
	flex-wrap: wrap;
	gap: var(--nd-sp-8);
	margin-top: var(--nd-sp-22);
}

.wa-footer__social-link {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: var(--nd-tap);
	min-height: var(--nd-tap);
}

.wa-footer .wa-footer__social-link {
	color: var(--nd-c-brand);
}

.wa-footer .wa-footer__social-link:hover {
	color: var(--nd-c-brand-hover);
}

.wa-footer__social-icon {
	font-size: var(--nd-icon-xl);
}

.wa-footer__payments {
	margin-top: var(--nd-sp-26);
}

.wa-footer__payments-img {
	display: block;
	width: auto;
	max-width: 100%;
	height: var(--nd-icon-l);
}

/* Link columns. Scoped to the footer so WooCommerce heading rules (.woocommerce-account h2 etc.) cannot restyle them. */
.wa-site-footer .wa-footer__heading {
	margin: 0 0 var(--nd-sp-12);
	color: var(--nd-c-brand);
	font-size: var(--nd-fs-15);
	font-weight: var(--nd-fw-bold);
	line-height: var(--nd-lh-head);
}

.wa-footer__links .wa-nav__list {
	display: grid;
	gap: var(--nd-sp-13);
}

.wa-footer__links .menu-item {
	line-height: var(--nd-lh-body);
}

@media (min-width: 721px) {
	.wa-site-footer .wa-footer__heading {
		margin-bottom: var(--nd-sp-18);
		font-size: var(--nd-fs-17);
	}
}

/* Copyright bar. */
.wa-footer-bottom {
	background-color: var(--nd-c-footer-bottom);
	color: var(--nd-c-on-brand);
	font-size: var(--nd-fs-14);
	text-align: center;
}

.wa-footer-bottom__text {
	margin: 0;
	padding-block: var(--nd-sp-12);
	line-height: var(--nd-lh-body);
}

/* ---- Order check page (post 26): trust badges + benefits ---- */
.footer-checkout {
	background-color: var(--secondary);
}

.footer-checkout > .section-inner {
	width: 100%;
	padding-block: var(--space-xxl);
}

.footer-checkout__inner {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: justify;
}

.footer-checkout__image--left {
	display: none;
	margin-bottom: -6rem;
}

.footer-checkout__right-side {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer-checkout__heading {
	margin: 0;
	color: inherit;
	font-size: var(--text-xl);
	font-weight: 700;
	line-height: 1.2;
}

.footer-checkout__images-wrapper {
	display: grid;
	grid-template-columns: repeat(4, minmax(1px, auto));
	align-items: stretch;
	gap: var(--space-xxl);
	max-width: 80%;
	margin-top: var(--space-xl);
}

.footer-checkout__image {
	width: auto;
	max-width: 100%; /* Oxygen image default: shrink into the grid column at 390. */
	height: auto;
	max-height: 55px;
	object-fit: contain;
}

@media (min-width: 768px) {
	.footer-checkout__heading {
		font-size: var(--text-xxl);
	}

	.footer-checkout__images-wrapper {
		max-width: none;
	}
}

@media (min-width: 1024px) {
	.footer-checkout > .section-inner {
		padding-block: 0;
	}

	.footer-checkout__inner {
		justify-content: space-between;
		text-align: inherit;
	}

	.footer-checkout__image--left {
		display: block;
	}

	.footer-checkout__image {
		height: 55px;
		max-height: none;
	}
}

.footer-adv {
	background-color: var(--primary);
}

.footer-adv > .section-inner {
	width: 100%;
	padding-block: var(--space-m);
}

.footer-adv-wrapper {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	flex-direction: row;
	justify-content: space-between;
	gap: var(--space-xxl);
	width: 100%;
}

.footer-adv-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer-adv-item__img {
	width: 32px;
	height: 32px;
	filter: brightness(1000%);
}

@media (min-width: 768px) {
	.footer-adv-item__img {
		width: auto;
		height: 35px;
	}
}

.footer-adv-item__text {
	margin: 0;
	margin-top: var(--space-xs);
	color: var(--white);
	line-height: 1.4;
	text-align: center;
}