/* assets/pages/rtype.css — recherche par plaque / réception par type (modules/dropdown/dropd_rtype.php, assets/pages/rtype.js) */

/* drapeau : valeurs de l'ancien style en ligne (.hw-32-swf de rupteur.css le met en absolu, 32 px !important) */
.rt24-drapeau { position: absolute; left: 10px; top: 40%; transform: translateY(-50%); z-index: 20; pointer-events: auto; }
.rt24-drapeau img.hw-32-swf { position: relative; display: block; z-index: 20; padding: 2px; }
#rtype24 { position: relative; z-index: 5; width: 100%; padding-left: 20px !important; padding-right: 50px !important; border: none; background-color: #fff; font-size: 1rem !important; letter-spacing: .03em; }
.rt24-go { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 15; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; }

/* recherche en cours : balayage sur le champ */
.rt24-zone.is-recherche #rtype24 {
  background-image: linear-gradient(100deg, transparent 25%, rgba(241, 40, 59, .12) 50%, transparent 75%);
  background-size: 200% 100%;
  animation: rt24-balayage 1s linear infinite;
}
.rt24-zone.is-recherche .rt24-go { opacity: .6; pointer-events: none; }
@keyframes rt24-balayage { from { background-position: 150% 0; } to { background-position: -50% 0; } }

/* rien trouvé : le champ se secoue, le message s'affiche dessous */
.rt24-secoue { animation: rt24-secoue .4s ease; }
@keyframes rt24-secoue { 20%, 60% { transform: translateX(-6px); } 40%, 80% { transform: translateX(6px); } }
.rt24-msg { margin: 8px 8px 0; color: var(--color-red); font-size: .9rem; line-height: 1.35; }
.rt24-msg:empty { display: none; }

/* plusieurs véhicules : le choix remplace le champ */
.rt24-zone.is-choix #rt24form { display: none; }
.rt24-choix-tete { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
.rt24-retour { display: grid; place-items: center; flex: none; width: 36px; height: 36px; padding: 0; border: 1px solid rgba(15, 23, 42, .12); border-radius: 50%; background: #fff; color: var(--color-ink); cursor: pointer; }
.rt24-retour:hover { border-color: rgba(15, 23, 42, .3); }
.rt24-retour svg { width: 16px; height: 16px; fill: currentColor; }
.rt24-choix-titre { color: var(--color-ink); font-size: .95rem; font-weight: 700; line-height: 1.3; }
.rt24-liste { display: grid; gap: 8px; }
.rt24-veh { display: flex; align-items: center; gap: 12px; padding: 8px 12px 8px 8px; border: 1px solid rgba(15, 23, 42, .08); border-radius: 12px; background: #fff; color: var(--color-ink); animation: rt24-entree .25s ease both; animation-delay: calc(var(--i, 0) * 50ms); }
.rt24-veh:hover, .rt24-veh:focus-visible { border-color: rgba(15, 23, 42, .3); color: var(--color-ink); }
.rt24-veh-img { flex: none; width: 88px; height: 52px; object-fit: contain; mix-blend-mode: multiply; }
.rt24-veh-txt { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.rt24-veh-nom { font-weight: 700; line-height: 1.25; }
.rt24-veh-sous { color: #64748b; font-size: .85rem; }
.rt24-veh-go { flex: none; width: 14px; height: 14px; fill: #94a3b8; }
@keyframes rt24-entree { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* grand formulaire centré : accueil de la recherche /<lang>/targa (includes/targa.php) */
.rt24-accueil { display: flex; flex-direction: column; justify-content: center; min-height: 62vh; padding: 32px 16px; }
.rt24-zone.rt24-grand { width: 100%; max-width: 680px; margin: 0 auto; }
.rt24-titre { margin: 0 0 22px; color: var(--color-ink); font-family: var(--font-bold); font-size: clamp(1.7rem, 4vw, 2.6rem); font-weight: normal; line-height: 1.1; text-align: center; }
.rt24-grand #rtype24 { height: 68px; padding-left: 64px !important; padding-right: 72px !important; border-radius: 16px; font-size: 1.45rem !important; }
.rt24-grand .rt24-drapeau { left: 14px; top: 50%; }
.rt24-grand .rt24-drapeau img.hw-32-swf { margin: 0; }
.rt24-grand .rt24-go { right: 8px; }
.rt24-grand .rt24-go .button { padding: 14px 18px; font-size: 1.1rem; }
.rt24-grand .rt24-msg { text-align: center; }
.rt24-msg-page { max-width: 680px; margin: 0 auto 14px; text-align: center; }
@media (max-width: 600px) {
  .rt24-accueil { min-height: 50vh; }
  .rt24-grand #rtype24 { height: 58px; padding-left: 54px !important; padding-right: 60px !important; font-size: 1.1rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  .rt24-zone.is-recherche #rtype24, .rt24-secoue, .rt24-veh { animation: none; }
  .rt24-zone.is-recherche #rtype24 { background-color: #fdf2f3; }
}