/* === Cover page layout override === */
/* Make sure the content wrapper fills the screen and acts as our
positioning context */
.Cover-canvas,
.Cover-content-inner,
.Cover-content {
position: relative;
}
.Cover-content {
display: flex;
flex-direction: column;
min-height: 100vh;
}
/* 1. Title stays where it is */
.Cover-title-wrapper,
.Cover-title {
order: 1;
}
/* 2. "Enter Site" button moves up, directly under the title */
.Cover-actions {
order: 2;
margin-top: 24px;
}
/* 3. Subtitle (the servicing area line) gets pulled out of the
normal flow and pinned to the bottom of the page */
.Cover-subtitle {
order: 3;
position: absolute;
bottom: 40px;
left: 0;
right: 0;
width: 100%;
text-align: center;
white-space: nowrap; /* forces it onto one line */
overflow: hidden;
padding: 0 20px;
}
/* Shrink the subtitle text a bit so the full line fits on one row,
especially on narrower desktop windows */
.Cover-subtitle p,
.Cover-subtitle-inner,
.Cover-subtitle {
font-size: 0.85em;
}
/* On small/mobile screens, shrink further so it still fits on one line */
@media screen and (max-width: 640px) {
.Cover-subtitle,
.Cover-subtitle p {
font-size: 0.6em;
bottom: 24px;
}
}