/* Inventory card extras (Inventory\CardExtras). Colours follow Snippet 18's cards. */

/* Band under "Aircraft for sale" */
.hpa-inv .hpa-x-band { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 24px; margin: -4px 0 16px; }
.hpa-inv .hpa-x-band p { margin: 0; padding: 0; }
.hpa-inv .hpa-x-where { color: #62708a; font-size: 14px; }
.hpa-inv .hpa-x-links { display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: 14px; }
.hpa-inv .hpa-x-links a { color: #16213e; text-decoration: none; }
.hpa-inv .hpa-x-links a b { color: #0a8e94; font-weight: 600; }
.hpa-inv .hpa-x-links a b::after { content: " \2192"; }
.hpa-inv .hpa-x-links a:hover b, .hpa-inv .hpa-x-links a:focus-visible b { text-decoration: underline; }

/* Photo: status flag opposite the FOR SALE badge, media pills along the bottom */
/* Top right, so it never depends on the badge width; same size rules as the badge, so the heights match. */
.hpa-inv .hpa-x-flag { position: absolute; top: 11px; right: 11px; z-index: 2; font-family: "Open Sans", Arial, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; padding: 4px 10px; border-radius: 5px; color: #fff; }
.hpa-inv .hpa-x-flag--new { background: #16213e; }
.hpa-inv .hpa-x-flag--pending { background: #b45f06; }
.hpa-inv .hpa-x-media { position: absolute; left: 11px; bottom: 11px; z-index: 2; display: flex; flex-wrap: wrap; gap: 5px; pointer-events: none; }
.hpa-inv .hpa-x-media span { font: 600 11px/1 "Open Sans", Arial, sans-serif; color: #fff; background: rgba(12, 22, 44, .72); padding: 5px 8px; border-radius: 4px; backdrop-filter: blur(2px); }

/* Body: selling line and tags between the specs line and the price */
.hpa-inv .hpa-x-tag { margin: 0; padding: 0; color: #3d4a63; font-size: 13.5px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hpa-inv .hpa-x-chips { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; list-style: none; }
.hpa-inv .hpa-x-chips li { margin: 0; padding: 3px 8px; font-size: 12px; font-weight: 600; color: #0a6f74; background: #e8f6f6; border-radius: 999px; line-height: 1.4; }
/* Keep prices on one line across a row once some cards carry more text. */
.hpa-inv .hpa-grid:not(.hpa-mini) .hpa-ft { margin-top: auto; }

/* Hover to turn: the frame sits over the photo while the pointer is on the card */
.hpa-inv .hpa-ph .hpa-x-frame { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; display: none; }
.hpa-inv .hpa-ph.is-turning .hpa-x-frame { display: block; }
.hpa-inv .hpa-ph[data-hpa-spin] .hpa-x-media span:first-child::after { content: " \2194"; }

@media (max-width: 520px) {
  .hpa-inv .hpa-x-band { margin-top: 0; }
  .hpa-inv .hpa-x-links { flex-direction: column; }
}