/* SEG_THEME_SWITCH_VISIBLE_V2
   Reabilita o seletor ORIGINAL de temas.
   Nao modifica os demais icones nem componentes. */

body:not(:has(.admin-premium))
.studio-theme-desktop .seg-theme-switch,
body:not(:has(.admin-premium))
#seg-mobile-app .seg-theme-center .seg-theme-switch {
    display:flex!important;
    width:fit-content!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    padding:2px!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

/* Um unico icone: aparece somente o tema disponivel. */
body:not(:has(.admin-premium))
:is(.studio-theme-desktop,#seg-mobile-app .seg-theme-center)
.seg-theme-switch button.selected {
    display:none!important;
}

body:not(:has(.admin-premium))
:is(.studio-theme-desktop,#seg-mobile-app .seg-theme-center)
.seg-theme-switch button:not(.selected) {
    display:inline-flex!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #d4b5c8!important;
    border-radius:50%!important;
    background:#ffffff!important;
    color:#bd2577!important;
    font-size:19px!important;
    line-height:1!important;
    cursor:pointer!important;
    overflow:visible!important;
}

body.sg-theme-light
:is(.studio-theme-desktop,#seg-mobile-app .seg-theme-center)
.seg-theme-switch button:not(.selected) {
    color:#3e2947!important;
    background:#f4eaf1!important;
}

/* Mantem a posicao atual do cabecalho, sem alterar
   os links, avatar, sino, mensagens ou premium. */
#seg-mobile-app .seg-theme-center {
    z-index:75!important;
}

@media (max-width:700px) {
    #seg-mobile-app .seg-theme-center .seg-theme-switch {
        flex-wrap:nowrap!important;
    }
}