/* Logo */
.md-header__button.md-logo {
    margin: 0;
    padding: 0;
}

.md-header__button.md-logo img, .md-header__button.md-logo svg {
    height: 2.4rem;
    width: 2.4rem;
}

/* Grid de cards */
.grid.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.grid.cards > ul {
    display: contents;
}

.grid.cards > ul > li,
.grid.cards > * {
    background: var(--md-code-bg-color);
    border-radius: 0.5rem;
    padding: 1rem 1.5rem;
    border: 1px solid var(--md-default-fg-color--lightest);
    transition: all 0.2s ease;
}

.grid.cards > ul > li:hover,
.grid.cards > *:hover {
    border-color: var(--md-accent-fg-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

/* Botões primários */
.md-button--primary {
    background-color: var(--md-accent-fg-color) !important;
    border-color: var(--md-accent-fg-color) !important;
}

.md-button--primary:hover {
    background-color: var(--md-accent-fg-color--transparent) !important;
    color: var(--md-accent-fg-color) !important;
}

/* Admonitions customizadas */
.md-typeset .admonition,
.md-typeset details {
    border-radius: 0.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* Tabs melhoradas */
.md-typeset .tabbed-labels {
    border-radius: 0.5rem 0.5rem 0 0;
}

/* Tabelas */
.md-typeset table:not([class]) {
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.md-typeset table:not([class]) th {
    background: var(--md-accent-fg-color);
    color: white;
}

/* Links de navegação */
.md-nav__link {
    transition: color 0.2s ease;
}

.md-nav__link:hover {
    color: var(--md-accent-fg-color);
}

/* TOC sidebar */
.md-sidebar--secondary .md-nav__link--active {
    color: var(--md-accent-fg-color);
    font-weight: 600;
}

/* Scroll suave */
html {
    scroll-behavior: smooth;
}

/* Mobile responsivo */
@media screen and (max-width: 76.1875em) {
    .grid.cards {
        grid-template-columns: 1fr;
    }
}

/* Hero section na home */
.md-typeset h1 {
    font-weight: 700;
}

/* Checklist estilizado */
.md-typeset .task-list-item {
    list-style: none;
}

.md-typeset .task-list-item input[type="checkbox"] {
    margin-right: 0.5rem;
}