/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: Ben
Version: 1.0.0
Updated: 2025-03-11 16:27:01
*/

/* Stil für die Skillbar */
.skill-bar {
    display: flex;
    justify-content: center;
    
}

.line {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.skill-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100px;  /* Feste Breite für jeden Slot */
    height: 100px; /* Feste Höhe für den Slot, je nach Bedarf anpassen */
}


/* Bild im Skill-Slot */
.skill-slot img,
.ultimate-slot img {
    width: 70px;  /* Feste Breite für alle Bilder */
    height: 70px; /* Feste Höhe für alle Bilder */
    object-fit: contain;
}





/* Button zum Ändern des Skills */
.skill-slot .change-skill {
    position: absolute;
    bottom: 10px; /* Button unten im Slot */
    left: 41px;
    transform: translateX(-50%);
    visibility: hidden; /* Standardmäßig unsichtbar */
    background: none;
    font-size: 30px;
    border: none;
    color: #fff;
    z-index: 10;
}

/* Zeige den Button beim Hover über den Skill-Slot */
.skill-slot:hover .change-skill {
    visibility: visible;
}



/* Stil für die ESO-Hub-Skillbar und den Button */
.eso-hub-skillbar .change-skill {
    background: none !important;
    position: relative !important; /* Falls es absolut ist, dann relativ zum Container */
    display: block !important; /* Falls es versteckt sein sollte */
    margin-top: 10px !important; /* Abstand nach unten */
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important; /* Falls er verdeckt wird */
}

/* Sichtbarkeit des Buttons beim Hover */
.skill-slot:hover .change-skill,
.ultimate-slot:hover .change-skill {
    visibility: visible; /* Zeige den Button beim Hover */
}