/* The trophy record card (templates/pocket/_record_card.html, docs/features/LANDING_DOOR.md goal 9): the species
   page's record block, the record book and the share page. */

.pocket-trophies {
    padding: 0 var(--pocket-space-lg) var(--pocket-space-lg);
}

.pocket-trophy-block {
    margin: var(--pocket-space-lg) 0;
}

.pocket-trophy-lead {
    margin: var(--pocket-space-xs) 0 var(--pocket-space-md);
    font-size: var(--pocket-font-size-sm);
    color: var(--pocket-text-secondary);
}

.pocket-trophy-card {
    margin: var(--pocket-space-md) 0;
    padding: var(--pocket-space-lg);
    background: var(--pocket-card-bg);
    border: 1px solid var(--pocket-border);
    border-radius: var(--pocket-card-radius);
    box-shadow: var(--pocket-card-shadow);
}

.pocket-trophy-card p {
    margin: var(--pocket-space-xs) 0;
    overflow-wrap: anywhere;
}

.pocket-trophy-eyebrow {
    font-size: var(--pocket-font-size-xs);
    font-weight: 600;
    color: var(--pocket-text-secondary);
}

.pocket-trophy-price {
    display: flex;
    align-items: center;
    gap: var(--pocket-space-sm);
    font-family: var(--pocket-font-numeric);
    font-variant-numeric: tabular-nums;
    font-size: var(--pocket-font-size-2xl);
    font-weight: 700;
    color: var(--pocket-text-primary);
}

.pocket-trophy-where,
.pocket-trophy-plain {
    font-size: var(--pocket-font-size-base);
    color: var(--pocket-text-primary);
}

.pocket-trophy-note,
.pocket-trophy-fine {
    font-size: var(--pocket-font-size-sm);
    color: var(--pocket-text-secondary);
}

/* Share and lot links (pocket-tap-link targets), side by side. */
.pocket-trophy-links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--pocket-space-lg);
}