/* Scoutix ortak görsel sistemi
 * İçerik görsellerinin site ve admin panelinde aynı çerçevede görünmesini sağlar.
 * Logo, avatar, ikon ve marka görselleri kapsam dışındadır.
 */
:root{
    --sx-media-ratio:4/3;
    --sx-media-bg:#050705;
    --sx-media-border:rgba(212,175,55,.28);
}

.scoutix-public-image,
.sx-daily-photo__media,
.sx-weekly-image,
.sx-winner-card,
.editor-cover-image,
.editor-comment--media-only,
.sx-rolling-premium-media,
.sx-club-detail-media,
.sx-photo-admin__preview,
.scoutix-upload,
.sx-image-box,
.sx-winning-upload,
.sx-admin-rolling-image,
.sx-editor-admin__cover-picker{
    position:relative!important;
    width:100%!important;
    aspect-ratio:var(--sx-media-ratio)!important;
    min-height:0!important;
    overflow:hidden!important;
    border-color:var(--sx-media-border)!important;
    background:var(--sx-media-bg)!important;
}

.scoutix-public-image>img,
.sx-daily-photo__media>img,
.sx-weekly-image>img,
.sx-winner-card>img,
.editor-cover-image>img,
.editor-post-media,
.sx-rolling-premium-media>img,
.sx-club-detail-media>img,
.sx-club-detail-media>video,
.sx-photo-admin__preview>img,
.scoutix-upload>img,
.sx-image-box>img,
.sx-winning-upload>img,
.sx-admin-rolling-image>img,
.sx-editor-admin__cover-picker>img,
.sx-editor-admin__comments .sx-editor-admin__media,
.sx-editor-admin__comments video,
.admin-upload-preview{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
    background:var(--sx-media-bg)!important;
}

.editor-comment--media-only .editor-post-media,
.sx-editor-admin__comments .sx-editor-admin__media,
.sx-editor-admin__comments video{
    aspect-ratio:var(--sx-media-ratio)!important;
}

.scoutix-public-card,
.sx-daily-photo,
.sx-weekly-visual-list>article,
.editor-column,
.sx-winner-card,
.sx-photo-admin__card,
.sx-weekly-visual-grid>article,
.sx-winning-admin-grid>article,
.sx-editor-admin__column{
    min-width:0!important;
}

.admin-upload-preview{
    aspect-ratio:var(--sx-media-ratio)!important;
    border:1px solid var(--sx-media-border)!important;
}

@media(max-width:720px){
    .scoutix-public-three,
    .sx-daily-photos__grid,
    .sx-weekly-visual-list,
    .sx-winners-grid,
    .editor-desk-grid,
    .sx-rolling-netflix-grid,
    .sx-photo-admin__grid,
    .sx-editor-admin__grid{
        grid-template-columns:1fr!important;
    }

    .editor-column:last-child{
        grid-column:auto!important;
        width:100%!important;
        max-width:none!important;
    }
}