/* ============================================================================
   P13.5 plan 13.5-03 — Landing page styles (Bauhaus tokens-first).

   Verrous repo (LEARNINGS §7) :
   - 0 hex hardcode dans .ta-landing-* (verrou test_no_hex_hardcode_in_bauhaus_blocks)
   - 0 border-radius != 0 (Bauhaus no-radius lock P3)
   - Tokens reserved-for : NE PAS utiliser --bauhaus-success-green ni --bauhaus-warning-orange
     (réservés placement_status=manual et annotation "vérifier" — UI-SPEC §Color)
   - Touch targets >= 44px sur tous les CTA (verrou P10 D-UIR-01)
   ============================================================================ */

.ta-landing-container {
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    padding: var(--space-md);
    background: var(--bauhaus-blanc);
}

.ta-landing-card {
    width: 100%;
    max-width: 480px;
    padding: var(--space-xl);
    background: var(--bauhaus-blanc);
    border: 1px solid var(--bauhaus-light-grey);
    border-radius: 0; /* Bauhaus no-radius (verrou P3) */
}

.ta-landing-brand {
    text-align: center;
    margin-bottom: var(--space-lg);
}

.ta-landing-tagline {
    margin: var(--space-xs) 0 0 0;
    font-family: var(--bauhaus-font-body);
    font-size: 14px;
    font-weight: 400;
    color: var(--bauhaus-mid-grey);
}

.ta-landing-divider {
    border: none;
    border-top: 1px solid var(--bauhaus-light-grey);
    margin: var(--space-md) 0;
}

.ta-landing-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.ta-landing-select {
    min-height: 44px; /* WCAG 2.5.5 + Apple HIG (verrou P10 D-UIR-01) */
    border-radius: 0; /* Bauhaus no-radius */
    border: 1px solid var(--bauhaus-light-grey);
    background: var(--bauhaus-blanc);
    color: var(--bauhaus-noir);
    padding: 0 var(--space-md);
    font-family: var(--bauhaus-font-body);
    font-size: 14px;
}

.ta-landing-select:focus-visible {
    outline: 2px solid var(--bauhaus-vermillon);
    outline-offset: 1px;
    border-color: var(--bauhaus-vermillon);
}

.ta-landing-cta {
    min-height: 44px; /* Touch target verrou P10 D-UIR-01 */
    min-width: 44px;
    border-radius: 0; /* Bauhaus no-radius */
}

.ta-landing-cta[aria-disabled="true"],
.ta-landing-cta:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* `.ta-back-link` déplacé vers components.css (P18 UI-REVIEW BLOCKER #1) —
 * upload.html charge components.css mais PAS landing.css → fallback Bootstrap
 * btn-link vermillon (reserved-for CTA). Déplacement = composant partagé
 * cross-template, plus de duplication ni de risque de drift. */

.ta-contributor-divider {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin: var(--space-sm) 0;
    font-family: var(--bauhaus-font-body);
    font-size: 14px;
    color: var(--bauhaus-mid-grey);
    text-align: center;
}

.ta-contributor-divider::before,
.ta-contributor-divider::after {
    content: "";
    flex: 1;
    border-top: 1px solid var(--bauhaus-light-grey);
}