.e-con:has(> .helen-footer) {
padding: 0;
} .e-con:has(> .helen-footer) {
--helen-wave-color: var(--color-surface-footer);
}
.helen-footer {
background-color: var(--color-surface-footer);
color: var(--color-text-on-dark);
font-family: var(--font-sans);
font-size: var(--font-size-body);
line-height: var(--line-height-body);
} .helen-footer__inner {
box-sizing: content-box;
max-width: var(--helen-content-width);
margin-inline: auto;
padding-block-start: var(--footer-padding-block-start);
padding-block-end: var(--space-s);
padding-inline: var(--space-l);
} .helen-footer__logo {
display: block;
margin-inline: auto;
margin-block-end: var(--footer-logo-gap);
inline-size: var(--footer-logo-width);
}
.helen-footer__logo svg {
display: block;
inline-size: var(--footer-logo-width);
block-size: auto;
} .helen-footer__columns {
display: grid;
grid-template-columns: 1fr auto 1fr;
gap: var(--space-l);
}
.helen-footer__col--contact {
text-align: start;
}
.helen-footer__col--person {
text-align: center;
}
.helen-footer__col--hours {
text-align: end;
} .helen-footer :where(p, ul, address) {
margin: 0;
}
.helen-footer address {
font-style: normal;
}
.helen-footer ul {
list-style: none;
padding: 0;
}
.helen-footer__col > * + *,
.helen-footer address > * + * {
margin-block-start: var(--space-s);
} .helen-footer__col > p + ul {
margin-block-start: 0;
}
.helen-footer__cta {
margin-block-start: var(--space-l);
text-align: center;
}
.helen-footer__legal {
display: flex;
justify-content: center;
gap: var(--footer-legal-spacing);
margin-block-start: var(--footer-legal-gap);
} .helen-footer :is(p, li, a, address),
.helen-footer a:hover {
color: var(--color-text-on-dark);
}
.helen-footer a {
text-decoration: none;
} .helen-footer a:not(.button):is(:hover, :focus-visible),
.helen-footer .helen-footer__email {
text-decoration: underline;
} .helen-footer a:focus-visible {
outline: var(--space-3xs) solid var(--color-focus-on-dark);
outline-offset: var(--space-3xs);
box-shadow: none;
} .helen-footer .button-filled:hover,
.helen-footer .button-filled:focus-visible {
outline-color: var(--color-focus-on-dark);
}
@media (max-width: 1024px) {
.helen-footer__inner {
padding-inline: var(--space-s);
}
.helen-footer__columns {
grid-template-columns: 1fr;
}
.helen-footer__col--contact,
.helen-footer__col--hours {
text-align: center;
}
.helen-footer__legal {
flex-wrap: wrap;
gap: var(--space-xs) var(--space-s);
}
.helen-footer__email {
overflow-wrap: anywhere;
}
}  .helen-footer .helen-footer__book.helen-footer__book {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
column-gap: 0.5em;
row-gap: 0.25em;
text-align: center;
} .helen-footer .helen-footer__book-logo.helen-footer__book-logo {
display: block;
block-size: 1.1em;
inline-size: auto;
max-inline-size: none;
}