/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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

@layer reset, base, tokens, recipes, utilities;

@layer reset {
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	font: inherit;
    	vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    html {
    	height: 100%;
    }

    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    * {
    	box-sizing: border-box;
    }
    img, video {
        height: auto;
        max-width: 100%;
    }
}

body {
    background: var(--color-surface-primary);
	font-family: 'StrawberrySansText', sans-serif;
	-webkit-overflow-scrolling: touch;
	height: auto;
	min-height: 100vh;
    display: flex;
	flex-direction: column;
	line-height: 1;
    color: var(--color-text-primary);
}

*:focus-visible {
    outline: 2px solid var(--color-outline-prominent);
    outline-offset: 1px;
}
*:focus:not(:focus-visible) {
    outline: none;
}

/* Temporary until legacy sds-components have migrated */
[class^="sds-"][class$="text"],
[class^="sds-"][class$="heading"],
[class^="sds-"][class$="label"]  {
    color: var(--color-text-primary);
}

.content {
	flex: 1;
}

select, a {
	color: var(--color-text-primary);
}
.wrapper {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
}
.mobile-scroll-lock {
    overflow: hidden;
    overflow: clip; /* new browser with "clip" support overrides the hidden from above, old browser ignores the line and keeps the hidden */
	overscroll-behavior: none;
}
.scroll-lock {
    overflow: hidden;
    overflow: clip; /* new browser with "clip" support overrides the hidden from above, old browser ignores the line and keeps the hidden */
}
.w-full {
	width: 100%;
}

.grecaptcha-badge {
    visibility: hidden;
}

/* hide external propsales button covering UI */
#resume-booking {
    display: none;
}