/* Oculta o preço resumido (ex: $23 / $37) quando o item tem multi-preço detalhado */
.restorator-menu-item:has(.multi-price) .restorator-menu-item__price {
    display: none;
}

/* ── WCAG C-01: Restaura indicador de foco removido pelo tema ─────────────
   O tema Cristiano tem :focus { outline: none } globalmente, tornando a
   navegação por teclado invisível. :focus-visible só afeta usuários de
   teclado — mouse/touch não veem mudança.                                  */
*:focus-visible {
    outline: 2px solid #f5a623 !important;
    outline-offset: 2px !important;
    border-radius: 2px;
}

/* ── WCAG 1.4.3 (AA): contraste de texto dourado/laranja sobre branco ──────
   Os tons originais falhavam sobre fundo branco:
     .subtitle               #d9962f  = 2.51:1
     preços (.._price etc.)  #d1a054  = 2.37:1
   Escurecidos mantendo o hue de marca (~36°) para atingir ≥ 4.5:1.
   A cor vem de stylesheet (não é inline), então !important sobrepõe o
   tema/plugin e cobre também os preços renderizados dinamicamente.        */
/* especificidade .heading p.subtitle (0,2,1) supera a regra do tema
   .heading .subtitle (0,2,0) !important definida no <style> da página */
.heading p.subtitle,
.heading .subtitle {
    color: #9c6410 !important; /* era #d9962f → ~4.95:1 sobre #fff */
}
.restorator-menu-item__price,
.restorator-menu-item__price .currency,
.multi-price__price,
.multi-price__price .currency {
    color: #8a6a1e !important; /* era #d1a054 → ~5.0:1 sobre #fff */
}
/* Rótulos Small/Medium/Large: preto para máximo contraste e
   distinção do preço dourado (flagged pelo Lighthouse). */
.multi-price__label,
.multi-price__label_loop {
    color: #000 !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}

/* ── WCAG 2.5.8 (AA): alvo de toque dos bullets da paginação ──────────────
   Os bullets do carrossel eram 10×10px (alvo de toque muito pequeno).
   Ampliados para um alvo de 24×24px com o ponto visível ~14px, via padding
   + background-clip: content-box (não infla o layout). A sombra interna sai
   e o tom do inativo é reforçado para manter a visibilidade do ponto.       */
.slider-pagination {
    gap: 2px !important;
}
.slider-pagination .bullet {
    width: 24px !important;
    height: 24px !important;
    padding: 5px !important;
    box-sizing: border-box !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
    background-clip: content-box !important;
    box-shadow: none !important;
}
.slider-pagination .bullet.active,
.slider-pagination .active {
    background-color: var(--clr-main-ac) !important;
    background-clip: content-box !important;
}