/*
 * Botões de carrinho do header/nav (par cheio ↔ vazio).
 *
 * O botão "cheio" (ícone + contador + total) e o "vazio" ("Escolha um país")
 * alternam por estado, mas têm conteúdo de larguras diferentes. Sem caixa fixa,
 * a nav "salta" ao trocar de estado (ex.: ao voltar do checkout para a home, ou
 * durante a hidratação do carrinho). Aqui travamos largura e altura idênticas
 * para os dois estados em cada variante, eliminando o reflow.
 *
 * As classes-âncora (js-cart-toggle-btn / --lg / --sm) vêm de
 * resources/views/public/chrome/cart-button.blade.php. CSP-safe: stylesheet
 * externo, sem inline. Enfileirado globalmente em ThemeAssets::styles().
 */
.js-cart-toggle-btn {
    box-sizing: border-box;
    justify-content: center;
    /* Não deixa o total longo empurrar a caixa além do par. */
    overflow: hidden;
    white-space: nowrap;
}

/* Variante desktop ($big) — nav principal, mega-menu, drawer. */
.js-cart-toggle-btn--lg {
    width: 11.75rem;
    height: 2.75rem;
}

/* Variante compacta (mobile/condensada). */
.js-cart-toggle-btn--sm {
    width: 9.75rem;
    height: 2.5rem;
}