/*
 Theme Name:   Industrium Child
 Description:  Industrium Child Theme
 Theme URI:	   https://demo.artureanec.com/themes/industrium
 Author:       Artureanec
 Author URI:   https://demo.artureanec.com
 Template:     industrium
 Version:      1.0.0
 License: GNU  General Public License version 3.0
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Text Domain:  industrium-child
*/

/* =Theme customization starts here
------------------------------------------------------- */

.sb_m2 #fbuilder .slots {

}

.sb_m2 #fbuilder .sbfieldCalendar, #fbuilder .slotsCalendar {
    max-width: 100%;
}

#fbuilder .slots>span {
    position: absolute;
    margin-top: -17px !important;
}

/* Tooltip voor bezette tijdsloten */
.usedslot.has-tooltip {
    position: relative;
    cursor: default;
}

.usedslot.has-tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    pointer-events: none;
    z-index: 1000;
}

.usedslot.has-tooltip::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #333;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    pointer-events: none;
    z-index: 1000;
}

.usedslot.has-tooltip:hover::after,
.usedslot.has-tooltip:hover::before {
    opacity: 1;
    visibility: visible;
}

/* Verstreken tijdsloten van vandaag */
.past-slot {
    opacity: 0.4;
}

.past-slot a {
    cursor: not-allowed !important;
    text-decoration: line-through;
    pointer-events: none;
}

.past-slot.has-tooltip {
    cursor: default;
    pointer-events: auto;
}