/* =========================================================
   UNDERGROUND CUSTOMS – BRANDING LAYOUT HOTFIX
   This file intentionally does NOT modify the existing
   .content / .content-login / .sidebar positioning.
   ========================================================= */

:root{
    --uc-brand-red:#e51b23;
    --uc-brand-red-bright:#ff252d;
    --uc-brand-black:#08090c;
    --uc-brand-panel:#101319;
    --uc-brand-line:#272e39;
}

/* IMPORTANT:
   No .content { position:... } overrides here.
   The existing application CSS keeps full control of layout.
*/

/* Sidebar wordmark, fitted to the EXISTING sidebar header */
.sidebar .uc-sidebar-brand{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:auto;
    min-height:82px;
    margin:0;
    padding:10px 14px 9px;
    box-sizing:border-box;
    color:inherit;
    text-decoration:none;
    overflow:hidden;
}

.sidebar .uc-sidebar-brand img{
    display:block;
    width:100%;
    max-width:205px;
    height:auto;
    max-height:64px;
    object-fit:contain;
    object-position:center;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.34));
}

.sidebar .uc-sidebar-brand::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:0;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(229,27,35,.60),
        transparent
    );
}

/* Auth pages – branding only, no surrounding layout changes */
.uc-auth-brand{
    display:flex;
    justify-content:center;
    margin:-4px auto 14px;
}

.uc-auth-brand img{
    display:block;
    width:min(340px,86%);
    height:auto;
    max-height:110px;
    object-fit:contain;
    filter:drop-shadow(0 12px 30px rgba(0,0,0,.38));
}

.login-card,
.auth-public-card{
    position:relative;
    overflow:hidden;
}

/* Very subtle card texture; does not affect dimensions */
.login-card::after,
.auth-public-card::after{
    content:"";
    position:absolute;
    right:-80px;
    bottom:-75px;
    width:250px;
    height:180px;
    background:url("/static/branding/uc-eagle-logo.webp") center/contain no-repeat;
    opacity:.018;
    pointer-events:none;
}

/* Public team submission pages */
.submission-public{
    position:relative;
}

.submission-public .uc-public-eagle{
    position:fixed;
    right:-90px;
    bottom:-60px;
    width:min(62vw,720px);
    opacity:.035;
    pointer-events:none;
    user-select:none;
    z-index:0;
}

.submission-shell{
    position:relative;
    z-index:1;
}

.submission-brand .uc-submission-wordmark{
    display:block;
    width:min(440px,92%);
    height:auto;
    max-height:130px;
    object-fit:contain;
    margin:0 auto 4px;
    filter:drop-shadow(0 16px 36px rgba(0,0,0,.36));
}

/* Cosmetic only */
.page-header h1,
.tournament-hero h1,
.mail-reader-head h2{
    text-shadow:0 0 30px rgba(229,27,35,.035);
}

@media(max-width:760px){
    .sidebar .uc-sidebar-brand{
        min-height:68px;
        padding:8px 12px;
    }

    .sidebar .uc-sidebar-brand img{
        max-width:175px;
        max-height:52px;
    }

    .uc-auth-brand img{
        width:min(300px,88%);
        max-height:100px;
    }

    .submission-public .uc-public-eagle{
        width:620px;
        right:-340px;
        opacity:.025;
    }
}

@media(prefers-reduced-motion:reduce){
    *{
        scroll-behavior:auto!important;
    }
}