/* 
 * CSS Dinâmico para Temas de Canal
 * Este arquivo deve ser gerado dinamicamente no servidor
 * com as cores específicas do canal
 */

/* Variáveis CSS customizadas do canal */
:root {
    --cor-primaria-canal: #3c85c7;
    --cor-secundaria-canal: #42b883;
    --cor-fundo-canal: #1a1a2e;
}

/* Perfil do streamer */
.streamer-profile {
    background: linear-gradient(135deg, var(--cor-primaria-canal), var(--cor-secundaria-canal));
    border-radius: 15px;
    padding: 2rem;
    margin-bottom: 2rem;
    color: white;
}

/* Botões com tema do canal */
.btn-twitch {
    background: var(--cor-primaria-canal) !important;
    border-color: var(--cor-primaria-canal) !important;
}

.btn-twitch:hover {
    background: var(--cor-secundaria-canal) !important;
    border-color: var(--cor-secundaria-canal) !important;
}

/* Controles da galeria com tema */
.gallery-controls {
    background: rgba(60, 133, 199, 0.1);
    border: 1px solid var(--cor-primaria-canal);
    border-radius: 10px;
}

.search-btn,
.btn-primary {
    background: var(--cor-primaria-canal) !important;
    border-color: var(--cor-primaria-canal) !important;
}

.search-btn:hover,
.btn-primary:hover {
    background: var(--cor-secundaria-canal) !important;
    border-color: var(--cor-secundaria-canal) !important;
}

/* Cards da galeria */
.image-card:hover {
    border-color: var(--cor-primaria-canal);
    box-shadow: 0 4px 15px rgba(60, 133, 199, 0.3);
}

.like-btn.liked {
    color: var(--cor-secundaria-canal) !important;
}

/* Paginação */
.page-item.active .page-link {
    background-color: var(--cor-primaria-canal) !important;
    border-color: var(--cor-primaria-canal) !important;
}

/* Modal com tema do canal */
.modal-overlay .modal-main-controls .nav-btn:hover:not(:disabled),
.modal-overlay .modal-main-controls #close-image-preview-modal:hover {
    background: var(--cor-primaria-canal);
    border-color: var(--cor-primaria-canal);
}

.toggle-info-btn {
    background: var(--cor-primaria-canal);
}

.toggle-info-btn:hover {
    background: var(--cor-secundaria-canal);
}