/*
===================================================================
Navbar
===================================================================
*/

/* container da busca */
.btn-search-header {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    color: var(--cor-primaria);
    font-size: 1.4rem;
    cursor: pointer;
    padding: 5px 10px;
}

#searchHeaderBox {
    position: absolute;
    right: 0;
    top: 5rem;
    margin-top: 10px;
    width: 300px;
    display: none;
    z-index: 9999;
}

.search-header-form {
    position: relative;
    width: 100%;
}

.search-header-form input {
    width: 100%;
    padding: 10px 40px 10px 12px;

    border-radius: 6px;
    border: 1px solid #ddd;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.btn-search-submit {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);

    border: none;
    background: transparent;

    font-size: 1.2rem;
    color: var(--cor-primaria);
    cursor: pointer;
}
/* ==================================================
Noticias
==================================================
/* Garante que não quebre em telas menores */
.news-search-container {
    max-width: 400px;
    margin-left: auto;
}

/* Ajusta o input e botão para ficarem compactos */
#form-busca .input-group {
    flex-wrap: nowrap;
}

/* Remove bordas extras */
#form-busca .form-control,
#form-busca .btn {
    border-radius: 0;
}

#form-busca .form-control:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

#form-busca .btn:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
/* 
===================================================================
Pagina 
===================================================================
*/

.search-item .search-header .search-tags {
    display: inline-block;
    line-height: 2rem;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--cor-secundaria);
    background-color: transparent;
    border: 1px solid var(--cor-secundaria);
    border-radius: 0.375rem;
}
