/* ============================================================
   FICHIER : assets/css/pages/verifica-pratica.css
   Styles de la page verifica-pratica.php
   ============================================================ */

.tracking-search-section { padding: 150px 0 100px; background: linear-gradient(135deg, var(--ocean-deepest), var(--ocean-navy) 60%, var(--ocean-mid)); min-height: 70vh; display: flex; align-items: center; }
.tracking-search-card { max-width: 560px; margin: 0 auto; background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-strong); padding: 50px 42px; text-align: center; }
.tracking-search-icon {
    width: 74px; height: 74px; border-radius: 50%; margin: 0 auto 22px;
    background: linear-gradient(135deg, var(--ocean-teal), var(--ocean-navy)); color: var(--white);
    display: flex; align-items: center; justify-content: center; font-size: 1.8rem;
}
.tracking-search-card h1 { font-size: 1.7rem; margin-bottom: 14px; }
.tracking-search-card p { color: var(--text-muted); margin-bottom: 30px; }

.tracking-search-form { display: flex; gap: 12px; flex-wrap: wrap; }
.tracking-input-wrap { flex: 1; min-width: 220px; display: flex; align-items: center; gap: 12px; background: var(--bg-light); border-radius: 50px; padding: 4px 6px 4px 22px; border: 2px solid transparent; transition: var(--transition-base); }
.tracking-input-wrap:focus-within { border-color: var(--ocean-teal); background: var(--white); }
.tracking-input-wrap i { color: var(--text-muted); }
.tracking-input-wrap input { flex: 1; border: none; background: transparent; padding: 14px 0; font-family: var(--font-body); font-weight: 600; letter-spacing: .5px; }
.tracking-input-wrap input:focus { outline: none; }
.tracking-search-form button {
    display: flex; align-items: center; gap: 8px; border: none; padding: 14px 26px; border-radius: 50px;
    background: linear-gradient(135deg, var(--accent-coral), var(--accent-gold)); color: var(--white); font-weight: 600;
}
.tracking-search-form button:hover { filter: brightness(1.05); transform: translateY(-2px); }

.tracking-help { margin-top: 24px; font-size: .85rem; color: var(--text-muted); }
.tracking-help a { color: var(--ocean-teal); font-weight: 600; }

@media (max-width: 576px) {
    .tracking-search-card { padding: 36px 24px; }
    .tracking-search-form { flex-direction: column; }
    .tracking-search-form button { justify-content: center; }
}