/*
Theme Name: GeneratePress Child
Template: generatepress
Version: 1.9
*/

@import url("../generatepress/style.css");

.below-menu-search .asl_w {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.slideout-search-box .asl_w {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}


.modal-relato {
  display: none; position: fixed; left: 0; top: 0;
  width: 100%; height: 100%; background: rgba(0,0,0,0.5);
  z-index: 9999; justify-content: center; align-items: center;
}
.modal-relato.ativo { display: flex; }
.modal-content {
  background: #fff; padding: 20px; border-radius: 6px;
  max-width: 400px; width: 90%; position: relative;
}
.modal-content .close {
  position: absolute; right: 10px; top: 10px;
  font-size: 20px; cursor: pointer;
}
.radio-info {
  display: flex; align-items: center; gap: 10px; margin-bottom: 10px;
}
.player-report-btn {
  background: none;
  border: none;
  cursor: pointer;
}

/* Força fundo azul no player em todas as telas */
.wp-radio-player {
    background-color: #2d62d3 !important;
}

.wp-radio-player .station-meta,
.wp-radio-player .wp-radio-player-details,
.wp-radio-player .wp-radio-player-controls {
    background-color: #2d62d3 !important;
    color: #fff !important;
}

/* Força exibir logo da rádio em qualquer tamanho de tela */
.wp-radio-player .station-thumbnail-wrap {
    display: block !important;
    max-width: 57px;
}

.wp-radio-player .station-thumbnail-wrap img {
    display: block !important;
    max-width: 100%;
    height: auto;
}



#report-modal-wrapper.modal {
    position: fixed;
    z-index: 99999;
    left: 0; top: 0; width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex; align-items: center; justify-content: center;
}

#report-modal-wrapper .modal-content {
    background: white;
    padding: 20px;
    max-width: 500px;
    width: 100%;
    border-radius: 8px;
    position: relative;
}


#report-modal-wrapper .modal-title {
    text-align: center;
    font-size: 22px;
    margin-bottom: 15px;
}

#report-modal-wrapper form label {
    display: block;
    margin-top: 10px;
}

#report-modal-wrapper form input,
#report-modal-wrapper form select,
#report-modal-wrapper form textarea {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#report-modal-wrapper .modal-actions {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 10px;
}

#report-modal-wrapper .report-modal-footer {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding-top: 20px;
}

#report-modal-wrapper button.enviar {
    background: #0073aa;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

#report-modal-wrapper button.cancelar {
    background: #c0392b;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

#report-modal-wrapper .close {
    display: none; /* Esconde o botão 'X' antigo, se estiver ainda no topo */
}




.wp-radio-report-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    padding: 3px 4px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    line-height: 1.2;
}

.wp-radio-report-btn:hover {
    background-color: #f5c6cb;
}

.report-icon {
    background-color: #721c24;
    color: white;
    border-radius: 10%;
    padding: 1px 2px;
    font-size: 5px;
    display: inline-block;
}