/* Section Sponsors Magiques */
.partners-magic {
    padding: var(--space-8) 0;
    background: linear-gradient(to bottom, #fff, #f9f9f9);
    overflow: hidden;
    position: relative;
    /* Cursor: Magic Wand Emoji 🪄 */
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><text y="28" font-size="28">🪄</text></svg>') 0 28, auto;
}

.partners-magic .section-header {
    text-align: center;
    margin-bottom: var(--space-8);
}

.partners-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-6);
    max-width: 1000px;
    margin: 0 auto;
    padding: var(--space-4);
}

.partner-card {
    background: white;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    padding: var(--space-4);
    aspect-ratio: 3/2;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 2px solid transparent;
    overflow: hidden;
}

.partner-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    border-color: var(--color-purple-light);
}

/* État initial : caché / mystérieux */
.partner-logo {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain !important;
    /* Force le ratio */
    opacity: 0.3;
    /* Légèrement visible pour deviner qu'il y a quelque chose */
    transition: opacity 1s ease, transform 1s ease;
    transform: scale(0.8);
}

/* Backgrounds spécifiques */
.partner-card.bg-red {
    background-color: #a51f32;
    /* La Factory custom color */
}

.partner-card.bg-purple {
    background-color: #8e00ff;
    /* Okoo Koo custom color */
}

/* État révélé */
.partner-card.revealed .partner-logo {
    opacity: 1;
    /* Révélation complète */
    transform: scale(1);
}

.partner-card.revealed {
    background: white;
}

/* Garder la couleur de fond si spécifiée */
.partner-card.revealed.bg-red {
    background-color: #a51f32;
}

.partner-card.revealed.bg-purple {
    background-color: #8e00ff;
}

/* Couche de "poussière magique" (optionnel, pour l'instant on fait simple avec l'opacité) */
.partner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(106, 27, 154, 0.1) 0%, rgba(106, 27, 154, 0) 70%);
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.5s;
    /* BLUR EFFECT ON THE WHOLE CARD */
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.partner-card.revealed .partner-overlay {
    opacity: 0;
}

/* Animations de particules */
.magic-particle {
    position: absolute;
    pointer-events: none;
    background: radial-gradient(circle, #ffd700, transparent);
    border-radius: 50%;
    animation: sparkle 1s forwards;
    z-index: 100;
}

@keyframes sparkle {
    0% {
        transform: translate(0, 0) scale(0);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translate(var(--tx), var(--ty)) scale(0);
        opacity: 0;
    }
}