/* CSS MESTRE - REDEFINIÇÃO DO GRID E COMPORTAMENTO DA TOOLBOX */

/* Layout Padrão: Duas Colunas (remove a terceira coluna de TOC) */
.md-main__inner.md-grid {
    grid-template-columns: var(--md-main-nav-width) 1fr;
}
.md-sidebar--secondary {
    display: none !important;
}

/* A Toolbox Flutuante */
.takwara-push-sidebar {
    width: 25rem;
    position: fixed;
    top: 0; right: 0; height: 100vh;
    background-color: #1e1e1e; color: #cccccc;
    box-shadow: -5px 0px 15px rgba(0,0,0,0.5);
    z-index: 1000;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.4s ease-in-out, visibility 0.4s;
    visibility: hidden;
}
.takwara-push-sidebar.is-open {
    transform: translateX(0%);
    visibility: visible;
}
.takwara-push-sidebar .takwara-toolbox-content {
    padding: 0; /* O padding será controlado pelo container do chat */
    height: 100%;
}

/* O Botão Gatilho */
.takwara-toolbox-trigger {
    position: fixed;
    top: 12px; right: 80px;
    z-index: 1001;
    background-color: #008000; color: white; border: none;
    border-radius: 5px; padding: 8px 12px; cursor: pointer;
}

/* ================== CORREÇÃO DO EFEITO PUSH ================== */
/* Agora, o alvo são tanto o cabeçalho quanto o conteúdo principal. */
body.toolbox-is-open .md-header,
body.toolbox-is-open .md-main {
    transition: margin-right 0.4s ease-in-out;
    margin-right: 25rem;
}
/* ============================================================= */
/* Ajustes para o menu lateral - Combatendo o empacotamento */

/* Aumenta o espaço entre os itens do menu lateral */
.md-nav__item > .md-nav__link {
    padding-bottom: 10px !important; /* Adiciona um padding inferior para espaçar */
    margin-bottom: 5px !important;  /* Adiciona uma margem inferior para separar os blocos */
}

/* Ajustes específicos para itens de menu com subitens (pastas) */
.md-nav__item--section > .md-nav__link {
    font-weight: 500; /* Deixa o título da seção um pouco mais destacado */
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
}

/* Ajuste fino para garantir que o conteúdo não seja empacotado contra o título */
.md-content__inner {
    padding-top: 20px; /* Adiciona um padding superior ao conteúdo principal */
}

/* Se houver algum problema com a barra lateral de navegação em si */
.md-sidebar--secondary {
    padding-top: 10px;
}

/* ============================================== */
/* Correção para o Layout do Carrossel Splide     */
/* ============================================== */

/* Garante que a "pista" onde os slides correm está corretamente configurada */
.splide__track {
  overflow: hidden;
}

/* A regra mais importante: Força a lista de imagens a ser horizontal */
.splide__list {
  display: flex !important;
}

/* Garante que cada imagem (slide) não encolha e ocupe o seu espaço */
.splide__slide {
  flex-shrink: 0;
  width: 100%;    /* Garante que cada slide ocupe a largura do container */
  list-style-type: none !important; /* Remove os "pontos" da lista */
}

/* Garante que as imagens não fiquem maiores que o slide */
.splide__slide img {
  width: 100%;
  height: auto;
}