/* Nature's Lines — footer. Tokens from header.css. Stack / 2-col / 4-col. */

.nl-footer {
	/* M2 (решение 6.3): подвал заливается #F5F5F5 по решению владельца. Верхняя линия
	   остаётся: шапка и страница с M2 без заливки, и без неё граница контента и подвала
	   держалась бы только на разнице фонов. */
	background: #f5f5f5; border-top: 1px solid var(--nl-line, #e6e3dc);
	color: var(--nl-mute, #6e6e6e);
	font-family: var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif);
}
.nl-footer__inner {
	max-width: 1200px; margin: 0 auto; padding: clamp(28px, 5vw, 48px) clamp(18px, 4vw, 40px);
	display: grid; grid-template-columns: 1fr; gap: 28px;
}
@media (min-width: 600px) { .nl-footer__inner { grid-template-columns: 1fr 1fr; gap: 32px; } }
@media (min-width: 1024px) { .nl-footer__inner { grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; } }

/* etalon 2.1: the footer carries the SAME lockup as the header at every width
   (etalon L308 mobile, L1225 desktop), so the sizes are no longer overridden here.
   header.css owns .nl-logo, including .nl-footer .nl-logo__mark. */
.nl-footer .nl-logo { color: var(--nl-ink, #222222); }

.nl-footer__h3 { font-family: var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif); font-weight: 300; font-size: 15px; color: var(--nl-ink, #222222); margin: 0 0 12px; }

.nl-footer__contact { margin-top: 10px; font-size: 13px; line-height: 1.8; }
.nl-footer__line { margin: 0; }
.nl-footer__label { color: var(--nl-ink, #222222); }
.nl-footer__phone { color: var(--nl-ink, #222222); text-decoration: none; font-weight: 600; font-feature-settings: "tnum"; }
.nl-footer__phone:hover { text-decoration: underline; }
.nl-footer__hours-label { color: var(--nl-ink, #222222); margin-top: 6px; }
.nl-footer__delivery { display: flex; align-items: center; gap: 6px; margin: 12px 0 0; font-size: 12px; }
.nl-footer__dot { display: none; /* M1: etalon 2.1 has no dots anywhere */ }

/* section + studio links */
.nl-footer__links, .nl-footer .nl-footer-menu .nl-menu { list-style: none; margin: 0; padding: 0; }
.nl-footer__links li, .nl-footer .nl-footer-menu .nl-menu > li { margin: 0 0 8px; }
.nl-footer__links a, .nl-footer .nl-footer-menu a { color: var(--nl-mute, #6e6e6e); text-decoration: none; font-size: 13.5px; }
.nl-footer__links a:hover, .nl-footer .nl-footer-menu a:hover { color: var(--nl-ink, #222222); }
.nl-footer .nl-footer-menu .sub-menu { display: none; } /* footer shows top-level only (depth=1 anyway) */
/* lein muted in footer nav */
.nl-footer .nl-footer-menu .nl-lein-muted > a { color: var(--nl-mute, #6e6e6e); }

/* payment */
.nl-footer__montonio { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--nl-ink, #222222); margin: 0 0 8px; }
.nl-footer__methods { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.nl-footer__method {
	font-size: 11px; padding: 5px 9px; border: 1px solid var(--nl-line, #e6e3dc); border-radius:  0;
	background: var(--nl-canvas, #fff); color: var(--nl-ink, #222222);
}
/* M2 fix: the footer switcher lost its styling in M1. That wave replaced the header pill
   with the globe selector and re-scoped the surviving pill rules to .nl-switcher--drawer,
   which left the FOOTER copy of the same [pll_switcher] markup unstyled: bare underlined
   links with the raw middot separators showing. Restored here, footer-scoped, so the
   drawer and the footer no longer depend on each other. */
.nl-footer__switcher { margin-top: 10px; }
.nl-footer__switcher .nl-lang-pill { display: inline-flex; }
.nl-footer__switcher .nl-pll-switcher { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.nl-footer__switcher .nl-sep { display: none; }
.nl-footer__switcher .nl-lang {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 30px; padding: 0 12px; box-sizing: border-box;
	border: 1px solid var(--nl-line, #e6e3dc); border-radius: 0;
	font: 700 11px/1 var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif);
	letter-spacing: .02em;
	color: var(--nl-mute, #6e6e6e); background: transparent; text-decoration: none;
}
.nl-footer__switcher a.nl-lang:hover { color: var(--nl-ink, #222222); border-color: var(--nl-ink, #222222); }
.nl-footer__switcher .nl-lang--active { background: var(--nl-ink, #222222); color: #fff; border-color: var(--nl-ink, #222222); }

.nl-footer__bottom {
	border-top: 1px solid var(--nl-line, #e6e3dc);
	padding: 14px clamp(18px, 4vw, 40px);
	max-width: 1200px; margin: 0 auto; font-size: 11.5px;
}

.nl-footer a:focus-visible { outline: 2px solid var(--nl-gold, #1c1c1c); outline-offset: 2px; border-radius:  0; }