/* ==========================================================================
   Quatro1 - camada 3: as regioes do site
   Carregar POR ULTIMO: bootstrap -> base.css -> components.css -> site.css.

   Um bloco por regiao, na ordem em que aparecem na pagina. A marcacao do
   header e do rodape esta em templates/partials/; a das secoes, em
   templates/<app>/sections/.
   ========================================================================== */

/* --- Header (navbar) ------------------------------------------------------ */

nav .navbar-brand img {
    max-height: var(--q1-altura-logo);
}

.navbar-dark, .navbar {
    --bs-navbar-color: var(--q1-branco);
    --bs-navbar-hover-color: var(--q1-laranja);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: var(--q1-branco);
    --bs-navbar-brand-color: var(--q1-branco);
    --bs-navbar-brand-hover-color: var(--q1-branco);
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--q1-laranja);
}

.navbar {
    --bs-navbar-nav-link-padding-x: 1rem;
}

/* --- Banner do topo das paginas internas ---------------------------------- */
/* components/_banner_topo.html. Atencao: .carousel-item e classe do
   Bootstrap, entao a altura fixa vale para TODO carrossel do Bootstrap no
   site - hoje so existe este. */

.carousel-item {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (min-width: 992px) {
    .carousel-item {
        height: 600px;
    }
}

/* --- Banner da home (desativado) ------------------------------------------ */
/* So usado por website/sections/_banner_home.html, que nenhuma pagina inclui
   hoje. Fica para quando o carrossel da home voltar (Q1-04). */

@media (max-width: 992px) {
    .master_d_xs_none {
        display: none !important;
    }
}

/* --- Rodape --------------------------------------------------------------- */

footer {
    border: 1px solid var(--q1-laranja);
}

footer img {
    max-height: var(--q1-altura-logo);
}

footer a:hover {
    color: var(--q1-laranja) !important;
}