/* Ajustes para o dropdown de inscrição */
.subscribe-dropdown-container {
    position: relative;
}

/* Check verde no dropdown - alinhado à direita */
.subscribe-dropdown-item {
    display: flex;
    align-items: center;
}

.subscribe-dropdown-item .subscribe-check {
    color: #27ae60;
    opacity: 0;
    transition: opacity 0.2s ease;
    margin-left: auto;
    order: 3;
}

.subscribe-dropdown-item .subscribe-check.active {
    opacity: 1;
}

/* Responsivo - sem ajustes específicos necessários, o botão está na fila normal */

/* Container precisa ter position relative para o botão absolute funcionar */
.cfm27sie .dropdown-container,
.dropdown-container {
    position: relative;
}

/* Estilos para o botão de watch (sininho) em categorias - mesmo design do viewtopic */
/* IMPORTANTE: Usar position absolute para não interferir com a estrutura do container da categoria */
.forum-watch-dropdown-container {
    position: absolute;
    top: -9px;
    left: -15px;
    z-index: 100; /* Garantir que fique acima de outros elementos */
    pointer-events: auto; /* Garantir que seja clicável */
}

/* Garantir que o container da categoria tenha position relative para o absolute funcionar */
.dropdown-container.cat-\30 {
    position: relative;
}

.forum-watch-toggle {
    cursor: pointer;
}

/* Cor do ícone quando inscrito (verde) */
.forum-watch-toggle[data-subscribed="1"] .icon,
.forum-watch-toggle .icon.fa-bell {
    color: #27ae60;
}

/* Cor do ícone quando não inscrito (vermelho) */
.forum-watch-toggle[data-subscribed="0"] .icon,
.forum-watch-toggle .icon.fa-bell-slash {
    color: #e74c3c;
}

/* Cor do ícone quando parcialmente inscrito (amarelo) */
.forum-watch-toggle[data-watch-state="partial"] .icon,
.forum-watch-toggle .icon.fa-bell-o {
    color: #f1c40f;
}

/* Check verde no dropdown do index - alinhado à direita */
.forum-watch-dropdown-item {
    display: flex;
    align-items: center;
}

.forum-watch-dropdown-item .forum-watch-check {
    color: #27ae60;
    opacity: 0;
    transition: opacity 0.2s ease;
    margin-left: auto;
    order: 3;
}

.forum-watch-dropdown-item .forum-watch-check.active {
    opacity: 1;
}

.forum-watch-toggle.is-loading {
    opacity: 0.7;
    cursor: wait;
}

.forum-watch-toggle.has-error {
    box-shadow: 0 0 0 2px #e74c3c inset;
}