/* widgets/guild_benefactor_display/widget_guild_benefactor_display.css */

.widget-guild-benefactor-display {
    /* Le widget parent peut avoir son propre padding si appelé directement,
       sinon, on peut ajouter un padding ici si besoin.
       Actuellement, le PHP ajoute p-4/p-5 au conteneur .neu-box global du widget. */
}

.widget-guild-benefactor-display .benefactor-cards-container {
    /* Pas de style spécifique nécessaire ici, le space-y-4 du PHP suffit */
}

.widget-guild-benefactor-display .benefactor-card {
    background-color: rgba(20, 23, 40, 0.7); /* Fond un peu plus sombre et moins transparent que neu-box-flat */
    backdrop-filter: blur(3px); /* Flou plus léger */
    border-width: 1px; /* Garder la bordure Tailwind */
    /* L'ombre et la transition sont gérées par les classes Tailwind (neu-box, group, etc.) */
    overflow: hidden; /* Pour les effets de coin et le pseudo-élément de scanline */
}

/* Effet de "scanline" subtil sur la carte pour l'aspect technique */
.widget-guild-benefactor-display .benefactor-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        10deg,
        hsla(194, 100%, 80%, 0.08), /* Ligne très fine et très transparente */
        hsla(194, 100%, 80%, 0.08) 1px,
        transparent 1px,
        transparent 4px /* Espace plus grand entre les lignes */
    );
    opacity: 0.6;
    pointer-events: none;
    z-index: 0; /* Derrière le contenu */
    animation: subtleScanlineMoveCard 20s linear infinite alternate; /* Animation lente */
}

@keyframes subtleScanlineMoveCard {
    0% { background-position-y: 0px; }
    100% { background-position-y: 400px; } /* Décalage de 10x la taille d'un cycle */
}


/* NOUVEAU: Style pour le curseur clignotant après le nom de la guilde */
.widget-guild-benefactor-display .info-column h5 {
    /* S'assurer que le h5 peut contenir un élément inline-block correctement */
    display: flex; /* Permet d'aligner le curseur avec la baseline du texte */
    align-items: baseline; /* Aligne le curseur avec le texte */
}

.widget-guild-benefactor-display .benefactor-name-cursor::after {
    content: '▌'; /* Caractère utilisé pour le curseur */
    display: inline-block;
    /* La couleur sera héritée du parent h5 (text-yellow-300) */
    color: currentColor; /* Important pour hériter la couleur du h5 */
    margin-left: 0.3em; /* Petit espace après le nom */
    font-size: 0.85em; 
    font-weight: normal; /* Assurer que le curseur n'est pas en gras */
    line-height: 1; /* Ajuster si nécessaire pour l'alignement vertical */
    animation: terminalBlinkBenefactor 1.3s step-end infinite;

    /* Ombre optionnelle pour le curseur, pour correspondre au style TV */
    /* Adapter les couleurs si besoin. Le text-shadow sur le h5 affectera déjà un peu. */
    filter: drop-shadow(0 0 2px hsla(50, 100%, 70%, 0.6)) /* Jaune plus clair pour la lueur */
            drop-shadow(0 0 4px hsla(50, 100%, 60%, 0.4));
}

/* Keyframes pour le clignotement (peut être partagé si déjà défini globalement) */
@keyframes terminalBlinkBenefactor {
    0%, 49% {
        opacity: 1;
    }
    50%, 100% {
        opacity: 0;
    }
}

/* Ajustement pour le hover du groupe si le curseur est présent */
.widget-guild-benefactor-display .benefactor-card:hover .info-column h5 .benefactor-name-cursor::after {
    color: currentColor; /* Assure que le curseur prend la couleur hover du texte (text-yellow-200) */
    /* La lueur peut aussi être ajustée au hover si désiré */
    filter: drop-shadow(0 0 3px hsla(45, 100%, 65%, 0.7))
            drop-shadow(0 0 5px hsla(45, 100%, 55%, 0.5));
}

/* Styles pour le logo dans la carte */
.widget-guild-benefactor-display .logo-column {
    /* Les classes Tailwind gèrent déjà bien la taille et le fond. */
    /* On peut ajouter une petite lueur au survol du groupe (carte) */
    transition: box-shadow 0.3s ease-out;
}
.widget-guild-benefactor-display .benefactor-card:hover .logo-column {
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.2); /* Lueur dorée subtile */
}
.widget-guild-benefactor-display .logo-column img {
    /* max-w-full max-h-full object-contain transition-transform duration-200 group-hover:scale-105 */
    /* Les classes Tailwind gèrent bien l'image. */
    /* On peut ajouter un filtre pour un look plus "intégré" */
    /* filter: grayscale(20%) contrast(110%); */ /* Exemple de filtre */
}

/* Styles pour la colonne d'informations */
.widget-guild-benefactor-display .info-column h5 {
    /* Le PHP gère la couleur et le hover. On peut ajouter un text-shadow. */
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.widget-guild-benefactor-display .info-column p {
    /* leading-relaxed est bien. On peut ajuster la couleur si besoin. */
    color: #b0b8c5; /* Un gris un peu plus clair que gray-400 */
}

/* Style pour le titre principal du widget */
.widget-guild-benefactor-display .text-lg.font-semibold.text-white.tracking-tight {
    text-shadow: 0 1px 2px rgba(0,0,0,0.4); /* Ombre légère sur le titre */
}
.widget-guild-benefactor-display .text-lg.font-semibold.text-white.tracking-tight i {
    filter: drop-shadow(0 0 5px hsla(50, 100%, 60%, 0.7)); /* Lueur sur l'icône */
}

/* Message si aucune guilde */
.widget-guild-benefactor-display .text-center.p-3.neu-box-inset {
    background-color: rgba(26, 27, 46, 0.4); /* Un peu plus transparent */
}

/* NOUVEAU: Style pour les logos nécessitant un fond clair */
.widget-guild-benefactor-display .logo-column.logo-needs-light-bg {
    background: rgba(248, 249, 250, 0.95); /* Un blanc cassé presque opaque (comme #f8f9fa) */
    padding: 0.3rem; /* Léger padding interne pour que le logo ne colle pas au fond */
    /* L'ombre neu-box-inset est déjà appliquée, on peut la garder ou l'ajuster */
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2), 
                inset -2px -2px 4px rgba(255, 255, 255, 0.1); /* Ombre interne ajustée pour fond clair */
}

/* Assurer que l'image à l'intérieur est toujours bien visible */
.widget-guild-benefactor-display .logo-column.logo-needs-light-bg img {
    mix-blend-mode: normal; /* Annuler un éventuel mix-blend-mode si le logo est transparent */
}

/* Optionnel: ajuster le hover du logo-column si fond clair */
.widget-guild-benefactor-display .benefactor-card:hover .logo-column.logo-needs-light-bg {
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25), 
                inset -2px -2px 5px rgba(255, 255, 255, 0.15),
                0 0 10px rgba(200, 200, 220, 0.3); /* Légère lueur extérieure grise/bleutée */
}