﻿@font-face {
    font-family: Graphik;
    src: url(assets/font/2450c780b423a7e51b2009c50aa4173b.woff2) format("woff2"),url(assets/font/4e5774a9bb5c23a3bea68d90b377b6bd.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Graphik;
    src: url(assets/font/cb12149d7a062d205165114c1f307a33.woff2) format("woff2"),url(assets/font/829a22f53590743ffa497a3a8a7a4254.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Graphik;
    src: url(assets/font/c8521e6e708e195f46322c6ad01df404.woff2) format("woff2"),url(assets/font/e85e40ea19bd206db6cc197b3c7ece05.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Graphik;
    src: url(assets/font/450bd22143737f55db1836e21cc265e1.woff2) format("woff2"),url(assets/font/dfb621069321970895618c4e9312086e.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Graphik;
    src: url(assets/font/e8796b2e1dc3bb6575be58441009c332.woff2) format("woff2"),url(assets/font/36020c029b1cb89a5e28805e752e3078.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Graphik;
    src: url(assets/font/39b7852765645dc27ea05842ec3bbd0f.woff2) format("woff2"),url(assets/font/0c10a923e2a009ec10f47dd860c5c478.woff) format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

:root {
    --background: 0 0% 100%;
    --foreground: 0 0% 0%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 0%;
    --primary: 9 99.2% 52.5%;
    --primary-foreground: 0 0% 100%;
    --cta: 9 99.2% 52.5%
    --cta-foreground: 0 0% 100%;
    --border: 0deg 0% 86.67%;
    --input: 0deg 1.2% 80.8%;
    --radius: 1.5625rem;
}

@media (prefers-color-scheme: dark) {
    :root:not(.light) {
        --background: 0 0% 7.06%;
        --card: 0 0% 10%;
        --primary: 9 99.2% 52.5%;
        --primary-foreground: 0 0% 100%;
        --cta: 129deg 28.5% 62.2%;
        --cta-foreground: 0 0% 0%;
        --input: 0deg 1.92% 30.39%;
    }
}

body {
    font-family: Graphik,sans-serif;
}

.typography.heading  {
    color: hsl(var(--primary));
    background: linear-gradient(90deg, #fe310e 0, #ea047f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}

.progress-stepper--wrapper {
    background: linear-gradient(90deg, #fe310e 0, #ea047f);
    
    --card: var(--primary);
    --card-foreground: var(--primary-foreground);
    --info: var(--primary-foreground);
    --success: var(--primary-foreground);
    --border: var(--primary-foreground);
}
.progress-stepper--step .text-info
{
    color: hsl(var(--card-foreground) / 0.25);
}

.bg-card:not(.border-input) {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
.bg-card .typography.heading {
    color: hsl(var(--card-foreground));
    background: transparent;
    -webkit-text-fill-color: inherit;
}

ul.validation-errors,
input:not([type="checkbox"]):not([type="radio"]),
textarea {
    border-radius: 3px;
}

.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .5em;
}

.prose h4,
.prose h5,
.prose h6 {
    font-size: 1rem;
}

.prose h1+*,
.prose h2+*,
.prose h3+*,
.prose h4+*,
.prose h5+*,
.prose h6+* {
    margin-top: 0;
}

strong {
    font-weight: bold;
}

.countdown,
.progress-stepper--step,
main .bg-card:not(.mobile-filter-bar):not(.progress-stepper--wrapper):not(.category-anchors):not(#summary-mobile):not(.rounded-full):not(.border-input) {
    border-radius: var(--radius);
}

main .bg-card.offcanvas {
    border-radius: 0 var(--radius) var(--radius) 0 !important;
}

.btn {
    border-radius: 100px;
    font-weight: 700;
}
.btn.border-cta.text-cta-foreground.bg-cta {
    background: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
    background: linear-gradient(90deg, #fe310e 0, #ea047f);
    border: 0;
}

.prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1em;
    margin-bottom: 1em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 0;
}

.price.typography.text-2xl+.typography.text-xs {
    font-size: inherit;
    line-height: inherit;
}

/**
  ** Contact info
  **/
.contact-info a {
    font-weight: 700;
}

.contact-info .heading {
    text-transform: none;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}

/**
 ** Product List
 **/
.product-list .product-item .more-information,
.product-list .product-item h4,
.product-list .product-item h5 {
    display: none;
}

.product-list .price small {
    display: inline;
}

.product-list .product-item {
    overflow: hidden;
}

.product-list .btn.bg-cta.text-xl {
    --text-xl-size: var(--text-base-size);
    --text-xl-line-height: var(--text-base-line-height);
}

/**
 ** Product Detail
 **/
.product-detail--html-description img {
    max-height: 350px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--radius);
}

.product-detail--html-description .col-text {
    display: none;
}

.product-detail--html-description .more-information>br:first-child {
    display: none;
}

/**
 ** Activity Container
 **/
.activity-container--start-time {
    border-radius: var(--radius);
    font-weight: 700;
}

.activity-container--selected-time {
    border-radius: 100rem;
}

/**
 ** Table Order
 **/
.category-anchors .bg-card.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1), 0 -1px 3px 0 rgb(0 0 0 / 0.1), 0 -1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color), 0 -1px 3px 0 var(--tw-shadow-color), 0 -1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.mobile-filter-bar {
    background: linear-gradient(90deg, #fe310e 0, #ea047f);
    --primary: var(--background);
    --primary-foreground: var(--foreground);
}

#summary-mobile {
    box-shadow: 0 -1rem 1rem -1rem rgba(0, 0, 0, .15) !important
}

.menu-list--item.selected {
    --card: var(--primary);
    --card-foreground: var(--primary-foreground);
}
.menu-list--item.selected .text-primary {
    --primary: var(--primary-foreground);
}

.menu-list--item.selected .prose {
    --tw-prose-body: --tw-prose-invert-body;
    --tw-prose-headings: --tw-prose-invert-headings;
    --tw-prose-lead: --tw-prose-invert-lead;
    --tw-prose-links: --tw-prose-invert-links;
    --tw-prose-bold: --tw-prose-invert-bold;
    --tw-prose-counters: --tw-prose-invert-counters;
    --tw-prose-bullets: --tw-prose-invert-bullets;
    --tw-prose-hr: --tw-prose-invert-hr;
    --tw-prose-quotes: --tw-prose-invert-quotes;
    --tw-prose-quote-borders: --tw-prose-invert-quote-borders;
    --tw-prose-captions: --tw-prose-invert-captions;
    --tw-prose-kbd: --tw-prose-invert-kbd;
    --tw-prose-kbd-shadows: --tw-prose-invert-kbd-shadows;
    --tw-prose-code: --tw-prose-invert-code;
    --tw-prose-pre-code: --tw-prose-invert-pre-code;
    --tw-prose-pre-bg: --tw-prose-invert-pre-bg;
    --tw-prose-th-borders: --tw-prose-invert-th-borders;
    --tw-prose-td-borders: --tw-prose-invert-td-borders;
}

.menu-list--item.selected .btn {
    --primary: var(--card-foreground);
    --primary-foreground: var(--card-foreground);
}

.menu-list--item.selected .bg-muted {
    --muted: var(--primary-foreground);
    background-color: hsl(var(--primary-foreground) / 25%);
}

.category-anchors--item button {
    border-radius: 100rem;
}

.menu-list--item br {
    display: none;
}

/**
 ** Btn Table Order
 **/
.btn-table-order {
    border: 3px solid hsl(var(--foreground));
    border-radius: var(--radius);
    padding: 1.25rem;
    max-width: 480px;
}

 /*
.btn-table-order:before {
    content: '';
    background: url('../Images/horeca.png');
    background-size: contain;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 150px;
    aspect-ratio: 1 /1;
}
*/
/**
 ** Upsell
 **/

.upsell-item--content br,
.upsell-item--content p:empty {
    display: none;
}






/**
 ** TableOrder Category Icons
 **/

.mt-auto.aspect-square.flex.items-center {
    max-width: 80px;
    margin: 0 auto .5rem;
}
button.w-full.h-full.bg-card.text-card-foreground.p-3.flex.flex-col.relative.border-2.border-card .mt-auto:not(.typography) {
    max-width: 80px;
    margin: 0 auto 0.5rem;
    display: block;
}
button.w-full.h-full.bg-card.text-card-foreground.p-3.flex.flex-col.relative.border-2.border-card .mt-auto + * {
    margin: auto;
}