/* Hello pixid main stylesheet. */

/* ==========================================================================
   Utilities
   ========================================================================== */

/* Inline brand mark / icon sized to match adjacent text height. */
img.pixid-text-sized-image {
	height: 1em !important; /* fights Elementor's image rules */
	width: auto;
	vertical-align: middle;
}

/* ==========================================================================
   pixid Footer
   Rendered by inc/customizer.php at wp_footer priority 100 - sits as
   the last item in the document and scrolls with the page (NOT fixed)
   so it never covers client content. Slot contents (left/center/right)
   are configured under Theme Customizer > pixid Footer.
   ========================================================================== */

.pixid-footer-text {
	color: var(--e-global-color-footer-text, #fff);
}

/* Outer wrap spans the full viewport (background paints edge-to-edge);
   the inner container constrains the slot grid to the same width the
   site uses for header/main content via Elementor's --content-width. */
.pixid-footer {
	width: 100%;
	min-height: 2em;
	display: flex;
	align-items: center;
	background-color: var(--e-global-color-footer-background, #1a1a1a);
	color: var(--e-global-color-footer-text, #fff);
}

.pixid-footer__inner {
	width: 100%;
	max-width: var(--content-width, 1140px);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	gap: 0.5em;
	padding: 0.25em clamp( 0.5em, 2vw, 1.5em );
	line-height: 1.2;
}

.pixid-footer__slot--left   { justify-self: start;  }
.pixid-footer__slot--center { justify-self: center; text-align: center; }
.pixid-footer__slot--right  { justify-self: end;    text-align: right; }

/* The powered-by SVG viewBox sets the letters at ~70% of its vertical
   space, so `height: 1em` reads as small next to body-text cap-height.
   Bump the in-footer instance ~25% so it sits visually balanced with
   the tagline/copyright text. */
.pixid-footer .pixid-logo,
.pixid-footer .pixid-logo-svg {
	height: 1.25em;
}

/* Collapse to a stacked layout on narrow viewports so nothing overlaps. */
@media (max-width: 600px) {
	.pixid-footer__inner {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.pixid-footer__slot--left,
	.pixid-footer__slot--right {
		justify-self: center;
		text-align: center;
	}
}