/* header.css — estilos adicionais de header/nav */

/* Nav ativo atual */
.ppnv2-nav__item.current-menu-ancestor > .ppnv2-nav__link {
    color: var(--clr-white);
    border-bottom-color: rgba(217,28,23,.6);
}

/* Indicador de loading para busca */
.ppnv2-search-form.is-searching .ppnv2-search-form button::after {
    content: '';
    display: block;
    width: 14px; height: 14px;
    border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin .6s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* Breaking news scrolling text */
.ppnv2-nav__breaking-text {
    color: rgba(255,255,255,.8);
    font-size: var(--text-xs);
    font-weight: var(--fw-medium);
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    transition: color var(--dur-fast);
}
.ppnv2-nav__breaking-text:hover { color: var(--clr-white); }

/* Custom logo ajuste */
.ppnv2-header__brand .custom-logo-link {
    display: flex;
    align-items: center;
}
.ppnv2-header__brand .custom-logo {
    height: 48px;
    width: auto;
    max-width: 220px;
}

/* Hamburger animation */
.ppnv2-hamburger {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--clr-indigo);
    padding: .375rem;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    transition: background var(--dur-fast);
}
.ppnv2-hamburger:hover { background: var(--clr-indigo-subtle); }

.ppnv2-search-toggle-mobile {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--clr-indigo);
    padding: .375rem;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    transition: background var(--dur-fast);
}
.ppnv2-search-toggle-mobile:hover { background: var(--clr-indigo-subtle); }

@media (max-width: 768px) {
    .ppnv2-header__mobile-actions { display: flex; }
    .ppnv2-header__actions,
    .ppnv2-header__search { display: none; }
    .ppnv2-header__inner {
        grid-template-columns: 1fr auto;
    }
}