.site-footer {
box-sizing: border-box;
width: 100%;
flex: 0 0 auto;
margin-top: auto;
padding: clamp(0.3125rem, 0.7dvh, 0.75rem) 1rem clamp(0.375rem, 0.85dvh, 0.875rem);
border-top: 1px solid rgba(201, 162, 58, 0.28);
color: #bcb29e;
font-size: 0.82rem;
line-height: 1.55;
text-align: center;
}
.site-footer strong {
color: inherit;
font-weight: 600;
}
.site-footer-legal {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 0.3rem 0.5625rem;
margin-top: 0.5rem;
}
.site-footer-legal a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 1.75rem;
box-sizing: border-box;
color: #d7cdb7;
text-decoration: underline;
text-decoration-color: rgba(201, 162, 58, 0.55);
text-underline-offset: 0.1875rem;
}
.site-footer-legal a:hover,
.site-footer-legal a:focus-visible {
color: #f0d982;
}
@media (max-width: 480px) {
.site-footer {
padding-top: clamp(0.5rem, 1.3dvh, 1.25rem);
padding-bottom: clamp(0.625rem, 1.6dvh, 1.5rem);
}
}
@media (min-width: 481px) and (max-width: 1099px) {
.site-footer {
padding-top: clamp(0.125rem, 0.6dvh, 0.4rem);
padding-bottom: clamp(0.1875rem, 0.75dvh, 0.5rem);
font-size: clamp(0.56rem, calc(0.43rem + 0.55dvh), 0.70rem);
line-height: clamp(1.05em, calc(0.95em + 0.3dvh), 1.25em);
}
.site-footer-legal {
gap: clamp(0.25rem, calc(0.2rem + 0.35vw), 0.45rem);
margin-top: clamp(0.0625rem, 0.3dvh, 0.3125rem);
}
}
@media (min-width: 1100px) and (max-height: 950px) {
.site-footer {
padding: 0.375rem 0.75rem 0.5rem;
font-size: 0.70rem;
line-height: 1.2;
}
.site-footer-legal {
margin-top: 0.1875rem;
gap: 0.4375rem;
}
}
@media (orientation: landscape) and (max-height: 30rem) and (max-width: 64rem) {
.site-footer-legal a {
min-height: 1.25rem;
}
}