html {
    scroll-behavior: smooth;
}

.sticky {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
}


.card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.card-content {
    height: 100%;
}

@media screen and (max-width: 769px) {
    .reverse-column-order {
        display: flex;
        flex-direction: column-reverse;
    }
}



.htmx-request button {
    pointer-events: none;
    opacity: 0.7;
    position: relative;
    color: transparent !important;
}

.htmx-request button::after {
    animation: spinAround 500ms infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 50%;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    width: 1em;
    position: absolute;
    left: calc(50% - (1em / 2));
    top: calc(50% - (1em / 2));
}

.input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

.input[type="date"] {
    position: relative;
}

.input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 10px;
    cursor: pointer;
    /* Volitelné vylepšení */
    padding: 5px;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.input[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

/* Klikací řádky v tabulkách */
.table tbody tr[role="button"]:hover,
.table tbody tr.is-clickable:hover {
    background-color: #f5f5f5;
}