/*
Theme Name: Rádio Fema 106.3
Theme URI: https://www.radiofema.com.br
Author: Vitor Hugo de Souza
Author URI: https://www.radiofema.com.br
Description: Tema criado pelo setor de Informática para a rádio fema 106.3
Version: 1.0
Year: 2026
Tags: two-columns, left-sidebar, custom-header, custom-menu, custom-logo, blog
Text Domain: radio
License: CRIAÇÃO INTERNA DA INSTITUIÇÃO - GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Created: 2025
*/

/*
.top-bar{
    background: green;
    height: 70px;
}
*/

/**
1. Normalize
2. Theme Specific CSS
*/


/* 1. Normalize */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 

 .videos-container {
      display: flex;
      flex-wrap: wrap;           /* permite quebrar linha */
      gap: 10px;
      justify-content: center;
    }
    .video {
      flex: 1 1 23%;             /* base de 23%, mas flexível */
    }
    iframe {
      width: 100%;
      height: 250px;
      border: none;
    }

    /* Responsividade para telas menores */
    @media (max-width: 768px) {
      .video {
        flex: 1 1 100%;          /* ocupa largura total em telas pequenas */
      }
      iframe {
        height: 200px;           /* altura menor para telas pequenas */
      }
    }
 
/* Estilos para o menu hamburguer */
        @media (max-width: 991px) {
            .main-menu {
                position: relative;
            }
            
            .main-menu .menu-toggle {
                display: block;
                position: absolute;
                top: 10px;
                right: 15px;
                background: none;
                border: none;
                font-size: 28px;
                cursor: pointer;
                color: #4c1b1b;
                z-index: 1000;
            }
            
            .main-menu ul {
                display: none;
                position: absolute;
                top: 50px;
                right: 0;
                left: 0;
                background: #f3f3f3;
                padding: 15px;
                margin: 0;
                list-style: none;
                border-radius: 8px;
                box-shadow: 0 4px 6px rgba(0,0,0,0.1);
                z-index: 999;
            }
            
            .main-menu ul.show {
                display: block;
            }
            
            .main-menu ul li {
                display: block !important;
                margin: 10px 0 !important;
                text-align: center;
            }
            
            .main-menu ul li a {
                display: block;
                padding: 8px;
            }
        }
        
        @media (min-width: 992px) {
            .main-menu .menu-toggle {
                display: none;
            }
            
            .main-menu ul {
                display: flex !important;
                position: static;
                background: transparent;
                box-shadow: none;
                padding: 0;
            }
            
            .main-menu ul li {
                display: inline-block !important;
                margin: 0 50px 0 0 !important;
            }
        }    

/* Player fixo no topo - NÃO RECARREGA */
.player-fixo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #ff7f41;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

/* Ajuste para não esconder o conteúdo abaixo */
body {
    padding-top: 60px; /* mesma altura do player */
}

/* Responsivo */
@media (max-width: 768px) {
    body {
        padding-top: 55px;
    }
    .player-fixo .radio iframe {
        height: 55px;
    }
}