/* Hamzeh: slots held by another customer's online payment (Booking\Holds, slot-holds.js). */
.bookly-form .bookly-hour.hbp-slot-held,
.bookly-form .bookly-hour.hbp-slot-held:hover,
button.hbp-slot-held,
button.hbp-slot-held:hover {
    background: repeating-linear-gradient(135deg, #fffbeb 0 7px, #fef3c7 7px 14px) !important;
    border: 1px dashed #f59e0b !important;
    color: #92400e !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}
.bookly-form .bookly-hour.hbp-slot-held .bookly-hour-icon { border-color: #f59e0b !important; }
.bookly-form .bookly-hour.hbp-slot-held .bookly-hour-icon span { background: transparent !important; }

.hbp-hold-badge {
    display: inline-flex;
    align-items: center;
    gap: .25em;
    margin-inline-start: .35em;
    padding: 0 .45em;
    border-radius: 999px;
    background: #f59e0b;
    color: #fff;
    font-size: .72em;
    font-weight: 600;
    line-height: 1.65;
    white-space: nowrap;
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
}
.hbp-hold-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm-1 3v6l5 3 1-1.7-4-2.4V7h-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm-1 3v6l5 3 1-1.7-4-2.4V7h-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Time is over: it is released with the next availability request. */
.bookly-form .bookly-hour.hbp-slot-held.hbp-slot-expired,
button.hbp-slot-held.hbp-slot-expired {
    background: #f9fafb !important;
    border-color: #d1d5db !important;
    color: #6b7280 !important;
}
.hbp-slot-expired .hbp-hold-badge { background: #9ca3af; }

.hbp-hold-legend {
    display: flex;
    align-items: flex-start;
    gap: .5em;
    margin: .5rem 0 .75rem;
    padding: .5rem .75rem;
    border: 1px solid #fde68a;
    border-radius: .5rem;
    background: #fffbeb;
    color: #78350f;
    font-size: .85em;
    line-height: 1.7;
}
.hbp-hold-legend::before {
    content: "";
    flex: 0 0 1.1em;
    height: 1.1em;
    margin-top: .25em;
    background: #f59e0b;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm-1 3v6l5 3 1-1.7-4-2.4V7h-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm-1 3v6l5 3 1-1.7-4-2.4V7h-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}