@import url('https://fonts.googleapis.com/css2?family=Wellfleet&display=swap');

:root {
    --background: 0deg 0% 98%;
    --foreground: 0deg 0% 11.37%;
    --card: 0 0% 100%;
    --card-foreground: 0deg 0% 11.37%;
    --primary: 2.5deg 100% 52.94%;
    --primary-foreground: 0 0% 100%;
    --cta: 152.18deg 68.75% 31.37%;
    --cta-foreground: 0 0% 100%;
    --border: 0deg 0% 86.67%;
    --input: 210 14% 89%;
    --radius: .5rem;

    --text-lg-size: 1rem;
    --text-xl-size: 1.25rem;
    --text-2xl-size: 1.5rem;
    --text-3xl-size: 1.75rem;
    --text-4xl-size: 2rem;
    --text-5xl-size: 2.25rem;
    --text-6xl-size: 2.5rem;
}

@media (prefers-color-scheme: dark) {
    :root:not(.light) {
        --background: 0deg 0% 7.06%;
        --primary: 2.5deg 100% 52.94%;
        --primary-foreground: 0 0% 100%;
        --cta: 152.18deg 68.75% 31.37%;
        --cta-foreground: 0 0% 100%;
        --card: 0deg 0% 12.16%;
        --accent: 0deg 0% 22.16%;
        --border: 0deg 0% 52%;
        --input: 0deg 0% 52%;
    }
}

.heading,
button,
[role=button],
.activity-container--selected-time {
    font-family: 'Wellfleet', monospace;
	text-transform: none!important;
}

header {
    --card: 0deg 0% 0%;
    --card-foreground: 0deg 0% 100%;
}
.progress-stepper--wrapper,
.mobile-filter-bar {
    --card: var(--primary);
    --card-foreground: var(--primary-foreground);
    --background: 0deg 0% 100%;
    --border: 0deg 0% 100%;
}
@media (prefers-color-scheme: dark) {
    .progress-stepper--wrapper,
    .mobile-filter-bar {
        --background: 0deg 0% 0%;
        --border: 0deg 0% 0%;
    }
    .progress-stepper--wrapper .text-card-foreground\/25 {
        color: hsl(var(--background) / 0.25);
    }
    .progress-stepper--wrapper .text-card-foreground\/50 {
        color: hsl(var(--background) / 0.5);
    }
}

header .logo-link {
    margin-top: -0.75rem;
    margin-bottom: -2rem;
    align-self: start;
}
header .logo {
    max-height: 70px;
}

.progress-stepper--wrapper a > span {
    border-width: 2px;
}
.progress-stepper--wrapper a > span.checked {
    background: hsl(var(--background));
    color: hsl(var(--foreground));
}
.progress-stepper--wrapper a > span.active {
    border-color: hsl(var(--background))
}
.progress-stepper--wrapper a > span.active,
.progress-stepper--wrapper a > span.active .text-info {
    color: hsl(var(--background));
}
.progress-stepper--wrapper a > span.pending {
    border-color: hsl(var(--border) / 0.5)
}

#summary-mobile {
    box-shadow: 0 0 .75rem hsl(0deg 0% 0% / .15);
}

.bg-card .heading {
    --text-lg-size: 1rem;
    --text-xl-size: 1rem;
    --text-2xl-size: 1rem;
    --text-3xl-size: 1.25rem;
    --text-4xl-size: 1.5rem;
    --text-5xl-size: 1.75rem;
    --text-6xl-size: 2rem;
}

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

.px-1 {
	color: red;
}
.group-split-info {
	color: red;
	font-weight: bold;
	opacity: 100;
}

body {
    background-color: hsl(var(--background));
}

.site-background {
    background-color: hsl(var(--background));
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -10;
    overflow: hidden;
}

strong {
    font-weight: bold;
}

.progress-stepper--step,
main .bg-card:not(.mobile-filter-bar):not(.progress-stepper--wrapper):not(.category-anchors):not(#summary-mobile):not(.rounded-full) {
    border-radius: var(--radius);
}

main .bg-card.offcanvas {
    border-radius: 0 var(--radius) var(--radius) 0 !important;
}

.btn {
    border-radius: 5px;
}

.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;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin: 0;
}

.product-list .price small,
.price.typography.text-2xl+.typography.text-xs {
    font-size: 1rem;
    line-height: 1.5;
}

/**
 ** Product List
 **/
.product-list .product-item .more-information,
.product-list .product-item h4,
.product-list .product-item h5 {
    display: none;
}

.product-list .product-item h3 {
    font-size: 1rem;
	line-height: 1.3;
}

.product-list .price small {
    display: block;
}

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