/* RYL Watch Rebrand v1.0.0 — branding only. No Watch player/layout behavior is replaced. */
body.ryl-watch-rebrand-active .ryl-brand-logo{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
}

/* Match the approved RYL header treatment already used elsewhere. */
body.ryl-watch-rebrand-active .site-header .brand-mark{
    display:flex;
    align-items:center;
    min-width:150px;
    width:150px;
    height:54px;
    overflow:visible;
}
body.ryl-watch-rebrand-active .site-header .ryl-brand-logo-header{
    width:145px;
    max-height:54px;
}

/* Keep the existing phone/app band; only fit the official logo inside its current screen. */
body.ryl-watch-rebrand-active .app-download-band .phone-logo{
    width:84%;
    margin-left:auto;
    margin-right:auto;
}
body.ryl-watch-rebrand-active .app-download-band .ryl-brand-logo-phone{
    filter:drop-shadow(0 5px 10px rgba(0,0,0,.6));
}
body.ryl-watch-rebrand-active .app-install-modal .app-modal-mark{
    width:min(330px,70vw);
    margin-left:auto;
    margin-right:auto;
    margin-bottom:18px;
}

/* Lower footer brand only; footer structure/links remain intact. */
body.ryl-watch-rebrand-active .site-footer .brand-mark{
    display:block;
    width:180px;
    max-width:100%;
}
body.ryl-watch-rebrand-active .site-footer .ryl-brand-logo-footer{
    width:180px;
}

@media(max-width:1050px){
    body.ryl-watch-rebrand-active .site-header .brand-mark{
        min-width:132px;
        width:132px;
        height:48px;
    }
    body.ryl-watch-rebrand-active .site-header .ryl-brand-logo-header{
        width:128px;
        max-height:47px;
    }
}

@media(max-width:760px){
    body.ryl-watch-rebrand-active .site-header .brand-mark{
        min-width:116px;
        width:116px;
        height:44px;
    }
    body.ryl-watch-rebrand-active .site-header .ryl-brand-logo-header{
        width:112px;
        max-height:42px;
    }
    body.ryl-watch-rebrand-active .site-footer .brand-mark,
    body.ryl-watch-rebrand-active .site-footer .ryl-brand-logo-footer{
        width:160px;
    }
}