/*
 * eligibility-test.css — Vitrine /{locale}/eligibility-test.
 *
 * A página pública usa o tailwind-built.css ESTÁTICO (purgado do tema WP), que
 * não contém alguns utilitários específicos desta página (a layout pública não
 * compila Tailwind on-demand). Aqui fazemos o backfill desses utilitários com
 * os valores padrão do Tailwind + as regras próprias (busca, card, barra fixa).
 * Carregado DEPOIS do tailwind-built.css, então vence em especificidade igual.
 */

/* ── Utilitários ausentes do build estático (valores padrão Tailwind) ───── */
.eligibility-test-page .border-gray-300 { border-color: #d1d5db; }
.eligibility-test-page .bg-amber-50 { background-color: #fffbeb; }
.eligibility-test-page .border-amber-100 { border-color: #fef3c7; }
.eligibility-test-page .text-amber-600 { color: #d97706; }
.eligibility-test-page .opacity-90 { opacity: 0.9; }
.eligibility-test-page .cursor-not-allowed { cursor: not-allowed; }
.eligibility-test-page .gap-1\.5 { gap: 0.375rem; }
.eligibility-test-page .h-3\.5 { height: 0.875rem; }
.eligibility-test-page .w-3\.5 { width: 0.875rem; }
.eligibility-test-page .h-\[22px\] { height: 22px; }
.eligibility-test-page .min-w-\[22px\] { min-width: 22px; }
.eligibility-test-page .left-4 { left: 1rem; }
.eligibility-test-page .right-3 { right: 0.75rem; }
.eligibility-test-page .pl-12 { padding-left: 3rem; }
.eligibility-test-page .pr-12 { padding-right: 3rem; }
.eligibility-test-page .pb-2 { padding-bottom: 0.5rem; }
.eligibility-test-page .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
.eligibility-test-page .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
.eligibility-test-page .duration-75 { transition-duration: 75ms; }

.eligibility-test-page .transition-\[border-color\,box-shadow\] {
    transition-property: border-color, box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.eligibility-test-page .transition-\[background-color\,transform\] {
    transition-property: background-color, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Estados pseudo (hover/focus/placeholder/group-hover) ausentes do build. */
.eligibility-test-page .hover\:bg-gray-800:hover { background-color: #1f2937; }
.eligibility-test-page .hover\:text-gray-600:hover { color: #4b5563; }
.eligibility-test-page .hover\:text-red-600:hover { color: #dc2626; }
.eligibility-test-page .hover\:underline:hover { text-decoration-line: underline; }
.eligibility-test-page .focus\:border-gray-950:focus { border-color: #030712; }
.eligibility-test-page .placeholder\:text-gray-400::placeholder { color: #9ca3af; }
.eligibility-test-page .group:hover .group-hover\:bg-gray-200 { background-color: #e5e7eb; }
.eligibility-test-page .group:hover .group-hover\:text-gray-800 { color: #1f2937; }

/* ── Busca de países ────────────────────────────────────────────────────── */
#country-search:focus { outline: none; }
.country-card.hidden-by-search { display: none; }

/* ── Cards ──────────────────────────────────────────────────────────────── */
.country-card { min-height: 260px; }

/* Hover do card escurece o botão "Buy Assessment" (réplica do test). */
.country-card.group:hover .js-add-to-cart:not([disabled]) {
    background-color: #030712;
    border-color: #030712;
    color: #fff;
}
.country-card.group:hover .js-add-to-cart:not([disabled]) svg {
    transform: translateX(0.25rem);
}

/* ── Barra fixa de checkout ─────────────────────────────────────────────── */
#fixed-checkout-bar { padding-bottom: env(safe-area-inset-bottom, 0); }
body.has-fixed-checkout { padding-bottom: 100px; }
.fixed-checkout-shadow { box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1); }