/* Le-Biko — Site footer. */

/* ==========================================================================
   Footer
   ========================================================================== */
.lb-footer { margin-top: 32px; background: #0d0d0d; color: #fff; text-align: center; }
.lb-footer a { color: inherit; text-decoration: none; }
.lb-footer__main { display: grid; gap: 44px; padding-block: 44px 48px; max-width: 560px; }
.lb-footer__links { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.lb-footer__links a { color: #cfcac3; font-size: 16px; font-weight: 300; transition: color .2s; }
.lb-footer__links a:hover { color: #fff; }
.lb-footer__title { margin: 0 0 8px; font-family: var(--lb-font-display); font-weight: 500; font-size: 26px; color: #fff; }
.lb-footer__text { margin: 0 0 20px; color: #cfcac3; font-size: 15px; font-weight: 300; }

.lb-club__form { display: grid; gap: 14px; text-align: start; }
.lb-club__input {
	width: 100%; height: 50px; padding-inline: 16px;
	background: transparent; color: #fff;
	border: 1px solid #4a4744; border-radius: var(--lb-radius);
	font: inherit; font-size: 15px;
	transition: border-color .2s;
}
.lb-club__input::placeholder { color: #8f8a84; }
.lb-club__input[type="email"] { direction: ltr; text-align: right; }
.lb-club__input:focus { outline: none; border-color: #f2ede4; box-shadow: 0 0 0 1px #f2ede4; }
.lb-club__hp { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.lb-club__consent { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.5; color: #b5b0a9; cursor: pointer; }
.lb-club__consent input { margin: 3px 0 0; width: 16px; height: 16px; accent-color: #f2ede4; flex: none; }
.lb-club__btn {
	height: 50px; border: 0; border-radius: 25px;
	background: #f2ede4; color: #1a1a1a;
	font: inherit; font-size: 16px; font-weight: 400; cursor: pointer;
	transition: background-color .2s, transform .15s;
}
.lb-club__btn:hover { background: #fff; }
.lb-club__btn:active { transform: scale(.98); }
.lb-club__msg { margin: 0 0 16px; padding: 10px 14px; border-radius: var(--lb-radius); font-size: 14px; }
.lb-club__msg--success { background: rgba(242, 237, 228, .12); color: #f2ede4; }
.lb-club__msg--error { background: rgba(214, 86, 74, .18); color: #ffb4ab; }

.lb-contact__list { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 14px; justify-items: center; }
.lb-contact__list a { display: inline-flex; align-items: center; gap: 12px; color: #cfcac3; font-size: 17px; font-weight: 300; transition: color .2s; }
.lb-contact__list a:hover { color: #fff; }
.lb-contact__list .lb-icon { width: 24px; height: 24px; color: #fff; }
.lb-social { display: flex; justify-content: center; gap: 18px; margin-top: 26px; }
.lb-social a { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid #4a4744; border-radius: 50%; transition: border-color .2s; }
.lb-social a:hover { border-color: #fff; }
.lb-footer__bottom { background: #e6e4e1; color: #1a1a1a; }
.lb-footer__bottom .lb-container { padding-block: 16px; }
.lb-footer__bottom p { margin: 0; font-size: 14px; font-weight: 400; }
.lb-footer__legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 18px; list-style: none; margin: 0 0 8px; padding: 0; font-size: 13.5px; }
.lb-footer__bottom .lb-footer__legal a { color: #1a1a1a; text-decoration: underline; text-underline-offset: 3px; }
.lb-footer__bottom .lb-footer__business { margin-top: 4px; font-size: 13px; color: #3d3d3d; }