/* /Components/BaseControls/BoolSlider.razor.rz.scp.css */
/* Container styling */


.slider-container[b-fjunmdxvxl] {
    width: 60px;
    height: 30px;
    border-radius: 15px;
    position: relative;  
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.container-red[b-fjunmdxvxl] {
    background-color: #ffcccc; /* Light red shade */
}

.container-green[b-fjunmdxvxl] {
    background-color: #ccffcc; /* Light green shade */
}

/* Slider styling */
.slider[b-fjunmdxvxl] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: left 0.3s ease, background-color 0.3s ease;
}

.slider-left[b-fjunmdxvxl] {
    left: 3px;
}

.slider-right[b-fjunmdxvxl] {
    left: 32px;
}

.slider-red[b-fjunmdxvxl] {
    background-color: red;
}

.slider-green[b-fjunmdxvxl] {
    background-color: green;
}
/* /Components/BaseControls/SearchableDropDown.razor.rz.scp.css */
.dropdown-menu[b-pnf34ev1rh] {
    max-width: 800px;
    width: auto;
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.dropdown-item[b-pnf34ev1rh] {
    padding: 8px 12px;
    cursor: pointer;
}

    .dropdown-item:hover[b-pnf34ev1rh] {
        background-color: #f1f1f1;
    }

.form-control[b-pnf34ev1rh] {
    width: 100%;
    padding: 8px 12px;
    box-sizing: border-box;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-atrsylql8w] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-atrsylql8w] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.bi[b-oslwjkakcm] {
    vertical-align: -.125em;
    pointer-events: none;
    fill: currentColor;
}

.dropdown-toggle[b-oslwjkakcm] {
    outline: 0;
}

.nav-flush .nav-link[b-oslwjkakcm] {
    border-radius: 0;
}

.btn-toggle[b-oslwjkakcm] {
    display: inline-flex;
    align-items: center;
    padding: .25rem .5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .65);
    background-color: transparent;
    border: 0;
}

.btn-toggle:hover[b-oslwjkakcm],
.btn-toggle:focus[b-oslwjkakcm] {
    color: rgba(0, 0, 0, .85);
    background-color: #d2f4ea;
}

.btn-toggle[b-oslwjkakcm]::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"][b-oslwjkakcm] {
    color: rgba(0, 0, 0, .85);
}

.btn-toggle[aria-expanded="true"][b-oslwjkakcm]::before {
    transform: rotate(90deg);
}

.btn-toggle-nav a[b-oslwjkakcm] {
    display: inline-flex;
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
    text-decoration: none;
}

.btn-toggle-nav a:hover[b-oslwjkakcm],
.btn-toggle-nav a:focus[b-oslwjkakcm] {
    background-color: #d2f4ea;
}

.scrollarea[b-oslwjkakcm] {
    overflow-y: auto;
}

.fw-semibold[b-oslwjkakcm] {
    font-weight: 600;
}

.lh-tight[b-oslwjkakcm] {
    line-height: 1.25;
}

/* Main navigation: all buttons share the available width (gap-2) so they always fit on one row. */
@media (min-width: 768px) {
    .main-nav[b-oslwjkakcm] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .main-nav .nav-item[b-oslwjkakcm] {
        display: flex;
        flex: 1 1 0;
        min-width: 0;
        max-width: 250px;
    }

    .main-nav[b-oslwjkakcm]  .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: .5rem .25rem;
        text-align: center;
        line-height: 1.15;
        overflow-wrap: anywhere;
    }
}

/* /Components/Pages/Anonymous/Confirm.razor.rz.scp.css */
.custom-jumbotron[b-03t19ufe1p], .custom-card-header[b-03t19ufe1p] {
    background-color: #28a745; /* Bootstrap success color */
    color: white;
    border-radius: 0.25rem;
}

.custom-card-body[b-03t19ufe1p] {
    background-color: #f9f9f9;
    padding: 1.5rem;
    border-radius: 0.25rem;
    border-top: 3px solid #28a745;
}

.container[b-03t19ufe1p] {
    max-width: 900px;
}
/* Responsive styles for mobile devices */
@media (max-width: 576px) {
    .custom-jumbotron[b-03t19ufe1p] {
        padding: 1.5rem;
    }

        .custom-jumbotron h1[b-03t19ufe1p] {
            font-size: 1.75rem; /* Smaller font size on mobile */
        }

    .custom-card-body[b-03t19ufe1p] {
        padding: 1rem;
    }
}
/* /Components/Pages/Anonymous/RegistratieFormulier.razor.rz.scp.css */
 h3[b-s4lzn93kv6], h4[b-s4lzn93kv6], h5[b-s4lzn93kv6]{
     padding-top: 1em;
     padding-bottom: 0.5em;
 }

/* /Components/Pages/Authorized/Canteen.razor.rz.scp.css */
.cash-register-grid[b-vgztx3bqf1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.4rem;
    max-height: 72vh;
}

/* Artikel kaartje */
.article-card[b-vgztx3bqf1] {
    min-height: 9rem;
    border-radius: 0.5rem;
    overflow: hidden;
}

/* Hele tegel klikbaar voor +1 */
.article-tap[b-vgztx3bqf1] {
    cursor: pointer;
    user-select: none;
    touch-action: manipulation; /* geen dubbeltik-zoom vertraging op tablets */
    -webkit-tap-highlight-color: transparent;
    transition: filter 0.08s;
}

.article-tap:active[b-vgztx3bqf1] {
    filter: brightness(0.85);
}

.article-tap.disabled[b-vgztx3bqf1] {
    cursor: default;
    pointer-events: none;
}

.article-name[b-vgztx3bqf1] {
    font-size: 1.1rem;
    line-height: 1.2;
}

.article-price[b-vgztx3bqf1] {
    font-size: 0.8rem;
    opacity: 0.75;
}

.article-qty[b-vgztx3bqf1] {
    line-height: 1;
}

/* + en - knoppen: elk exact 50% breed, geen gap */
.article-btn[b-vgztx3bqf1] {
    flex: 1 1 50%;
    font-size: 1.4rem;
    padding: 0.4rem 0;
    border-top: 1px solid #dee2e6;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.article-btn:first-child[b-vgztx3bqf1] {
    border-right: 1px solid #dee2e6;
}

/* Topbar kassa */
.canteen-topbar[b-vgztx3bqf1] {
    background-color: #305140; /* = $primary */
    color: white;
    position: sticky;
    top: 0;
    z-index: 1030;
}

.canteen-topbar .navbar-toggler-icon[b-vgztx3bqf1] {
    filter: invert(1);
}

/* Bonnen-selector in topbar */
.canteen-sheet-select[b-vgztx3bqf1] {
    max-width: 220px;
    min-width: 120px;
}

.canteen-nav-menu[b-vgztx3bqf1] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

/* Totaal / Rest bedrag groot en opvallend */
.totaal-bedrag[b-vgztx3bqf1] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #305140;
    line-height: 1.1;
    white-space: nowrap;
}

.canteen-receipt-col[b-vgztx3bqf1] {
    width: 290px;
    flex-shrink: 0;
}

.canteen-receipt-col .table th[b-vgztx3bqf1],
.canteen-receipt-col .table td[b-vgztx3bqf1] {
    padding: 0.2rem 0.3rem;
    font-size: 0.9rem;
    white-space: nowrap;
}

/* Artikelkolom mag wrappen, stk + totaal zo smal mogelijk */
.canteen-receipt-col .col-artikel[b-vgztx3bqf1] {
    width: 100%;
    white-space: normal;
    word-break: break-word;
}

.canteen-receipt-col .col-stk[b-vgztx3bqf1] {
    width: 2.5rem;
    text-align: right;
}

.canteen-receipt-col .col-totaal[b-vgztx3bqf1] {
    width: 5rem;
    text-align: right;
}


.tab-btn.active[b-vgztx3bqf1] {
    filter: brightness(0.85);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
}

/* Tablet optimalisaties */
@media (max-width: 768px) {
    .cash-register-grid[b-vgztx3bqf1] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        max-height: 55vh;
    }

    .article-name[b-vgztx3bqf1] {
        font-size: 1rem;
    }

    .canteen-sheet-select[b-vgztx3bqf1] {
        max-width: 160px;
    }
}
/* /Components/Pages/Authorized/HouseSale.razor.rz.scp.css */
.image-container img[b-wknnnnt91j] {
    height: 200px; /* Set your fixed height here */
    width: auto; /* Maintain aspect ratio */
}

.d-flex[b-wknnnnt91j] {
    white-space: nowrap; /* Prevent wrapping of images */
}

.overflow-auto[b-wknnnnt91j] {
    overflow-x: auto; /* Enable horizontal scrolling */
}
/* /Components/Pages/Authorized/KassaArtikelen.razor.rz.scp.css */
.articles-table .col-order[b-1guos5ljcz] {
    width: 1%;
}

.articles-table .history-row > td[b-1guos5ljcz] {
    background-color: var(--bs-tertiary-bg, #f8f9fa);
}
/* /Components/Pages/Authorized/KassaInzicht.razor.rz.scp.css */
.period-label[b-vaxk0uddka] {
    min-width: 14rem;
}

.report-table td[b-vaxk0uddka],
.report-table th[b-vaxk0uddka] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.subtotal-row td[b-vaxk0uddka] {
    border-bottom: 2px solid #dee2e6;
}