/* Seljuk Play V6: visible branding + responsive trailer embeds */

.seljuk-brand-logo{
    display:inline-flex;
    align-items:center;
    gap:5px;
    white-space:nowrap;
    font-size:24px;
    line-height:1;
    font-weight:700;
    letter-spacing:.2px;
    color:#222d34;
    text-transform:uppercase;
}
.seljuk-brand-logo .seljuk-brand-seljuk{
    font-weight:800;
}
.seljuk-brand-logo strong{
    font-weight:900;
    letter-spacing:.8px;
}
header.main .hbox .logo > a,
header.responsive .logo > a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:64px;
    text-decoration:none;
}
header.main .hbox .logo .seljuk-brand-logo,
header.responsive .logo .seljuk-brand-logo{
    color:inherit;
}
body.dark .seljuk-brand-logo,
.style-dark .seljuk-brand-logo,
header.main.dark .seljuk-brand-logo{
    color:#fff;
}

.seljuk-footer-brand{
    display:inline-flex;
    gap:3px;
    align-items:center;
    font-weight:800;
    letter-spacing:.25px;
}
.seljuk-footer-brand strong{
    font-weight:900;
}
.seljuk-footer-logo .seljuk-brand-logo{
    font-size:22px;
}

/* Trailer: always show an actual player instead of the raw URL. */
#trailer .videobox,
#trailer .videobox .embed,
.seljuk-trailer-item,
.seljuk-oembed{
    width:100%;
}
#trailer .videobox .embed{
    overflow:visible;
}
.seljuk-trailer-item{
    margin:0 0 16px;
    background:#000;
    border-radius:8px;
    overflow:hidden;
    aspect-ratio:16 / 9;
}
.seljuk-trailer-item:last-child{
    margin-bottom:0;
}
.seljuk-trailer-frame,
.seljuk-trailer-item > iframe,
.seljuk-trailer-item .seljuk-oembed > iframe,
.seljuk-trailer-item .seljuk-oembed iframe,
.seljuk-trailer-item .seljuk-oembed video{
    display:block;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    border:0;
}
.seljuk-trailer-item .seljuk-oembed{
    height:100%;
}
.seljuk-trailer-item .seljuk-oembed > *{
    max-width:100% !important;
    margin:0 auto !important;
}
.seljuk-trailer-item blockquote{
    max-width:100% !important;
}

@media (max-width:768px){
    .seljuk-brand-logo{
        font-size:20px;
    }
    header.main .hbox .logo > a,
    header.responsive .logo > a{
        min-height:54px;
    }
}