/*
Theme Name: Rádio
Template: twentytwentyfive
Description: Tema das rádios da rede (baseado no Twenty Twenty-Five): topo e rodapé com as páginas da rádio, página de notícias e cores azuis com bom contraste.
Version: 1.0.0
Author: Programadores Pro
Text Domain: radio
*/

.radio-topo { background: #0d2f73; color: #fff; padding: 14px 0; }
.radio-topo a, .radio-topo .wp-block-site-title a { color: #fff; }
.radio-topo .wp-block-site-tagline { color: #dbe6ff; margin: 0; font-size: .95rem; }
.radio-topo .wp-block-navigation a { color: #fff; text-decoration: none; font-weight: 600; }
.radio-topo .wp-block-navigation a:hover, .radio-topo .wp-block-navigation a:focus { text-decoration: underline; }
.radio-topo .wp-block-navigation__responsive-container.is-menu-open { background: #0d2f73; color: #fff; }
.radio-topo-linha { padding: 0 16px; display: flex; flex-direction: column; gap: 4px; }
/* Ordem no topo: nome da rádio, player, menu. */
.radio-topo-linha > .radio-barra, .radio-topo-linha > p:has(.radio-barra) { width: 100%; }
.radio-topo nav.wp-block-navigation { padding-top: 6px; }
.radio-topo .wp-block-navigation__container { flex-wrap: wrap; gap: 6px 18px; }
.radio-rodape { background: #0d2f73; color: #fff; padding: 32px 0 100px; margin-top: 48px; }
.radio-rodape a { color: #fff; }
.radio-rodape .wp-block-site-tagline { color: #dbe6ff; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #ffb300; outline-offset: 2px; }
.wp-block-latest-posts__post-title { font-weight: 700; font-size: 1.15rem; }