/* Welcome page branding overrides */
body.welcome-page,
body.welcome-page #react,
body.welcome-page .welcome {
    background: #03060d !important;
}

body.welcome-page .welcome .header {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.28)), url('/download-assets/bg-voyager.jpg') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-height: 100vh !important;
    height: 100vh !important;
}

body.welcome-page .welcome .welcome-watermark .watermark.leftwatermark,
body.welcome-page .welcome .welcome-watermark .watermark,
body.welcome-page .welcome .watermark.leftwatermark {
    background-image: url('/images/logo-deep-linking.png?v=20260220-17') !important;
    width: 132px !important;
    height: 82px !important;
    left: 6px !important;
    right: auto !important;
    top: 6px !important;
    max-width: none !important;
    max-height: none !important;
    background-size: contain !important;
    background-position: center left !important;
}

body.welcome-page .welcome .header .header-text-title {
    font-family: "Brush Script MT", "Segoe Script", "KaiTi", "STKaiti", cursive !important;
    font-size: 3.55rem !important;
    line-height: 3.85rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45) !important;
}

body.welcome-page .welcome .header .header-text-subtitle {
    font-size: 1.35rem !important;
    line-height: 1.8rem !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45) !important;
}

/* Scale up the meeting-entry area without transform distortion */
body.welcome-page .welcome .header #enter_room {
    width: min(980px, 94vw) !important;
}

body.welcome-page .welcome .header #enter_room .join-meeting-container {
    display: flex !important;
    align-items: stretch !important;
    max-width: 760px !important;
    margin: 18px auto 0 !important;
    width: min(760px, 95vw) !important;
}

body.welcome-page .welcome .header #enter_room .enter-room-input-container {
    flex: 1 1 auto !important;
}

body.welcome-page .welcome .header #enter_room input,
body.welcome-page .welcome .header #enter_room input[type="text"] {
    height: 66px !important;
    font-size: 24px !important;
    padding: 0 18px !important;
}

body.welcome-page .welcome .header #enter_room .welcome-page-button {
    min-width: 168px !important;
    height: 66px !important;
    padding: 0 22px !important;
    font-size: 24px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Remove recent meetings list area */
body.welcome-page .welcome .welcome-cards-container {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove redundant bottom-left text and keep stores centered */
body.welcome-page .welcome .welcome-footer--row-1 .welcome-footer-row-1-text {
    display: none !important;
}

body.welcome-page .welcome .welcome-footer--row-1 {
    justify-content: center !important;
}

/* Remove default store badges/footer block completely */
body.welcome-page .welcome .welcome-footer,
body.welcome-page .welcome .welcome-footer--row-1,
body.welcome-page .welcome .welcome-footer--row-2,
body.welcome-page .welcome .welcome-footer--row-2-links,
body.welcome-page .welcome .welcome-footer .welcome-footer-row-block {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Fallback: hide native store links by URL even if upstream class names change */
body.welcome-page .welcome a[href*="apps.apple.com"],
body.welcome-page .welcome a[href*="f-droid"],
body.welcome-page .welcome a[href*="play.google.com"],
body.welcome-page .welcome a[href*="jitsi.org/download"],
body.welcome-page .welcome a[href*="desktop.jitsi.net"] {
    display: none !important;
}

/* Visible login entry */
body.welcome-page .welcome .mim-login-panel {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(8, 16, 30, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #e6edf8;
}

body.welcome-page .welcome .mim-login-panel-title {
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 4px;
}

body.welcome-page .welcome .mim-login-panel-subtitle {
    font-size: 0.78rem;
    line-height: 1.35;
    margin-bottom: 8px;
    color: rgba(232, 242, 255, 0.95);
}

body.welcome-page .welcome .mim-login-panel-button {
    border: 0;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 0.8rem;
    font-weight: 700;
    background: #1d4ed8;
    color: #fff;
    cursor: pointer;
}

body.welcome-page .welcome .mim-login-panel-button:hover {
    background: #1e40af;
}

@media only screen and (max-width: 640px) {
    body.welcome-page .welcome .welcome-watermark .watermark.leftwatermark,
    body.welcome-page .welcome .welcome-watermark .watermark,
    body.welcome-page .welcome .watermark.leftwatermark {
        width: 86px !important;
        height: 54px !important;
        left: 4px !important;
        right: auto !important;
        top: 4px !important;
    }

    body.welcome-page .welcome .header .header-text-title {
        font-size: 2.55rem !important;
        line-height: 2.85rem !important;
    }

    body.welcome-page .welcome .header .header-text-subtitle {
        font-size: 1.06rem !important;
        line-height: 1.34rem !important;
    }

    body.welcome-page .welcome .header #enter_room .join-meeting-container {
        width: min(560px, 96vw) !important;
        margin-top: 14px !important;
    }

    body.welcome-page .welcome .header #enter_room input,
    body.welcome-page .welcome .header #enter_room input[type="text"] {
        height: 58px !important;
        font-size: 18px !important;
        padding: 0 14px !important;
    }

    body.welcome-page .welcome .header #enter_room .welcome-page-button {
        min-width: 128px !important;
        height: 58px !important;
        font-size: 20px !important;
        padding: 0 14px !important;
    }

    body.welcome-page .welcome .header {
        min-height: 100vh !important;
        height: 100vh !important;
    }
}