.recrur-card-list .recrur-card a {
    border: 1px solid #afafaf;
    padding: 10px 10px;
    border-radius: 3px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
}

.recrur-card-list .recrur-title {
    font-weight: 600;
    transform: translateX(-20px);
}

.recrur-card-list .recrur-category {
    font-weight: 400;
}

.recrur-card-list .recrur-card a .recrur-icon {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    fill: currentColor;
}

.recrur-card-list .recrur-card a .recrur-icon svg,
.recrur-table .recrur-icon svg {
    fill: currentColor;
}

/* Animate the arrow icon inside the title */
.recrur-card-list .recrur-card a .recrur-title .recrur-icon {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Animate the title text shift */
.recrur-card-list .recrur-card a .recrur-title {
    transition: transform 0.3s ease;
}

/* On hover, animate the arrow into view and shift the title text */
.recrur-card-list .recrur-card a:hover .recrur-title .recrur-icon {
    opacity: 1;
    transform: translateX(0);
}

.recrur-card-list .recrur-card a:hover .recrur-title {
    transform: translateX(10px);
}

@media only screen and (max-width: 768px) {
    .recrur-card-list .recrur-card a .recrur-icon {
        display: none;
    }

    .recrur-card-list .recrur-title {
        transform: translateX(0px);
    }

    .recrur-card-list .recrur-card a:hover .recrur-title {
        transform: translateX(0px);
    }
}


.recrur-table tr {
    border-bottom: 1px solid;
    transition: 0.2s;
}

table.recrur-table tr td {
    padding: 15px 10px;
    transition: 0.2s;
}

.recrur-table th {
    padding-bottom: 15px;
}

table.recrur-table tbody tr:hover {
    transform: scale(1.02);
    color: inherit;
    transition: 0.2s;
    background: rgba(0,0,0,0.14);
}

table.recrur-table tbody tr:hover td {
    transition: 0.2s;
    padding: 15px 10px;
}

table.recrur-table tbody tr:nth-of-type(even) {
    background: rgba(0,0,0,0.07);
}

/* Peitmiseks */
.recrur-hidden {
    display: none !important;
}

.recrur-input-group {
    display: flex;
    flex-direction: column;
    text-align: center;
    min-width: 100px;
    justify-content: flex-end;
}

/* Nuppude konteiner */
.recrur-filter-sort-buttons {
    display: flex;
    margin-bottom: 1rem;
    justify-content: space-between;
}

.recrur-btn {
    background: transparent;
    border: 0px;
    margin-left: 1rem;
    transition: 0.4s;
}

.recrur-btn:hover {
    transform: scale(1.04);
    transition: 0.2s;
    font-weight: 600;
}

/* Filtri- ja sortimispaneel */
.recrur-filter-panel,
.recrur-sort-panel {
    padding: 1rem 1rem 2rem;
    display: flex;
    justify-content: center;
    gap: 2rem;
}

.recrur-filter-panel label,
.recrur-sort-panel label {
    margin-right: 0.5rem;
    font-weight: 600;
}

.recrur-filter-panel select,
.recrur-sort-panel select {

}

#recrur-apply-filter,
#recrur-apply-sort {
    background: #0073aa;
    color: #fff;
    border: none;
    padding: 0.5rem 0.5rem;
    border-radius: 4px;
    cursor: pointer;
}

#recrur-apply-filter:hover,
#recrur-apply-sort:hover {
    background: #005177;
}

.recrur-sort-toggle.recrur-active,
.recrur-filter-toggle.recrur-active {
    font-weight: 600;
    text-decoration: underline;
}

@media only screen and (max-width: 575px) {
    .recrur-filter-panel,
    .recrur-sort-panel {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem 0rem;
    }
}