/* Altera a cor de fundo da barra superior */
.md-header {
  background-color: #8C2D19 !important;
}

/* Garante que as abas de navegação (tabs) também usem a mesma cor */
.md-tabs {
  background-color: #8C2D19 !important;
}

/* Esconde o título do site no menu lateral (desktop e mobile) */
.md-nav__title[for="__drawer"] {
    display: none;
}

/* Remove o espaçamento extra que fica no topo após esconder o título */
.md-nav__list > .md-nav__item--active:first-child {
    margin-top: 0;
}

/* --- ESTILO PERSONALIZADO PARA A FAQ (Question) --- */
/* --- ESTILO PARA HTML DETAILS (O que tem agora) --- */

/* --- ESTILO PARA HTML DETAILS (Versão Final sem Ícone) --- */

/* 1. A caixa exterior (o quadrado) */
.md-typeset details {
    border: 1px solid #8C2D19 !important;  /* Borda Bordeaux */
    box-shadow: none !important;           /* Remove sombras padrão */
    background-color: transparent !important;
    border-radius: 4px;                    /* Cantos arredondados */
    margin-bottom: 1em;                    /* Espaço entre perguntas */
}

/* 2. O cabeçalho (onde está a pergunta) */
.md-typeset details > summary {
    background-color: rgba(140, 45, 25, 0.1) !important; /* Fundo clarinho */
    color: #8C2D19 !important;             /* Texto Bordeaux */
    font-weight: bold;
    padding: 10px 15px !important;
    cursor: pointer;
    /* Tenta remover o marcador padrão (funciona no Firefox) */
    list-style: none !important;
}

/* 3. REMOVER O ÍCONE/MARCADOR (A parte nova e importante!) */

/* Remove o marcador padrão no Chrome, Safari e Edge */
.md-typeset details > summary::-webkit-details-marker {
    display: none !important;
}

/* Garante que nenhum ícone extra é adicionado pelo tema */
.md-typeset details > summary::before,
.md-typeset details > summary::marker {
    display: none !important;
    content: "" !important;
}

/* 4. O conteúdo da resposta (quando aberto) */
.md-typeset details[open] > summary {
    border-bottom: 1px solid rgba(140, 45, 25, 0.2) !important;
}

.md-typeset details > p {
    padding: 10px 15px !important;
    margin: 0 !important;
}