/* Black Tap · legibilidad, foco y tamaño de toque (revisión Web Interface Guidelines) */

/* Texto gris claro: contraste mínimo 4.5:1 sobre fondo crema y blanco */
:root:not([data-tema=oscuro]){--tenue:108 101 88;--ambar-texto:138 90 0;--fuego:168 52 14;--listo-texto:22 101 68}
:root[data-tema=oscuro]{color-scheme:dark}
:root:not([data-tema=oscuro]){color-scheme:light}

/* Títulos y selector en dorado: en modo claro se usa el dorado oscuro legible */
:root:not([data-tema=oscuro]) .text-ambar{color:rgb(var(--ambar-texto))}
:root:not([data-tema=oscuro]) select.font-titulo{color:rgb(var(--crema));background-color:rgb(var(--elevado))}
select{background-color:rgb(var(--elevado,240 235 224));color:rgb(var(--crema,20 19 17))}

/* Letra mínima 12 px */
.text-\[10px\],.text-\[11px\]{font-size:12px!important;line-height:1rem}
.text-xs{font-size:max(12px,.75rem)!important;line-height:1.35}

/* Foco visible con teclado */
:focus-visible{outline:3px solid rgb(var(--ambar,250 179 12));outline-offset:2px;border-radius:6px}

/* Tablet: sin demora de doble toque y sin destello gris */
html{-webkit-tap-highlight-color:transparent}
button,a,select,input,textarea,label,[role=button]{touch-action:manipulation}

/* Ventanas emergentes: el scroll no se pasa a la página de atrás */
[role=dialog],[aria-modal=true]{overscroll-behavior:contain}

/* Tamaño de toque mínimo 44 px en pantallas táctiles */
@media (pointer:coarse){
  button,select,[role=tab],[role=button],a[aria-label]{min-height:44px}
  button:not(.w-full):not(.block),a[aria-label]{min-width:44px}
  /* Lista compacta del cobro: se mantiene como estaba */
  .bt-cobro-ancho .bt-sec ul>li button{min-height:2rem!important;min-width:2rem!important}
}

/* Menos movimiento para quien lo pide en el sistema */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Casillas: área de toque más grande */
input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:rgb(var(--ambar-texto,138 90 0))}