/* CSS de base - à déplacer dans guild.css */
    .guild-list-page-container {}
    .guild-list-header {
        height: 200px; /* Ou la hauteur de votre bannière */
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        text-align: center;
        margin-bottom: 30px;
        border-radius: 8px;
        position: relative;
    }
    .guild-list-header-overlay {
        background-color: rgba(0,0,0, 0.5); /* Superposition sombre pour lisibilité du titre */
        padding: 20px;
        border-radius: 6px;
    }
    .guild-list-header-default { /* Si pas de bannière image */
        background-color: #2c2c2c; height: 150px; display: flex; align-items: center; justify-content: center; border-radius: 8px; margin-bottom: 30px;
    }
    .guild-list-header h1 { margin: 0; font-size: 2.8em; text-shadow: 2px 2px 4px #000; }

    .guild-list-section { background-color: #2e2e2e; padding: 20px; border-radius: 8px; }
    .guild-count-info { text-align: right; margin-bottom: 15px; font-size: 0.9em; color: #aaa; }
    .guild-list-table { width: 100%; border-collapse: collapse; }
    .guild-list-table th, .guild-list-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid #444; }
    .guild-list-table th { background-color: #383838; color: #4CAF50; font-weight: bold; text-transform: uppercase; font-size:0.9em; }
    .guild-list-table td a { color: #79bcec; text-decoration: none; }
    .guild-list-table td a:hover { text-decoration: underline; }
    .guild-list-emblem-img { width: 32px; height: 32px; vertical-align: middle; background-color: #555; display: inline-block; text-align:center; line-height:32px; font-weight:bold; border-radius:3px;}
    .guild-list-emblem-img.no-emblem-file { color: red; }
    .guild-list-emblem-img.no-emblem-idx { color: #888; }
    .guild-button.view-profile { font-size: 0.85em; padding: 6px 10px; }

    /* Pagination (simple, basée sur Bootstrap-like) */
    .pagination-nav { margin-top: 30px; text-align: center; }
    .pagination { list-style: none; display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
    .pagination > li { display: inline; }
    .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4CAF50; text-decoration: none; background-color: #3a3a3a; border: 1px solid #444; }
    .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
    .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
    .pagination > li > a:hover, .pagination > li > span:hover, 
    .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; }
    .pagination > .active > a, .pagination > .active > span, 
    .pagination > .active > a:hover, .pagination > .active > span:hover, 
    .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #4CAF50; border-color: #4CAF50; }
    .pagination > .disabled > span, .pagination > .disabled > span:hover, 
    .pagination > .disabled > span:focus, .pagination > .disabled > a, 
    .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #333; border-color: #444; }


/* Dans guild.css ou votre CSS principal */
.guild-button { /* Style de base pour tous les boutons de guilde */
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #555;
    border-radius: 4px;
    background-color: #4a4a4a;
    color: #eee;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
	text-decoration: none;
	box-shadow: 0 0px 5px rgba(0,0,0,0.5); /* Ombre pour le détacher */
}
.guild-button:hover {
    background-color: #5a5a5a;
    border-color: #777;
    color: #fff;
	text-decoration: none;
}
.guild-button .material-symbols-outlined { /* Si vous utilisez des icônes dans les boutons */
    vertical-align: middle;
    margin-right: 5px;
    font-size: 1.1em;
}
main a.guild-button.view-profile{ /* Cible spécifiquement les liens avec cette classe dans main */
    color: #ffffff;                  /* Couleur de texte par défaut */
}

/* Style spécifique pour le bouton "Voir Profil" dans la liste */
.guild-button.view-profile {
    background-color: #27ae60; /*  */
    text-shadow: 0 0 10px rgba(0,0,0,0.2); 
    /* 0 0 : pas de décalage horizontal ou vertical
       5px : rayon du flou (ajustez pour plus ou moins de "glow")
       rgba(0,0,0,0.9) : couleur de l'ombre (noir très opaque ici) */
    font-size: 0.9em; /* Peut-être un peu plus petit dans le tableau */
	border: 1px solid rgba(46,204,113,1.0);
}
.guild-button.view-profile:hover {
    background-color: #2ecc71;
	text-decoration: none;
	border: 1px solid rgba(255,255,255,0.5);
    text-shadow: 0 0 10px rgba(0,0,0,0.2); 
    /* 0 0 : pas de décalage horizontal ou vertical
       5px : rayon du flou (ajustez pour plus ou moins de "glow")
       rgba(0,0,0,0.9) : couleur de l'ombre (noir très opaque ici) */
}