/* Only the public homepage is changed. Existing page content stays intact. */
body.home {
    --volando-magenta: #c0185d;
    --volando-anthracite: #34383c;
    --volando-footer-left: 20px;
    --volando-admin-offset: 0px;
    --volando-page-height: calc(100svh - var(--volando-admin-offset));
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: var(--volando-page-height);
    margin: 0;
}
body.home.admin-bar { --volando-admin-offset: 32px; }
body.home #content { flex: 1 1 0%; min-height: 0; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
body.home #content .page-content { min-height: 0; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
body.home #site-footer { display: none !important; }
body.home #site-header nav.site-navigation ul.menu > li.fwm-contact-link,
body.home #site-header nav.site-navigation ul.menu > li.fwm-imprint-link,
body.home #site-header nav.site-navigation ul.menu > li.fwm-privacy-link,
body.home #site-header nav.site-navigation-dropdown li.fwm-contact-link,
body.home #site-header nav.site-navigation-dropdown li.fwm-imprint-link,
body.home #site-header nav.site-navigation-dropdown li.fwm-privacy-link {
    display: none !important;
}
body.home #volando-home-legal {
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 1002;
    display: flex;
    align-items: center;
    gap: 26px;
    flex-wrap: wrap;
    max-width: calc(100% - 100px);
}
body.home.admin-bar #volando-home-legal { top: 48px; }
body.home #volando-home-legal a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 2px 0;
    color: var(--volando-anthracite) !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
}
body.home #volando-home-legal svg {
    flex: 0 0 20px;
    color: var(--volando-magenta);
    width: 20px;
    height: 20px;
}
body.home #volando-home-legal a:hover span { text-decoration: underline; text-underline-offset: 4px; }
body.home #volando-home-legal a:focus-visible { outline: 2px solid var(--volando-magenta); outline-offset: 4px; border-radius: 2px; }
body.home #volando-home-footer {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    margin: auto 0 0;
    padding: 12px 20px 12px var(--volando-footer-left);
    box-sizing: border-box;
    background: transparent;
    color: var(--volando-anthracite);
    text-align: left;
}
body.home .volando-home-signature { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
body.home .volando-home-logo-slot { display: block; width: var(--volando-logo-width, 220px); max-width: 100%; line-height: 0; }
body.home #volando-home-logo {
    display: block !important;
    width: var(--volando-logo-width, 220px) !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(var(--volando-logo-shift, 0px));
}
body.home .volando-home-signature small { color: var(--volando-anthracite); font-size: 11px; font-weight: 400; line-height: 1.5; }
@media (max-width: 782px) {
    body.home.admin-bar { --volando-admin-offset: 46px; }
    body.home.admin-bar #volando-home-legal { top: 62px; }
}
@media (max-width: 600px) {
    body.home { --volando-footer-left: 14px; }
    body.home #volando-home-legal { top: 10px; right: 14px; left: 14px; max-width: none; gap: 14px; justify-content: flex-end; }
    body.home #volando-home-legal a { font-size: 13px; gap: 5px; }
    body.home #volando-home-legal svg { width: 17px; height: 17px; flex-basis: 17px; }
    body.home #volando-home-footer { padding-top: 10px; padding-bottom: 10px; }
}

/* Equal, prominent primary links immediately below the FlyWithMe logo. */
body.home #content > .page-header { display: none !important; }
body.home #site-header { flex: 0 0 auto; padding-top: 54px; padding-bottom: 0; }
body.home #site-header .header-inner { flex-direction: column !important; align-items: center !important; gap: 0; }
body.home #site-header .site-branding { align-items: center; max-width: 100%; }
body.home #site-header .site-logo img.custom-logo {
    display: block;
    width: min(800px, calc(100vw - 40px)) !important;
    width: min(800px, calc(100vw - 40px), max(160px, calc((var(--volando-page-height) - 240px) * 2))) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}
body.home #site-header nav.site-navigation { display: flex !important; justify-content: center; width: 100%; }
body.home #site-header nav.site-navigation ul.menu { display: flex; justify-content: center; align-items: center; gap: clamp(28px, 5vw, 64px); padding: 0; margin: 0 0 8px; }
body.home #site-header nav.site-navigation .volando-primary-link > a { display: block; padding: 6px 0; color: #c0185d !important; font-size: clamp(25px, 3vw, 34px) !important; font-weight: 400; line-height: 1.2; text-decoration: none; }
body.home #site-header nav.site-navigation .volando-primary-link > a:hover { color: #a8114e !important; }
body.home #site-header nav.site-navigation .volando-primary-link > a:focus-visible { outline: 2px solid #c0185d; outline-offset: 6px; }
body.home #site-header .site-navigation-toggle-holder,
body.home #site-header nav.site-navigation-dropdown { display: none !important; }
@media (max-width: 600px) {
    body.home #site-header { padding-top: 104px; }
    body.home #site-header .site-logo img.custom-logo {
        width: min(560px, calc(100vw - 32px)) !important;
        width: min(560px, calc(100vw - 32px), max(120px, calc((var(--volando-page-height) - 310px) * 2))) !important;
    }
    body.home #site-header nav.site-navigation ul.menu { gap: 28px; margin-bottom: 6px; }
    body.home #site-header nav.site-navigation .volando-primary-link > a { font-size: clamp(24px, 6vw, 29px) !important; }
}
