/* V019 — Mobile Quick Wins — UX global */

/* Focus visible global */
:focus-visible { outline: 3px solid #063f91 !important; outline-offset: 2px !important; }

/* Touch targets mínimos — botões primários */
.ast-button, button[type=submit], .v019-btn, .v019x-btn, .entry-content button,
.wp-block-button__link { min-height: 48px !important; }

/* Labels mobile — login page */
.page-id-3579 .v019m-label, .page-id-3579 label {
  font-size: 13px !important;
  color: rgba(255,255,255,1) !important;
}

/* Botão "Carregar mais" vagas — cor primária */
.v019-load-more, #v019-load-more {
  background: #004AAD !important;
  color: #fff !important;
  min-height: 48px !important;
}

/* Busca vagas — type=search visual */
input[type=search]::-webkit-search-cancel-button { display: block; }

/* Grid vagas — 1 coluna mobile */
@media (max-width: 600px) {
  .v019-grid, .vagas-grid, #v019-vagas-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ITEM 11 — Contraste WCAG AA: inputs text color */
/* Input text: rgb(195,196,199) em branco = ratio 1.74 FALHA → corrigir para #404040 (ratio 9.7) */
input[type=text], input[type=email], input[type=password],
input[type=tel], input[type=date], input[type=search],
textarea, select {
  color: #404040 !important;
}
/* Placeholder: deve ser visível mas não confundir com texto real */
input::placeholder, textarea::placeholder {
  color: #767676 !important; /* ratio 4.54:1 — mínimo WCAG AA */
  opacity: 1 !important;
}
/* Botão secundário — verificar que texto é legível */
.v019-btn-secondary, .wp-block-button.is-style-outline .wp-block-button__link {
  color: #1a1a1a !important;
}