/**
 * Urban Shisha — Scoped footer enhancements & contacts block
 *
 * Preserves approved design grid, spacing, and typography while
 * safely accommodating dynamic business contact details and status cues.
 */

.footer-contacts-block {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 20px;
	font-size: 11px;
	line-height: 1.6;
	color: var(--soft);
}

.footer-address {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: 0;
	line-height: 1.5;
}

.footer-icon-pin,
.footer-contact-icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	margin-top: 2px;
	color: var(--muted);
}

.footer-contacts {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.footer-contact-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--soft);
	text-decoration: none;
	transition: color 0.2s ease;
	min-height: 20px;
}

.footer-contact-link:hover {
	color: var(--ivory);
}

.footer-hours {
	font-size: 10px;
	color: var(--muted);
	margin: 2px 0 0;
}

.newsletter-note {
	min-height: 1.5em;
	transition: color 0.2s ease;
}

.newsletter-note.is-success {
	color: var(--accent);
}

.newsletter-note.is-error {
	color: var(--pop);
}

@media (min-width: 601px) and (max-width: 900px) {
	.footer-contacts-block {
		grid-column: 1 / -1;
		margin-top: 16px;
	}
}

@media (max-width: 600px) {
	.footer-contacts-block {
		margin-top: 18px;
	}
}

/* Social buttons follow the lime/lilac palette and offset outline pattern. */
.site-footer .footer-social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;max-width:300px;padding:0 4px 4px 0}
.site-footer .footer-social-links .footer-social{--social-bg:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;background:var(--social-bg);color:var(--ink);border:2px solid var(--ink);border-radius:50%;box-shadow:3px 3px 0 var(--ink);opacity:1;transition:transform .2s ease,box-shadow .2s ease}
.site-footer .footer-social svg{display:block;width:22px;height:22px;stroke:none;flex-shrink:0}
.site-footer .footer-social:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.site-footer .footer-social:focus-visible{outline:2px solid var(--bg);outline-offset:5px}
.site-footer .footer-social:disabled{cursor:default}
.site-footer .footer-social-links .social-link-custom{font-size:13px;text-decoration:underline;text-underline-offset:4px}
@media(prefers-reduced-motion:reduce){.site-footer .footer-social-links .footer-social{transition:none}}
.site-footer .footer-social svg path{fill:currentColor;stroke:none}
.site-footer .footer-social svg path[fill="none"]{fill:none;stroke:currentColor}
.site-footer .footer-social svg path[fill="var(--social-bg)"]{fill:var(--social-bg)}
.site-footer .footer-social svg circle:not([fill="none"]){fill:currentColor;stroke:none}

/* One palette for every platform, including link hover overrides. */
.site-footer .footer-social-links .footer-social:hover,
.site-footer .footer-social-links .footer-social:focus-visible{--social-bg:var(--soft);background:var(--social-bg);color:var(--ink)}
.site-footer .footer-social-links .footer-social svg{color:var(--ink)}

/* The monochrome brand mark stays white on the violet footer. */
.footer-brand .wordmark .custom-logo-footer {
 display: block;
 width: 160px;
 max-width: 100%;
 max-height: none;
 height: auto;
 filter: brightness(0) invert(1);
}