body {
    padding-bottom: 60px;
}

input.myinput {
    margin-bottom: 10px;
}

.navbar-brand {
    margin-left: 1em;
}

.card.description {
    margin-top: 10px;
}

.myalert {
    margin-top: 10px;
}

.option-btn {
    margin-bottom: 10px;
    width: 40px;
}

/* Almenü pozicionálás */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

/* Hover-re nyíljon */
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

/* Kis stílusjavítás, hogy ne záródjon le azonnal */
.dropdown-menu > .dropdown-submenu > a::after {
    content: " ▸";
    float: right;
}

/* Kattintás utáni kék villanás eltüntetése a menüpontokról */
.dropdown-item:focus,
.dropdown-toggle:focus,
.nav-link:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.sortable-item {
    transition: transform 0.2s ease;
    display: inline-block;
    width: auto;
}

.sortable-item.ui-sortable-helper {
    transform: scale(1.05);
    z-index: 10;
}

.sortable-item.ui-sortable-placeholder {
    border: 2px dashed #ccc;
    visibility: visible !important;
    min-width: 100px;
    height: auto;
}

#sortable-images {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
}

.ui-sortable-helper {
    opacity: 0.7;
}

.disable-click {
    pointer-events: none;
}

.form-fields-container .field-content {
    cursor: move;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    background-color: #f9f9f9;
}

.form-fields-container .ui-sortable-helper {
    background: #f1f1f1;
}

.sortable.asc::after {
    content: " ▲";
}

.sortable.desc::after {
    content: " ▼";
}