body {
    hyphens: auto;
    word-break: normal;
    word-wrap: break-word;
    border-top: 8px solid rgb(0,176, 227);
}

.bd-booking-btn-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

@media only screen and (max-width: 800px) {
    .bd-booking-btn-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

.bd_book-btn {
    display: block;
    background-color: #00b0e3;
    background-color: black;
    color: white;
    border-radius: 6px;
    width: 100%;
    padding: 20px 24px;
    font-weight: 400;
    background: linear-gradient(90deg, #1f1f1f 0%, #292929 60%, #505050 100%);
    background-size: 160% 100%;
    transition: color 0s ease-out, background-size 0.15s ease-out transform 0.1s ease;
    text-decoration: none !important;
}

.bd_book-btn:active {
    transform: translateY(10px);
}

.bd_book-btn::before {
    content: "⚪";
    margin-right: 16px;
}

.bd_book-btn:hover {
    text-decoration: none;
    color: white;
    background-color: #009AC7;
    background-color: #000000;
    background: linear-gradient(90deg, #1f1f1f 0%, #292929 60%, #505050 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #28d0ff;
}

.bd_book-btn:hover::before {
    content: "🟢";
    margin-right: 16px;
}

.bd_no-free-appointments {
    padding: 24px;
    border: 2px solid red;
    text-align: center;
    max-width: 700px;
    margin: auto;
    border-radius: 6px;
}

.bd_word-break {
    hyphens: auto;
    word-break: normal;
    word-wrap: break-word;
}

.bd_admin-nav .wp-block-navigation__responsive-container-content {
    gap: 24px;
}

.bd_logo-wall {
    opacity: 0.45;
}

.bd_appointment-info {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 24px !important;
}

.frm_button_submit {
    transition: transform 0.1s ease !important;
}

.frm_button_submit:active {
    transition: translateY(10px) !important;
}

.frm_ajax_pagination_cont {
    border-top: 1px solid rgba(0,0,0,0.1);
    margin-top: 32px;
    padding-top: 32px;
    display: flex;
    justify-content: center;
}

.frm_pagination.pagination {
    margin: auto;
    margin: 0;
    padding: 0;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #00b0e3;
    border-color: #009AC7;
}

.pagination>li>a, .pagination>li>span {
    color: #00b0e3;
}

.bd_planned-appointments a.clickable-feed-item {
    display: block;
    background-color: #F4F4F4;
    border: 1px solid rgba(0,0,0,0.04);
    border-radius: 12px;
    padding: 16px;
    transition: background-color 0.075s ease-out;
}

.bd_planned-appointments a.clickable-feed-item:hover {
    background-color: #f8f8f8;
    border: 1px solid rgba(0,0,0,0.15);
}

.bd_planned-appointments a.clickable-feed-item,
.bd_planned-appointments a.clickable-feed-item:hover,
.bd_planned-appointments a.clickable-feed-item:active {
    color: black;
    text-decoration: none !important;
}

.bd_planned-appointments .past-appointments {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.bd_planned-appointments .frm-grid-view > div {
    padding: 0;
    border: none;
}

.appointment-status {
    padding: 4px 8px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    border-radius: 8px !important;
    font-weight: 700;
    font-size: 12px;
}


.appointment-status.booked {
    background: #57D357;
    border: 1px solid #57D357;
    color: white;
}

.appointment-status.free {
    background: transparent;
    color: rgba(0,0,0,0.45);
    border: 1px solid rgba(0,0,0,0.33);
    
}

.bd_appointment section {
    margin-bottom: 24px;
}

.bd_appointment .item .title {
    display: inline-block;
    font-weight: 700;
    min-width: 200px;
}

.bd_appointment section .item {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.bd_appointment section .item .title::after {
    content: ": ";
    margin-right: 4px;
}

.bd_appointment .booked-by {
    color: rgba(0,0,0, 0.33);
    display: inline-block;
    margin-left: 12px;
}

.bd_appointment.feed-item .booked-by {
    color: black;
    display: inline-block;
    margin-left: 8px;
    font-size: 14px;
}

.bd_appointment .booked-by .prefix {
    margin-right: 8px;
}

.bd_appointment.feed-item .booked-by .prefix {
    margin-right: 4px;
}

.bd_appointment .booked-by .entry.name {
    font-weight: 700;
    margin-right: 8px;
}

.bd_appointment.feed-item .booked-by .entry.name {
    font-weight: 300;
    margin-right: 4px;
}

.bd_appointment .booked-by .entry.client-email {
    font-weight: 700;
}

.bd_appointment.feed-item .booked-by .entry.client-email {
    font-weight: 300;
}

.bd_appointment.feed-item .title {
    margin-bottom: 12px;
}

.bd_appointment.feed-item .title p {
    margin-top: 0;
}

.bd_appointment.feed-item .status {
    margin-bottom: 14px;
}

.bd_appointment.feed-item .other {
    font-size: 12px;
    color: rgba(0,0,0,0.45);
}

.bd_appointment.feed-item .item .title {
    display: inline-block;
    font-weight: 700;
    min-width: unset;
}

#BorlabsCookieBox ._brlbs-flex-center {
    display: block !important;
    text-align: center;
}

#BorlabsCookieBox ._brlbs-flex-center .cookie-logo {
    padding: 0;
    margin: 0 auto 12px auto;
    width: 64px !important;
    height: auto !important;
    max-width: 64px !important;
}

.bd_cookie-footer {
    text-align: center;
    font-size: 12px;
}

.bd_cookie-footer .borlabs-cookie-preference {
    text-decoration: none;
    color: rgba(255,255,255,0.33);
}

#BorlabsCookieBox ._brlbs-box-wrap {
    max-width: 430px !important;
}