/* Plinius house colours on the Backpack 7 Tabler theme (formerly plinius-bundle.css on CoreUI) */
:root,
[data-bs-theme=light] {
    --tblr-primary: #67714f;
    --tblr-primary-rgb: 103, 113, 79;
    --tblr-primary-text-emphasis: #4d553b;
    --tblr-primary-bg-subtle: #e8eadf;
    --tblr-primary-border-subtle: #c2c7b3;
    --tblr-link-color: #67714f;
    --tblr-link-color-rgb: 103, 113, 79;
    --tblr-link-hover-color: #4d553b;
    --tblr-body-bg: #f3f2f0;
}

/* Menu items that are not finished yet: dimmed, with a digging icon */
.dropdown-item.under-construction,
.nav-link.under-construction {
    opacity: 0.4;
    position: relative;
}

.dropdown-item.under-construction::after,
.nav-link.under-construction::after {
    background-image: url(/webfonts/fa/svgs/solid/person-digging.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    content: '';
    height: 12px;
    width: 12px;
    margin-left: auto;
}

/* Status column in the bookings list (Booking::getStatusListAttribute); not ".status", which is a Tabler component */
.booking-status {
    position: relative;
}
.booking-status .list {
    display: none;
    position: absolute;
    z-index: 1000;
    min-width: 260px;
    background: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    margin-left: -6px;
    margin-top: -6px;
}
.booking-status:hover .list {
    display: block;
}
.booking-status .list .listitem {
    border-bottom: 1px solid #ccc;
    padding: 5px;
}
.list .listitem.due {
    background-color: #ffefc2;
}
.list .listitem.done {
    background-color: #cafccb;
}
.list .listitem.expired {
    background-color: #fcd9de;
}

.indicator {
    display: flex;
    gap: 1px;
    margin-bottom: 4px;
}
.indicator .indicatoritem {
    height: 3px;
    width: 10px;
}
.indicator .indicatoritem.due {
    background-color: #fcd977;
}
.indicator .indicatoritem.done {
    background-color: #75ff78;
}
.indicator .indicatoritem.expired {
    background-color: #ff8597;
}

/* Help text of the custom slug, meta, icon picker and multiple images fields */
.help-block {
    font-size: 85%;
    opacity: .5;
}