/* input(62,1): run-time error CSS1019: Unexpected token, found '@import'
input(62,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')'
input(405,6): run-time error CSS1035: Expected colon, found '.'
input: run-time error CSS1066: Unexpected end of file encountered */
/* input(60,1): run-time error CSS1019: Unexpected token, found '@import'
input(60,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')' */
:root {
    --white: #FFFFFF;
    --black: #000000;
    --black1: #3C3C3B;
    --dark: #0095D9;
    --dark-secondary: #595959;
    --light: #f4f4f4;
    --light-secondary: #26629DFF;
    --darken: #1E213D;
    --darken-secondary: #BB0B4F;
    --lighten: #E5E5E5;
    --background: #279da91a;
    --background-light: #F0F0F0;
    --light-gray: #fafafa;
    --dark-pink: #BB0B4F;
    --background-lights: #F9F9F9;
    --box-light: #BB0B4F;
    --gray1: #B9B9B9;
    --gray2: #495057;
    --gray3: #777777;
    --gray4: #555555;
    --yellow: #FBBA00;
    --blue: #66AFE9;
    --green: #008000;
    --red: #ff0000;
    --light-gray2: #dddddd;
    --light-gray3: #D3D3D3;
    --border-color: #D9D7D7;
    --black2: #1d1d1d;
    --background-black: #2f2f2f;
    --background-panel: #f7f7f7;
    --table-blue: #0374bc45;
    --warning-default: #ff0000;
    --warning-option-2: #ffa500;
    --add-to-cart-button: #25d037;

    --main-category-title: #0095d9;
    --sublist-category-title: #0095d9;
    --list-category-title: #595959;

    --square-corners: 0px;
    --small-rounded-corners: 5px;
    --medium-rounded-corners: 10px;
    --large-rounded-corners: 15px;

    --rounded-corners: var(--small-rounded-corners);
    --font-family: 'Open Sans';

    --product-information-bar: 150px;
    --header-bar: 0px;

    --background-gallery-overlay: #0374bcd9;
    --border-width-default: 1px;
    --border-width-option-2: 2px;
    --border-width-option-3: 3px;

    --checkout-step-line: var(--dark);
}

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.product-content-wrappper.rental-url-section {
    background: #f6f6f6;
    padding: 20px;
}

.product-link-url-display {
    display: grid;
    grid-template-columns: auto 7fr;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid #f57e3d;
    background: white;
    line-height: 20px;
    font-size: 13px;
    color: #f57e3d;
    align-items: center;
}

.product-link-url-display p {
    margin-right: 10px;
    margin-bottom: 0;
}

.product-link-url-display input {
    height: 40px;
    border: 1px solid #eee;
    padding: 8px;
    vertical-align: middle;
    font-size: 13px;
    color: #666;
}

.product-collateral .rental-url-section-title {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    font-size: 24px;
    color: #444;
}

.item-box .picture a {
    max-width: unset;
}

.home-page-category-grid .item-box {
    max-width: 32%;
    flex: 0 0 32%;
}

.fc .fc-timeline-bg {
    opacity: 0.7 !important;
}

tbody {
    background-color: unset;
}

#calendar table td:first-child, table th:first-child{
    padding-left: 0;
}

#calendar table th:last-child, table td:last-child{
    padding-right: 0;
}




.layout-container {
    display: flex;
    gap: 20px;
}
.timeslots-container {
    width: 40%;
}
.booking-details {
    width: 60%;
}
.top-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    gap: 10px;
}

.top-controls-select {
    display: grid;
    align-items: center;
    margin-bottom: 15px;
}

select#zaalSelect {
    border: var(--border-width-default) solid var(--dark);
    border-radius: var(--medium-rounded-corners) !important;
}

.card.mt-3 {
    padding: 15px;
    border: var(--border-width-default) solid var(--dark);
    border-radius: var(--medium-rounded-corners) !important;
}

/* Style for zaal checkboxes */
#zaalSelectContainer .form-check {
    margin-right: 10px;
}

/* Style for time dropdowns */
#startTime, #endTime {
    width: 100%;
    margin-bottom: 10px;
}

/* Style for the selected zaal */
.selected-zaal {
    background-color: #007bff;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

button.btn.time-slot, select#endTime, select#startTime {
    border: var(--border-width-default) solid var(--dark);
    border-radius: var(--medium-rounded-corners) !important;
    margin-bottom: 15px;
}

button#nextDay, button#prevDay {
    color: white;
    background-color: var(--dark);
    padding: 0 15px;
}

/* Style for zaal buttons */
.zaal-button {
    padding: 10px;
    border: 1px solid var(--dark);
    border-radius: 5px;
    background-color: white;
    color: var(--black);
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

/* Style for selected zaal button */
.zaal-button.selected, button.btn.time-slot.selected-time-slot {
    background-color: var(--darken);
    border: 1px solid var(--darken);
    color: white;
}

.zaal-button:hover, button.btn.time-slot:hover {
    background-color: var(--dark);
    border: 1px solid var(--dark);
    color: white;
}

div#zaalSelectContainer {
    gap: 15px;
}

#calendar .fc-list-event.fc-event-forced-url td.fc-list-event-time {
    padding-left: 15px;
}

.html-product-details-page .short-description {
    margin-top: 30px;
}

.html-product-details-page .gallery{
    max-width: unset;
}

@media (max-width: 767px) {
    .layout-container {
        flex-flow: column;
        width: 100%;
        gap: 0;
    }

    .timeslots-container, .booking-details {
        width: inherit;
    }

    .zaal-button {
        width: 100%;
    }
}

@media (max-width: 480px) {
    button#todayBtn {
        padding: 0 5px;
    }
}

@media (min-width: 992px) {
    table .subtotal>* {
        width: unset;
        float: left;
    }
}

.fc-bg-event {
    opacity: 0.9 !important;
    height: 28px !important;
}

.item-box .actual-price {
    display: none !important;
}

.footer {
    padding-top: 5%;
}

div#ShowProduct {
    display: none;
}

.html-product-details-page .short-description iframe {
    width: 100%;
}

@media (max-width: 991px) {
    .col-12.col-sm-12.col-md-12.col-lg-6.col-xl-6 {
        order: 1;
    }

    .col-12.col-sm-12.col-md-12.col-lg-6.col-xl-6:first-child {
        order: 2;
    }
}

.block-account-navigation .nav-list .customer-orders a::after{
    content: "\f029";
}

.block-account-navigation .nav-list .customer-reservations a::after{
    content: "\f073";
}

.block-account-navigation .nav-list .customer-cancel-orders a::after {
    content: "\f05e";
}

input.btn.cancelOrderBtn {
    float: right;
}

input.button-1.order-completed-continue-button {
    color: var(--dark);
}

.footer {
    margin-top: -75px !important;
}

.master-column-wrapper {
    padding-bottom: 75px;
}

/* Styling voor H1 binnen de korte productbeschrijving */
.short-description h1 {
    font-size: 26px;          /* Lettergrootte */
    line-height: 33px;        /* Regelhoogte */
    font-weight: 700;         /* Vetgedrukt */
    margin-bottom: 0;         /* Geen marge onder de kop */
    padding-bottom: 10px;     /* Extra ruimte onder de tekst */
    color: #000000;           /* Zwarte tekstkleur */
}

/* Betaalmethodes horizontaal centreren op de afrekenpagina */
.checkout-page .method-list li {
    display: flex;            /* Flexbox gebruiken voor uitlijning */
    justify-content: center;  /* Horizontaal centreren */
}

/* Styling voor de label binnen een betaalmethode */
.checkout-page .method-list li label.method-name {
    width: 90%;               /* Label neemt 90% van de beschikbare breedte */
    text-align: center;       /* Tekst in het label centreren */
    margin-bottom: 0.5rem;    /* Kleine ruimte onder het label */
}

/* Verberg de plus-knop bij hoeveelheid selectie */
.qty-input-group button.plus {
    display: none !important;
}

/* Verberg het woord "Eenheid:" */
.units {
    display: none !important;
}

/* Verberg de min-knop bij hoeveelheid selectie */
.qty-input-group button.minus {
    display: none !important;
}

/* Verberg het invoerveld voor hoeveelheid */
.qty-input {
    display: none !important;
}

/* Verberg de tekst voor korting en extra info in winkelmand subtotalen */
.cart td.subtotal .discount,
.cart td.subtotal .discount-additional-info {
    font-style: italic;       /* Cursief (optioneel – wordt toch niet zichtbaar door 'display: none') */
    display: none;            /* Verberg beide elementen */
}

/* Verberg prijs per stuk in winkelmand en checkout */
span.product-unit-price {
    display: none !important;
}

/* Verberg het label "Totaal" onder elk product */
span.shopping-cart-total {
    display: none;
}

/* Verberg het totaalbedrag per productregel */
span.product-subtotal {
    display: none;
}

/* Verberg belastingregel (zoals BTW) */
.tax-value {
    display: none !important;
}
 
/* afbeelding winkelwagen */           
.cart .product-picture {
    display: none; 
            
/* verberg Twinfield labels*/           
label.col-12.col-sm-12.col-md-4.col-lg-4.col-xl-4.col-form-label {
    display: none !important;
}

input#customer_attribute_1 {
    display: none !important;
}
            
            
            
