/* Wagbase premium global layer (Sept 25, 2026). Replaces the old playful layer (Fredoka, coral, 2px ink outlines, custom cursor, noise overlay). Fonts come from theme settings: Playfair Display + Jost. */
:root{--wb-ink:#1F1710;--wb-cream:#FBF9F4;--wb-panel:#F2EEE5;--wb-line:#E3DCD0;--wb-coral:#A34E22;--wb-accent:#A34E22;--wb-olive:#A34E22;--wb-ease-out:cubic-bezier(.16,1,.3,1);--wb-ease-bounce:cubic-bezier(.16,1,.3,1)}
::selection{background-color:#A34E22;color:#FBF9F4}
:focus-visible{outline:2px solid #A34E22;outline-offset:3px}
#wag-cursor{display:none!important}
/* Header: quiet uppercase text nav, no pills */
.menu-list__link-title{font-family:var(--font-body--family);font-weight:500;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;padding:.5rem 0;border:0;border-bottom:1px solid transparent;border-radius:0;transition:color .3s ease,border-color .3s ease}
.menu-list__list-item:not(:last-child){margin-inline-end:1.5rem}
.menu-list__link:hover .menu-list__link-title,.menu-list__link--active .menu-list__link-title{color:#A34E22;border-bottom-color:currentColor}
.header-actions__action{border:0;border-radius:0}
/* Buttons: hairline, no bounce */
.button,.button-secondary,a.button,a.button-secondary{border-width:1px!important;box-shadow:none!important;transform:none!important;font-family:var(--font-body--family);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:500}
.button:hover,.button-secondary:hover,a.button:hover,a.button-secondary:hover{transform:none!important;box-shadow:none!important}
/* Cards: flat, square, no outline */
.product-card__content{border:0!important;border-radius:0;box-shadow:none!important;transform:none!important}
.product-card__content .image-block__image,.product-card__content .placeholder-image{border-radius:0}
.collection-card__image{border:0;border-radius:0;overflow:hidden}
.collection-card__image img{transition:transform .8s cubic-bezier(.16,1,.3,1)}
.collection-card__link:hover .collection-card__image img{transform:scale(1.03)}
.collection-card .text-block--background{border:0!important;border-radius:0!important;background:transparent!important}
/* Headings on theme-built pages (404, collections list, contact, policies) */
main h1,main .h1{letter-spacing:-.005em}
.shopify-policy__container{max-width:44rem;padding-block:clamp(2.5rem,6vw,4.5rem)}
.shopify-policy__title h1{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.1;margin-bottom:2rem}
.shopify-policy__body{font-family:var(--font-body--family);font-size:17px;line-height:1.85;color:#3B3229}
.shopify-policy__body h2,.shopify-policy__body h3{font-family:var(--font-heading--family);font-weight:400;color:#1F1710}
.shopify-policy__body a{color:#A34E22;text-underline-offset:3px}
.sticky-add-to-cart__bar{background:#1F1710;color:#FBF9F4}
.sticky-add-to-cart__bar .sticky-add-to-cart__title,.sticky-add-to-cart__bar .sticky-add-to-cart__price{color:#FBF9F4}
.divider__line{border-color:#E3DCD0}
/* Mobile sideways-scroll fix (Sept 26, 2026). The Google & YouTube store widget renders a fixed 400px wrapper on phones narrower than 400px, which lets the page pan sideways into empty space. Cap it to the screen and clip any horizontal overflow (clip, not hidden, so the sticky header keeps working). */
html,body{overflow-x:clip;max-width:100%}
#google-merchantwidget-iframe-wrapper{max-width:100vw!important}