/*
 * ComercialHost WHMCS | correções de foco/idiomas V8 | 27/10/2026.
 * Somente área do cliente. Arquivos de estilos originais NÃO modificados.
 * Clique com mouse/toque: sem outline nativo do navegador.
 * Tabulação por teclado: indicador de foco acessível e na cor da marca.
 */

/* Todos os controles interativos visíveis: anéis automáticos (auto 5px) nunca são exibidos após clique do mouse. */
html body :is(a,button,input,select,textarea,summary,[role="button"],[tabindex],.btn,.list-group-item,.pagination li>a,.dropdown-menu li>a):focus:not(:focus-visible),
html body :is(a,button,input,select,textarea,summary,[role="button"],[tabindex],.btn,.list-group-item,.pagination li>a,.dropdown-menu li>a):active:not(:focus-visible){
 outline:none!important;
 outline-width:0!important;
 outline-offset:0!important;
 box-shadow:none!important;
 -webkit-tap-highlight-color:transparent!important;
}

/* Bootstrap e temas com seletores específicos de .focus/:active:focus. */
html body .btn.focus:not(:focus-visible),
html body .btn:active:not(:focus-visible),
html body .sidebar .list-group a.list-group-item:focus:not(:focus-visible),
html body .sidebar .list-group a.list-group-item:active:not(:focus-visible),
html body #main-menu a:focus:not(:focus-visible),
html body #header a:focus:not(:focus-visible),
html body #order-standard_cart a:focus:not(:focus-visible),
html body #order-standard_cart button:focus:not(:focus-visible){
 outline:0!important;box-shadow:none!important;
}

/* Teclado e leitores: indicação substituta coerente com o azul da ComercialHost. */
html body :is(a,button,input,select,textarea,summary,[role="button"],[tabindex],.btn,.list-group-item):focus-visible{
 outline:2px solid #368af5!important;
 outline-offset:2px!important;
 box-shadow:none!important;
}
html body :is(input,select,textarea,.form-control):focus-visible {
 border-color:#368af5!important;
 outline:2px solid #368af5!important;
 outline-offset:0!important;
 box-shadow:0 0 0 2px rgba(54,138,245,.18)!important;
}
html body .popover :is(a,button):focus-visible,
html body .dropdown-menu :is(a,button):focus-visible{
 outline:2px solid #53a0ff!important;outline-offset:-2px!important;
 border-radius:5px!important;
}

/* Sidebar: substituir ícone circular ultrapassado por losango discreto e consistente. */
html body .sidebar .list-group .list-group-item :is(i.fa-circle-o,i.fa-circle-thin,i.fa-dot-circle-o,i.fa-circle){
 display:inline-flex!important;
 align-items:center!important;justify-content:center!important;
 width:13px!important;height:13px!important;
 margin-right:5px!important;vertical-align:middle!important;
 font-size:0!important;line-height:1!important;
}
html body .sidebar .list-group .list-group-item :is(i.fa-circle-o,i.fa-circle-thin,i.fa-dot-circle-o,i.fa-circle)::before{
 content:""!important;display:block!important;width:8px!important;height:8px!important;
 border:1.5px solid #7c98bd!important;background:transparent!important;
 border-radius:2px!important;transform:rotate(45deg)!important;
}
html body .sidebar .list-group a.list-group-item.active :is(i.fa-circle-o,i.fa-circle-thin,i.fa-dot-circle-o,i.fa-circle)::before{
 background:#4b96f8!important;border-color:#4b96f8!important;
}
html body .sidebar .list-group a.list-group-item:hover :is(i.fa-circle-o,i.fa-circle-thin,i.fa-dot-circle-o,i.fa-circle)::before{
 border-color:#b9d6ff!important;
}

/* Idiomas: menu compacto, três colunas consistentes, nomes completos em uma linha. */
html body .popover.language-popover{
 width:min(590px,calc(100vw - 24px))!important;max-width:590px!important;
 min-width:0!important;border-radius:10px!important;box-sizing:border-box!important;
}
html body .popover.language-popover .popover-content {
 padding:12px 14px!important;
}
html body .popover.language-popover .popover-content ul {
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:repeat(var(--ch8-lang-rows,9),minmax(26px,max-content))!important;
 grid-auto-flow:column!important;align-items:start!important;
 gap:1px 10px!important;margin:0!important;padding:0!important;
}
html body .popover.language-popover .popover-content li{min-width:0!important;margin:0!important;padding:0!important}
html body .popover.language-popover .popover-content li>a{
 display:block!important;width:100%!important;min-width:0!important;
 white-space:nowrap!important;
 overflow:hidden!important;text-overflow:ellipsis!important;
 font-size:13px!important;line-height:1.4!important;font-weight:400!important;
 padding:5px 8px!important;box-sizing:border-box!important;
}
html body .popover.language-popover .popover-content li.ch8-lang-priority>a{
 color:#f4f7ff!important;font-weight:600!important;
}
@media(max-width:680px){
 html body .popover.language-popover{width:min(400px,calc(100vw - 18px))!important;max-width:400px!important}
 html body .popover.language-popover .popover-content{padding:10px!important}
 html body .popover.language-popover .popover-content ul{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(var(--ch8-lang-rows-mobile,13),minmax(26px,max-content))!important;
  gap:1px 4px!important;
 }
 html body .popover.language-popover .popover-content li>a{
  font-size:12px!important;padding:6px!important;white-space:nowrap!important;
 }
}

/* Teclado: reforço de especificidade frente às regras antigas do checkout/bootstrap. */
html body #order-standard_cart :is(a,button,input,select,textarea,summary,[role="button"],.btn):focus-visible,
html body #main-body :is(a,button,input,select,textarea,summary,[role="button"],.btn,.list-group-item):focus-visible,
html body #main-menu :is(a,button,[role="button"]):focus-visible,
html body #header :is(a,button,[role="button"]):focus-visible {outline:2px solid #368af5!important;outline-offset:2px!important;box-shadow:none!important;}