/*!
 * @link https://www.humhub.org/
 * @copyright Copyright (c) 2025 HumHub GmbH & Co. KG
 * @license https://www.humhub.com/licences
 */

.lets-meet-container {
    background-color: var(--hh-background-color-page);
    border-radius: 4px;
    padding: 8px 8px 0 8px;
    overflow: hidden;
}

.slots-container, .controls-container, .votes-container, .totals-container, .best-options-container {
    display: flex;
    flex-direction: row;
    padding: 8px;
    border-radius: 4px;
    background-color: var(--hh-background-color-main);
    overflow: hidden;
    margin-bottom: 8px;
    width: 100%;
}

.results-container {
    padding: 8px;
    border-radius: 4px;
    background-color: var(--hh-background-color-main);
    overflow: hidden;
    margin-bottom: 8px;
    width: 100%;
}

.icons-cell {
    display: flex;
    flex-direction: column;
    padding: 0 16px 0 8px;
    min-width: 44px;
    justify-content: center;
}

.icons-cell > div {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}

.dates-cell {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.day-cell {
    display: flex;
    white-space: nowrap;
    font-weight: bold;
    min-height: 40px;
    align-items: center;
}

.times-container {
    display: flex;
    gap: 8px;
}

.scrollable-container {
    overflow-x: hidden;
}

.time-slot, .time-slot-vote {
    display: flex;
    background-color: var(--hh-background-color-secondary);
    border-radius: 4px;
    padding: 8px;
    min-height: 40px;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
}

.scroll-left {
    display: flex;
    align-items: center;
}

.control-buttons {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.scroll-right {
    display: flex;
    align-items: center;
}

.time-slot-vote {
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: var(--hh-background-color-secondary);
}

.votes-container .icons-cell {
    padding: 0;
    justify-content: center;
}

.expanded-vote {
    border-radius: 4px;
    overflow: hidden;
}

.expanded-vote.voted .time-slot-vote:not(.voted) {
    color: var(--hh-text-color-main);
}

.expanded-vote .time-slot-vote {
    border-radius: 0;
}

.expanded-vote .time-slot-vote:hover, .expanded-vote .time-slot-vote.voted {
    border: 4px solid var(--hh-background-color-secondary);
}

.time-slot-vote.vote-accept {
    color: var(--hh-text-color-success);
}
.time-slot-vote.vote-accept:hover, .time-slot-vote.vote-accept.voted {
    background-color: var(--bs-success-bg-subtle);
}
.time-slot-vote.vote-maybe {
    color: var(--hh-text-color-warning);
}
.time-slot-vote.vote-maybe:hover, .time-slot-vote.vote-maybe.voted {
    background-color: var(--bs-warning-bg-subtle);
}
.time-slot-vote.vote-decline {
    color: var(--hh-text-color-danger);
}
.time-slot-vote.vote-decline:hover, .time-slot-vote.vote-decline.voted {
    background-color: var(--bs-danger-bg-subtle);
}

.lets-meet-container.voting-closed .time-slot-vote.voted:not(.vote-accept) {
    background-color: var(--hh-background-color-page);
    color: var(--hh-text-color-main);
}

.results-container .votes-container {
    padding: 0;
    margin-bottom: 8px;
}

.results-container .votes-container:last-of-type {
    margin-bottom: 0;
}

.results-container .votes-container .time-slot-vote {
    cursor: default;
}

.results-container .show-all-btn, .results-container .collapse-btn {
    width: 100%;
}

.best-options-container {
    flex-direction: column;
    gap: 4px;
}