/*
 * Utilitários usados pelo tema que ainda não estavam no output.css compilado.
 * Depois de rodar "npm run tailwind:build" (na pasta assets) o Tailwind já gera
 * essas classes; este arquivo pode continuar existindo sem problema.
 */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
}

.line-through { text-decoration-line: line-through; }
.underline { text-decoration-line: underline; }
.mt-1 { margin-top: 0.25rem; }
.w-10 { width: 2.5rem; }
.text-gray-400 { color: oklch(70.7% 0.022 261.325); }
.text-red-600 { color: oklch(57.7% 0.245 27.325); }

/* Checkbox de consentimento: não encolher no mobile */
.shrink-0 { flex-shrink: 0; }
.cursor-pointer { cursor: pointer; }
.accent-green-600 { accent-color: oklch(62.7% 0.194 149.214); }
.mt-0\.5 { margin-top: 0.125rem; }
.h-5 { height: 1.25rem; }
.w-5 { width: 1.25rem; }

/* Cores das categorias de produto (tarja no card e na página do produto) */
.bg-emerald-600 { background-color: var(--color-emerald-600, oklch(59.6% 0.145 163.225)); }
.bg-orange-600  { background-color: var(--color-orange-600, oklch(64.6% 0.222 41.116)); }
.bg-purple-600  { background-color: var(--color-purple-600, oklch(55.8% 0.288 302.321)); }
.bg-blue-600    { background-color: var(--color-blue-600, oklch(54.6% 0.245 262.881)); }
.bg-pink-600    { background-color: var(--color-pink-600, oklch(59.2% 0.249 0.584)); }

/* Formas farmacêuticas (etiquetas no card e na página do produto) e filtro do catálogo */
.gap-1 { gap: 0.25rem; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.border-teal-600 { border-color: var(--color-teal-600, oklch(60% 0.118 184.704)); }
@media (hover: hover) {
    .hover\:bg-teal-50:hover { background-color: var(--color-teal-50, oklch(98.4% 0.014 180.72)); }
}
@media (width >= 48rem) {
    .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}