/*
 * Wilder Labs Studio - site footer (wls-footer.css)
 * Direction: compact sign-off. Colours, type, borders and padding live in the Divi modules
 * (Theme Builder > Global Footer). This file only handles the phone link grid, spacing resets
 * and press states.
 */

/* Short pages: no white strip under the footer */
html { background: #120A2E; }

.wls-ft.et_pb_section { row-gap: 0 !important; }
.wls-ft .et_pb_module { margin: 0 !important; }
.wls-ft .et_pb_row { padding: 0 !important; }
.wls-ft__mark a { display: block; line-height: 0; }
.wls-ft__mark svg { display: block; }
.wls-ft__title,
.wls-ft__title h2 { margin: 0 !important; padding: 0 !important; }
.wls-ft__legal p { margin: 0; padding: 0; }
.wls-ft__rules { display: block; width: 200px; max-width: 100%; height: auto; }

/* Links */
.wls-ft a { text-decoration: none; transition: transform .12s ease, color .12s ease, border-color .12s ease; -webkit-tap-highlight-color: transparent; }
.wls-ft__email a,
a.wls-ft__email { text-decoration: underline; text-decoration-color: rgba(194, 255, 1, .6); text-underline-offset: 4px; }
.wls-ft__social-link:hover { border-color: rgba(194, 255, 1, .6) !important; }
.wls-ft a:active { transform: translateY(2px) scale(.97); }
.wls-ft a:focus-visible { outline: 2px solid #C2FF01; outline-offset: 3px; border-radius: 6px; }

/* Social buttons without a URL yet: visible, but not a dead click */
.wls-ft__social a:not([href]),
.wls-ft__social a[href=""],
.wls-ft__social a[href="#"] { pointer-events: none; }

/* Phone: links in a 2 x 2 grid with big tap targets */
@media (max-width: 767px) {
	.wls-ft__left,
	.wls-ft__nav { width: 100%; align-self: stretch; }
	.wls-ft__nav { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px 24px !important; }
	.wls-ft__nav a { display: block; padding: 6px 0; font-size: 19px !important; }
	.wls-ft__social { flex-wrap: wrap !important; gap: 8px !important; }
	.wls-ft__cta-col > * { width: 100%; align-self: stretch; }
	.wls-ft .wls-ft__cta { display: block !important; width: 100% !important; max-width: none !important; box-sizing: border-box; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
	.wls-ft a { transition: none; }
	.wls-ft a:active { transform: none; }
}

/* ---------- Brand sections (for example /sim-tools/): their own header and footer ---------- */
.wls-sec-mark-wrap p { margin: 0; padding: 0; }
.wls-sec-mark { display: inline-flex; align-items: baseline; gap: 10px; color: #FFFFFF !important; text-decoration: none; white-space: nowrap; }
.wls-sec-mark strong { font-weight: 700; font-size: 18px; letter-spacing: -.01em; }
.wls-sec-mark span { font: 700 11px/1 "Space Mono", ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; color: #EFEBFF; opacity: .8; }
/* Phones: the section pill drops "by Wilder Labs" and tightens the links so three of them fit */
@media (max-width: 600px) {
	.wls-hd .wls-sec-mark span { display: none; }
	.wls-hd .wls-hd__nav { column-gap: 16px !important; }
	.wls-hd .wls-hd__nav a { font-size: 15px !important; }
	/* the Sim Tools mark already links to the overview, so phones drop the Overview link to fit */
	body:not(.wls-blog) .wls-hd .wls-hd__nav a[href="/sim-tools/"] { display: none !important; }
}
@media (max-width: 360px) {
	.wls-hd .wls-hd__nav { column-gap: 12px !important; }
	.wls-hd .wls-sec-mark strong { font-size: 16px; }
}
.wls-sec-ft .et_pb_module { margin: 0 !important; }
.wls-sec-ft .et_pb_row { padding: 0 !important; }
.wls-sec-ft p { margin: 0; padding: 0; }
.wls-sec-ft a { color: #EFEBFF; text-decoration: underline; text-decoration-color: rgba(194, 255, 1, .6); text-underline-offset: 4px; }
.wls-sec-ft a:hover { color: #C2FF01; }
.wls-sec-hero { background: #120A2E; color: #FFFFFF; font-family: "Space Grotesk", "Space Grotesk Fallback", system-ui, sans-serif; padding: 160px clamp(20px, 5vw, 72px) 96px; }
.wls-sec-hero h1 { color: #FFFFFF; font-weight: 700; font-size: clamp(2.6rem, 1.6rem + 4vw, 5rem); line-height: 1; letter-spacing: -.025em; margin: 0 0 20px; padding: 0; }
.wls-sec-hero p { color: #EFEBFF; font-size: 1.15rem; line-height: 1.5; max-width: 36em; margin: 0; }
.wls-sec-hero .wls-sec-eyebrow { font: 700 13px/1.2 "Space Mono", ui-monospace, monospace; letter-spacing: .16em; text-transform: uppercase; color: #C2FF01; margin: 0 0 18px; }
@media (max-width: 767px) { .wls-sec-hero { padding-top: 120px; } .wls-sec-ft .wls-sec-ft__col { flex-direction: column; align-items: flex-start; } }
.wls-sec-ft.et_pb_section { border-top: 1px solid rgba(255, 255, 255, .16); }
.wls-sec-ft .et_pb_row { width: 100% !important; max-width: none !important; padding: 0 clamp(20px, 5vw, 72px) !important; }