@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Jura:wght@300..700&display=swap');

:root {
    --background: 0 0% 100%;
    --foreground: 0 0% 20%;
    --card: 0deg 0% 94.9%;
    --card-foreground: 0 0% 20%;
    --primary: 198.78deg 83.94% 73.14%;
    --primary-foreground: 210deg 10.81% 14.51%;
    --cta: 351.24deg 100% 44.31%;
    --cta-foreground: 0 0% 100%;
    --border: 210deg 13.95% 83.14%;
    --input: 210deg 13.95% 83.14%;
    --radius: 4px;
    
    --secondary: 246.55deg 42.64% 25.29%;
}

@media (prefers-color-scheme: dark) {
    :root:not(.light) {
        --background: 0 0% 7.06%;
        --foreground: 0 0% 80%;
        --card: 0 0% 14.51%;
        --card-foreground: 0 0% 80%;
        --primary: 198.78deg 83.94% 73.14%;
        --primary-foreground: 210deg 10.81% 14.51%;
        --cta: 351.24deg 100% 44.31%;
        --cta-foreground: 0 0% 100%;
        --input: 0deg 1.92% 40.39%;
        --border: 0deg 1.92% 40.39%;
    
        --secondary: 0 0% 100%;
    }
}

body {
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.625;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.progress-stepper--step,
.price,
.heading {
    font-family: "Jura", sans-serif;
    font-weight: 700;
    color: hsl(var(--secondary));
}

.guests .typography.text-xs.italic {
    font-size: var(--text-base-size);
    line-height: var(--text-base-line-height);
    color: hsl(var(--cta));
}

.blue{
    color: hsl(var(--primary));
    font-weight: 600;
}

.red{
    color: hsl(var(--cta));
}

.btn {
    font-weight: 500;
    border-radius: var(--radius);
}

ul.validation-errors,
input:not([type="checkbox"]):not([type="radio"]),
textarea {
    border-radius: var(--radius);
}

header {
    --card: var(--background);
}

.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;
}

.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;
}

/**
  ** 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-item--content h2.typography.heading {display: none;}

.product-item--content .product-item--description {
    padding-top: 12px;
}
.product-item--content h2.product-title {
    font-size: var(--text-xl-size);
    line-height: var(--text-xl-line-height);
    font-family: "Jura", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: hsl(var(--secondary));
}

/**
 ** 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 h2.product-title {
    font-size: var(--text-xl-size);
    line-height: var(--text-xl-line-height);
    font-family: "Jura", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: hsl(var(--secondary));
}

.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--start-time:not(.cursor-not-allowed) {
    cursor: pointer;
}
.activity-container--start-time input[type=radio] {
    display: none;
}

.activity-container--selected-time {
    border-radius: var(--radius);
}

/**
 ** 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);
}

#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: var(--radius);
}

.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;
}

/**
 ** 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;
}