/** 256BIP:deps — gerado por deps_annotate.py; não editar manualmente
 * used-by: frontend/layout/header.php
 * uses: (nenhum detectado)
 */

.sidebar-store-icons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    /* margin-top:auto + o footer (também margin-top:auto) dividem o vão → badges no meio. */
    margin: auto 8px 8px;
    padding: 0;
}

/* Badges retangulares (Google Play / App Store) — imagem inteira, sem caixa. */
.sidebar-store-btn {
    display: block;
    width: 100%;
    max-width: 168px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    line-height: 0;
    border-radius: 8px;
    opacity: 0.6;
    transition: transform var(--duration) ease, opacity var(--duration) ease;
}

.sidebar-store-btn img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.sidebar-store-btn:hover,
.sidebar-store-btn:focus-visible {
    transform: translateY(-1px);
    opacity: 1;
    outline: none;
}

/* Tema claro: badge escuro precisa ficar nítido — a opacidade baixa (boa no escuro) lava
   os badges no fundo claro. */
[data-theme="light"] .sidebar-store-btn {
    opacity: 0.9;
}

.sidebar-store-btn:focus-visible {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent);
}

@media (max-width: 1280px) {
    .sidebar-store-icons {
        gap: 3px;
        margin-bottom: 10px;
    }

    .sidebar-store-btn {
        max-width: 132px;
    }
}