/* Header escuro customizado */
.md-header {
    background-color: #1a1d24 !important;
    color: rgba(255, 255, 255, 0.87) !important;
}

/* Ocultar o título do site, mostrar apenas o logo */
.md-header__title {
    display: none;
}

/* Aumentar o tamanho do logo */
.md-header__button.md-logo {
    padding: 0.2rem;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    height: 3rem !important;
    width: auto !important;
    max-width: none !important;
    display: block;
}

/* Ajustar espaçamento do header */
.md-header__inner {
    padding: 0.2rem 0.4rem;
}

/* Garantir que o search também fique com tema escuro no header */
.md-search__input {
    background-color: rgba(0, 0, 0, 0.26);
    color: rgba(255, 255, 255, 0.87);
}

.md-search__input::placeholder {
    color: rgba(255, 255, 255, 0.54);
}

/* Ajustar cor dos ícones no header */
.md-header__button {
    color: rgba(255, 255, 255, 0.87);
}

/* Tabs do header também escuras */
.md-tabs {
    background-color: #1a1d24 !important;
}

/* Links da navegação no header */
.md-tabs__link {
    color: rgba(255, 255, 255, 0.7);
}

.md-tabs__link--active,
.md-tabs__link:hover {
    color: rgba(255, 255, 255, 1);
}
