/* ================================
   AGENCE FICTIVE (DieppeSpace)
   ================================
   Tout ce qui relève de la fiction doit être reconnaissable
   au premier coup d'œil : badge, marqueur, fiche, tampon, comparateur. */

:root {
    --fiction-color: #c4b5fd;
    --fiction-bg: rgba(108, 92, 231, 0.18);
}

/* Badge « 🛸 Agence fictive » */
.fiction-badge {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border: 1px dashed var(--fiction-color);
    border-radius: 999px;
    background: var(--fiction-bg);
    color: var(--fiction-color);
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

/* Marqueur de carte : contour pointillé et reflet « holographique » */
.marker-pin.marker-pin--fictional {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.35), transparent 60%),
        var(--agency-color, var(--accent-blue));
    border: 2px dashed rgba(255, 255, 255, 0.9);
    animation: markerPulse 2s ease-in-out infinite, hologram 3s ease-in-out infinite;
}

@keyframes hologram {
    0%, 100% {
        filter: hue-rotate(0deg) brightness(1);
    }
    50% {
        filter: hue-rotate(40deg) brightness(1.2);
    }
}

.marker-pin--fictional .marker-label {
    border: 1px dashed var(--fiction-color);
}

/* En-tête de fiche */
.agency-header .fiction-badge {
    margin-bottom: var(--spacing-xs);
}

/* Encadré explicatif de la fiche */
.agency-fiction-note {
    margin-bottom: var(--spacing-md);
    padding: var(--spacing-sm) var(--spacing-md);
    border: 2px dashed var(--fiction-color);
    border-radius: var(--radius-md);
    background: var(--fiction-bg);
    color: var(--text-primary);
}

.agency-fiction-note p {
    margin-bottom: var(--spacing-xs);
}

.agency-fiction-note a {
    color: var(--fiction-color);
    font-weight: 600;
}

/* Tampon du passeport */
.stamp-card--fictional {
    border-style: dashed;
}

.stamp-card .fiction-badge {
    margin-top: var(--spacing-xs);
    font-size: 0.7rem;
}

/* Comparateur */
.compare-card--fictional {
    border-style: dashed;
    border-color: var(--fiction-color);
}

.compare-card .fiction-badge {
    margin-bottom: var(--spacing-sm);
}

.compare-fiction-note {
    padding: var(--spacing-sm) var(--spacing-md);
    border: 2px dashed var(--fiction-color);
    border-radius: var(--radius-md);
    background: var(--fiction-bg);
    color: var(--text-primary);
    text-align: center;
}

@media (prefers-reduced-motion: reduce) {
    .marker-pin.marker-pin--fictional {
        animation: none;
    }
}