/* Button Styling */
.btn {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    /* Icons von Großschreibung ausnehmen */
    .btn i,
    .btn .fa,
    .btn .fas,
    .btn .far,
    .btn .fab,
    .btn .fa-solid {
        text-transform: none !important;
        font-weight: normal;
    }

        .btn i::before,
        .btn .fa::before,
        .btn .fas::before,
        .btn .far::before,
        .btn .fab::before,
        .btn .fa-solid::before {
            text-transform: none !important;
        }

    /* Font Awesome Solid braucht font-weight 900 */
    .fa-solid,
    .fas,
    .btn .fa-solid,
    .btn .fas {
        font-weight: 900 !important;
    }

/* Button Gruppe mit Abständen */
.button-group-custom {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Für konsistente Button-Größen */
.card-header .btn-sm {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* Hover-Effekt für ALLE Buttons */
.btn:hover {
    transform: translateY(-1px);
    transition: all 0.2s ease;
}

/* Speziell für die Action-Buttons mit noch stärkerem Effekt */
.card-header .btn:hover,
#clearListForm .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Verhindere Hover-Effekt bei deaktivierten Buttons */
.btn:disabled:hover {
    transform: none;
    box-shadow: none;
}

/* Form innerhalb der Button-Gruppe */
.button-group-custom form {
    margin: 0;
}

/* Rename Room Button */
.rename-room-btn {
    opacity: 0.8;
    transition: opacity 0.2s;
    padding: 0.25rem 0.5rem;
    text-decoration: none;
}

    .rename-room-btn:hover {
        opacity: 1;
    }