
/* ===== CORES DINAMICAS ===== */

:root {
    --cor-primaria: #6a00eb;
    --cor-primaria-hover: #6a00eb;
    --cor-secundaria: #832deb;
    --cor-navbar-bg1: #2e005c;
    --cor-navbar-bg2: #5900b3;
    --cor-navbar-texto: #ffffff;
    --cor-card-borda: #ffea00;
    --cor-player-bg1: #5900b3;
    --cor-player-bg2: #700099;
    --cor-player-texto: #ffffff;
    --cor-player-botao: #ffea00;
    --cor-primaria-rgb: 106, 0, 235;
    --cor-card-borda-rgb: 255, 234, 0;
    --cor-botao-texto: #ffea00;
}

/* Header */
header {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%) !important;
}
.top-bar {
    background: #700099 !important;
    color: #ffffff !important;
}
.top-bar .container,
.top-bar span {
    color: #ffffff !important;
}

/* NO AR AGORA badge */
.on-air-badge strong,
.on-air-badge span.live-dot + strong {
    color: #000000 !important;
}

/* Música tocando */
#onAirShow,
.on-air-program {
    color: #000000 !important;
}
#onAirLocutor,
.on-air-locutor {
    color: #000000 !important;
}

@media (max-width: 768px) {
    #onAirShow,
    .on-air-program {
        color: #001f3f !important;
    }
    #onAirLocutor,
    .on-air-locutor {
        color: #555555 !important;
    }
}

/* WhatsApp e Siga-nos labels */
.info-text strong {
    color: #000000 !important;
}
.info-text span {
    color: #000000 !important;
}
.info-item-social .info-text strong {
    color: #000000 !important;
}

/* Navbar */
.navbar {
    background: linear-gradient(135deg, #2e005c 0%, #5900b3 100%) !important;
}
.nav-menu a { color: #ffffff !important; }
@media (max-width: 768px) {
    .nav-menu {
        background: linear-gradient(135deg, #2e005c 0%, #5900b3 100%) !important;
    }
}

/* Player */
.fixed-player {
    background: linear-gradient(135deg, #5900b3 0%, #700099 100%) !important;
}
#playerCurrentShow { color: #ffffff !important; }
#playerLocutor { color: #ffffff !important; opacity: 0.8; }
.play-btn { background: #ffea00 !important; }
.play-btn:hover { background: #6a00eb !important; }

/* Footer */
footer { background: #2e005c !important; }
.footer-section h3 { color: #ffffff !important; }
.footer-bottom { border-top-color: #ffffff !important; }

/* Botoes (exceto especiais) */
button:not(.mobile-menu-toggle):not(.play-btn):not(.btn-enquete):not(.hero-arrow):not(.btn-compartilhar):not(.btn-copiar):not(.btn-compartilhar-geral):not(.scroll-to-top):not(.btn-modal-cancelar):not(.btn-modal-whatsapp):not(.hero-dot):not(.top-musica-play),
.btn:not(.btn-compartilhar),
input[type=submit] {
    background: #6a00eb !important;
    color: #ffea00 !important;
}
button:not(.mobile-menu-toggle):not(.play-btn):not(.btn-enquete):not(.hero-arrow):not(.btn-compartilhar):not(.btn-copiar):not(.btn-compartilhar-geral):not(.scroll-to-top):not(.btn-modal-cancelar):not(.btn-modal-whatsapp):not(.hero-dot):not(.top-musica-play):hover,
.btn:not(.btn-compartilhar):hover {
    background: #ae6bff !important;
}

/* Botão Scroll to Top - usar mesma cor do play */
.scroll-to-top {
    background: #ffea00 !important;
}
.scroll-to-top:hover {
    background: #ffea00 !important;
}

/* Proteger botoes de compartilhamento */
.btn-compartilhar,
.btn-compartilhar-geral,
.btn-copiar {
    background-color: revert !important;
}
.btn-facebook { background: #1877f2 !important; color: white !important; }
.btn-twitter  { background: #1da1f2 !important; color: white !important; }
.btn-whatsapp { background: #25d366 !important; color: white !important; }
.btn-telegram { background: #0088cc !important; color: white !important; }
.btn-copiar   { background: #6c757d !important; color: white !important; }
.btn-compartilhar-geral { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; color: white !important; }

/* Créditos de imagem nas notícias */
.creditos-imagem {
    background: #6a00eb !important;
    color: #ffffff !important;
    border: none !important;
    outline: none !important;
}
.creditos-imagem:hover {
    background: #6a00eb !important;
    transform: translateY(-2px);
}

/* Fonte da notícia no rodapé */
.noticia-fonte strong {
    color: #495057 !important;
}
.noticia-fonte a {
    color: #6a00eb !important;
}
.noticia-fonte a:hover {
    color: #6a00eb !important;
}

/* Titulos e links */
h2 { color: #6a00eb; }
.noticia-item h3 a:hover,
.noticia-destaque-content h3 a:hover { color: #6a00eb !important; }

/* Cards */
.noticia-item { border-left-color: #ffea00 !important; }
.programa-card { border-left-color: #ffea00 !important; }
.programa-card h3 { color: #6a00eb !important; }
.hero-dot.is-active { background: #6a00eb !important; border-color: #6a00eb !important; }
.on-air-photo { border-color: #6a00eb !important; }
.banner-section { background: linear-gradient(135deg, #6a00eb 0%, #6a00eb 100%) !important; }
.logo-text strong { color: #6a00eb !important; }
.enquete-barra-fill { background: linear-gradient(90deg, #6a00eb 0%, #6a00eb 100%) !important; }
.btn-enquete { background: linear-gradient(135deg, #6a00eb 0%, #6a00eb 100%) !important; }
.content-box h3 { color: #6a00eb !important; }
.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus { border-color: #6a00eb !important; }
.enquete-opcao input { accent-color: #6a00eb !important; }

/* Modal de Vídeo */
.video-modal-header {
    background: linear-gradient(135deg, #6a00eb 0%, #6a00eb 100%) !important;
}

#videoModal .video-modal-close,
.video-modal .video-modal-close {
    color: white !important;
    background: rgba(255, 255, 255, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    border: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#videoModal .video-modal-close:hover,
.video-modal .video-modal-close:hover {
    background: rgba(255, 255, 255, 0.35) !important;
    color: white !important;
}

.video-modal-title {
    color: white !important;
}

/* Garantir centralização em mobile */
@media (max-width: 768px) {
    #videoModal .video-modal-close,
    .video-modal .video-modal-close {
        min-height: 32px !important;
        width: 32px !important;
        height: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        line-height: 1 !important;
        color: white !important;
        background: rgba(255, 255, 255, 0.25) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* ===== PÁGINA RADIO - CORES DINÂMICAS ===== */

/* Hero da página radio */
.radio-hero {
    background: linear-gradient(135deg, #6a00eb 0%, #832deb 100%) !important;
}

/* Hero da página programação */
.prog-hero {
    background: linear-gradient(135deg, #6a00eb 0%, #832deb 100%) !important;
}

/* Hero da página locutores */
.locutores-hero {
    background: linear-gradient(135deg, #6a00eb 0%, #832deb 100%) !important;
}

/* Hero da página fotos */
.fotos-hero {
    background: linear-gradient(135deg, #6a00eb 0%, #832deb 100%) !important;
}

/* Hero da página notícias */
.noticias-hero {
    background: linear-gradient(135deg, #6a00eb 0%, #832deb 100%) !important;
}

/* Hero da página pedidos */
.pedidos-hero {
    background: linear-gradient(135deg, #6a00eb 0%, #832deb 100%) !important;
}

/* Hero da página contato */
.contato-hero {
    background: linear-gradient(135deg, #6a00eb 0%, #832deb 100%) !important;
}

/* Hero da página cadastro */
.cadastro-hero {
    background: linear-gradient(135deg, #6a00eb 0%, #832deb 100%) !important;
}

/* Hero da página minha conta */
.minha-conta-hero {
    background: linear-gradient(135deg, #6a00eb 0%, #832deb 100%) !important;
}

/* Hero da página vídeos */
.videos-hero {
    background: linear-gradient(135deg, #6a00eb 0%, #832deb 100%) !important;
}

/* Hero da página promoções */
.promocoes-hero {
    background: linear-gradient(135deg, #6a00eb 0%, #832deb 100%) !important;
}

/* Números do TOP músicas */
.top-musica-posicao {
    color: #ffea00 !important;
}

/* Badge de segundos do TOP músicas */
.top-musica-capa .preview-badge,
.top-musica-capa > .preview-badge,
div.top-musica-capa span.preview-badge,
.top-musica-play .preview-badge,
.top-musica-play.playing .preview-badge,
button.top-musica-play span.preview-badge {
    background: #6a00eb !important;
    color: #ffffff !important;
}

/* Proteger botão play do top músicas */
.top-musica-play,
.top-musica-play.playing,
.top-musica-play:hover,
.top-musica-play:focus,
.top-musica-play:active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    outline: none !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3) !important;
    width: 55px !important;
    height: 55px !important;
    min-width: 55px !important;
    min-height: 55px !important;
    max-width: 55px !important;
    max-height: 55px !important;
    border-radius: 50% !important;
}
.card-accent {
    background: #6a00eb !important;
}

/* Ícones dos cards */
.card-icon-wrapper {
    background: linear-gradient(135deg, #6a00eb, #6a00eb) !important;
    box-shadow: 0 4px 12px rgba(255,102,0,0.25) !important;
}

/* Títulos dos cards */
.about-card h3 {
    color: #6a00eb !important;
}

/* Seção de estatísticas */
.stats-box {
    background: linear-gradient(135deg, #832deb 0%, #ffffff 100%) !important;
}

/* Números das estatísticas */
.stat-number {
    background: linear-gradient(135deg, #6a00eb, #6a00eb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
