﻿@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/quicksand/Quicksand-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/quicksand/Quicksand-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}


.bb-color-contact ul li.color-sidebar-active .bb-sidebar-block-item span.vink-zwart:after {
    color: black !important;
}

.bb-color-contact ul li.color-sidebar-active .bb-sidebar-block-item span.vink-wit:after {
    color: white !important;
}

@media (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .bb-cart-table {
        overflow-x: auto !important; /* horizontaal scrollen toestaan */
        overflow-y: hidden !important; /* verticale overflow verbergen als dat moet */
    }
}

/* Reviews - Hide extra reviews initially */
.review-hidden {
    display: none !important;
}

.review-visible {
    display: flex !important;
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hide reCAPTCHA badge completely */
.grecaptcha-badge {
    visibility: hidden !important;
    display: none !important;
}

/* Disable zoom on mobile devices */
@media (max-width: 991px) {
    .zoom-image-hover {
        pointer-events: auto !important;
        transform: none !important;
    }
    .zoom-image-hover img {
        transform: none !important;
    }
}

