/*
Theme Name: Ridgeline
Description: The BrainCraftRs demo store's outdoor-shop look: soft pastels, rounded cards and pill buttons. A child theme of Storefront.
Author: BrainCraftRs
Template: storefront
Version: 1.0.0
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: ridgeline
*/

:root {
	--rl-ink: #1f2b2a;
	--rl-text: #3d4b48;
	--rl-muted: #5f6b68;
	--rl-ground: #fbfaf7;
	--rl-paper: #ffffff;
	--rl-stone: #f2f0ea;
	--rl-line: #e6e2da;
	--rl-sage: #dcebdd;
	--rl-sky: #e4eef8;
	--rl-lilac: #ece6f7;
	--rl-butter: #fbf1cf;
	--rl-peach: #ffe3d8;
	--rl-mist: #e8eeec;
	--rl-sale: #b23c1b;
	--rl-sale-ink: #6e2a12;
	--rl-ok: #24533f;
	--rl-radius: 24px;
	--rl-radius-sm: 16px;
	--rl-shadow: 0 1px 2px rgba(31, 43, 42, .04), 0 8px 24px rgba(31, 43, 42, .06);
	--rl-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.rl-tint--sage { background: var(--rl-sage); }
.rl-tint--sky { background: var(--rl-sky); }
.rl-tint--lilac { background: var(--rl-lilac); }
.rl-tint--butter { background: var(--rl-butter); }
.rl-tint--peach { background: var(--rl-peach); }
.rl-tint--mist { background: var(--rl-mist); }

/* Base ------------------------------------------------------------------------------------------------------- */

body,
button,
input,
select,
textarea,
.wc-block-components-text-input input,
.wc-block-components-button {
	font-family: var(--rl-font);
}

body {
	background: var(--rl-ground);
	color: var(--rl-text);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.wc-block-components-title {
	color: var(--rl-ink);
	font-family: var(--rl-font);
	font-weight: 800;
	letter-spacing: -.025em;
}

a { color: var(--rl-ink); }
a:hover, a:focus { color: #3f6b60; }

/* No outline on click or tap (Storefront draws a purple one on every :focus). Keyboard users still get a soft
   ring, as a shadow, so it follows rounded corners. */
a:focus, button:focus, input:focus, textarea:focus, select:focus,
.button:focus, [tabindex]:focus {
	outline: none;
}

a:focus-visible, button:focus-visible, .button:focus-visible, [tabindex]:focus-visible {
	box-shadow: 0 0 0 3px var(--rl-paper), 0 0 0 5px #9cc3b1;
	outline: none;
}

/* Storefront clears floats in .col-full with ::before and ::after. Inside a flex or grid row those become stray
   items (in the mega menu they took the first column), so they are off wherever .col-full lays out its children. */
.rl-header::before, .rl-header::after,
.rl-nav__row::before, .rl-nav__row::after,
.rl-mega__inner::before, .rl-mega__inner::after,
.rl-hero__inner::before, .rl-hero__inner::after {
	content: none;
	display: none;
}

.col-full {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: content-box;
}

@media (max-width: 767px) {
	.col-full { padding-left: 16px; padding-right: 16px; }
}

.site-content { padding-top: 8px; }
.site-main { margin-bottom: 64px; }
.hentry { margin-bottom: 0; }
.storefront-full-width-content .content-area { width: 100%; float: none; margin-right: 0; }

/* Buttons and fields -------------------------------------------------------------------------------------------- */

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.added_to_cart,
.wp-element-button,
.wc-block-components-button:not(.is-link) {
	background: var(--rl-ink);
	border: 0;
	border-radius: 999px;
	color: #fff;
	font-weight: 600;
	padding: .8em 1.6em;
	text-shadow: none;
	transition: background-color .15s ease, transform .15s ease;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-element-button:hover,
.wc-block-components-button:not(.is-link):hover {
	background: #33433f;
	color: #fff;
}

.button.alt,
button.alt,
.single_add_to_cart_button,
.checkout-button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	background: var(--rl-ink) !important;
	color: #fff !important;
	border-radius: 999px !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select,
.select2-container .select2-selection--single,
.input-text {
	background: var(--rl-paper);
	border: 1px solid var(--rl-line);
	border-radius: 14px;
	box-shadow: none;
	color: var(--rl-ink);
	padding: .7em 1em;
}

input:focus, textarea:focus, select:focus, .input-text:focus {
	background: var(--rl-paper);
	border-color: var(--rl-ink);
}

.screen-reader-text:focus {
	background: var(--rl-paper);
	border-radius: 12px;
}

/* Campaign strip ---------------------------------------------------------------------------------------------- */

.rl-strip {
	align-items: center;
	background: var(--rl-peach);
	color: var(--rl-sale-ink);
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	gap: 6px 14px;
	justify-content: center;
	padding: 10px 16px;
	text-decoration: none;
}

.rl-strip:hover, .rl-strip:focus { color: var(--rl-sale-ink); }
.rl-strip__name { font-weight: 700; }
.rl-strip__time {
	background: #fff;
	border-radius: 999px;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	padding: 2px 10px;
}

/* Header ------------------------------------------------------------------------------------------------------ */

.site-header {
	background: var(--rl-ground);
	border: 0;
	margin-bottom: 0 !important; /* Storefront adds 4.2em under the header on the homepage. */
	padding: 18px 0 0 !important;
	position: relative;
	z-index: 50;
}

.rl-header {
	align-items: center;
	display: flex;
	gap: 16px 28px;
}

.rl-logo {
	align-items: center;
	color: var(--rl-ink);
	display: inline-flex;
	flex: 0 0 auto;
	gap: 12px;
	text-decoration: none;
}

.rl-logo:hover, .rl-logo:focus { color: var(--rl-ink); }
.rl-logo__img { display: block; height: 40px; max-width: 100%; width: auto; }

/* Search: one pill; the field, the icon and the button are flex items, so they share one centre line. */
.rl-search {
	align-items: center;
	background: var(--rl-paper);
	border: 1px solid var(--rl-line);
	border-radius: 999px;
	box-sizing: border-box;
	display: flex;
	flex: 1 1 auto;
	height: 50px;
	margin: 0 auto;
	max-width: 560px;
	min-width: 0;
	padding: 4px 4px 4px 18px;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.rl-search:focus-within { border-color: #b9c4c0; }
.rl-search__icon { color: var(--rl-muted); display: flex; flex: 0 0 auto; }
.rl-search__icon .rl-icon { height: 18px; width: 18px; }

.site-header .rl-search__field,
.site-header .rl-search__field:focus {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	flex: 1 1 auto;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	min-width: 0;
	outline: 0;
	padding: 0 12px;
	width: auto;
}

.rl-search__field::-webkit-search-decoration,
.rl-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.site-header .rl-search__button {
	flex: 0 0 auto;
	font-size: 14px;
	height: 40px;
	line-height: 1;
	margin: 0;
	padding: 0 20px;
}

.rl-tools {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	gap: 8px;
}

.rl-round {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 50%;
	box-sizing: border-box;
	color: var(--rl-ink);
	display: flex;
	flex: 0 0 46px;
	height: 46px;
	justify-content: center;
	padding: 0;
	position: relative;
	width: 46px;
}

.rl-round:hover, .rl-round:focus { background: var(--rl-stone); color: var(--rl-ink); }

.rl-round--cart {
	background: var(--rl-paper);
	border: 1px solid var(--rl-line);
}

.rl-cart-count {
	align-items: center;
	background: var(--rl-ink);
	border-radius: 10px;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	font-size: 11px;
	font-weight: 700;
	height: 20px;
	justify-content: center;
	min-width: 20px;
	padding: 0 4px;
	position: absolute;
	right: -4px;
	top: -4px;
}

.rl-cart-count.is-empty { display: none; }

/* The menu button and the drawer's own header only show on small screens. */
.rl-menu-toggle { display: none; }
.rl-menu-toggle .rl-icon + .rl-icon { display: none; }
.rl-drawer__head, .rl-nav-backdrop { display: none; }

/* Main menu and mega menu --------------------------------------------------------------------------------------- */

.rl-nav { border-bottom: 1px solid var(--rl-line); margin-top: 14px; }

.rl-nav__row {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: space-between;
}

.rl-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 0 6px;
	list-style: none;
	margin: 0 0 0 -12px;
	padding: 0;
}

.rl-menu__item { align-items: center; display: flex; }

.rl-menu__link {
	border-radius: 999px;
	color: var(--rl-ink);
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	padding: 16px 4px 16px 12px;
	position: relative;
	text-decoration: none;
}

.rl-menu__item:not(.has-panel) .rl-menu__link { padding-right: 12px; }
.rl-menu__link:hover, .rl-menu__link:focus { color: var(--rl-ink); }

/* The underline on the open or current item. */
.rl-menu__link::after {
	background: var(--rl-ink);
	border-radius: 2px;
	bottom: -1px;
	content: "";
	height: 3px;
	left: 12px;
	opacity: 0;
	position: absolute;
	right: 4px;
	transition: opacity .15s ease;
}

.rl-menu__item.is-current > .rl-menu__link::after,
.rl-menu__item.is-open > .rl-menu__link::after { opacity: 1; }

.site-header .rl-menu__open {
	align-items: center;
	background: transparent;
	border-radius: 50%;
	color: var(--rl-muted);
	display: flex;
	height: 28px;
	justify-content: center;
	margin: 0 6px 0 0;
	padding: 0;
	width: 28px;
}

.site-header .rl-menu__open:hover { background: var(--rl-stone); color: var(--rl-ink); }
.rl-menu__open .rl-icon { height: 16px; transition: transform .2s ease; width: 16px; }
.rl-menu__item.is-open .rl-menu__open .rl-icon { transform: rotate(180deg); }

.rl-nav__note {
	align-items: center;
	color: var(--rl-muted);
	display: flex;
	flex: 0 0 auto;
	font-size: 13px;
	gap: 8px;
	margin: 0;
}

.rl-nav__note .rl-icon { height: 18px; width: 18px; }

.rl-mega {
	background: var(--rl-paper);
	border-bottom: 1px solid var(--rl-line);
	box-shadow: 0 24px 40px -24px rgba(31, 43, 42, .18);
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 100%;
	transform: translateY(-6px);
	transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
	visibility: hidden;
}

.rl-menu__item.is-open > .rl-mega {
	opacity: 1;
	transform: none;
	transition-delay: 0s;
	visibility: visible;
}

@media (min-width: 1025px) and (hover: hover) {
	.rl-menu__item.has-panel:hover > .rl-mega {
		opacity: 1;
		transform: none;
		transition-delay: .06s;
		visibility: visible;
	}

	.rl-menu__item.has-panel:hover > .rl-menu__link::after { opacity: 1; }
}

.rl-mega__inner {
	display: grid;
	gap: 32px;
	grid-template-columns: 1fr 280px;
	padding-bottom: 32px;
	padding-top: 28px;
}

.rl-mega__cols {
	display: grid;
	gap: 24px 32px;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}

.rl-mega__head {
	color: var(--rl-ink);
	display: block;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 8px;
	text-decoration: none;
}

.rl-mega__col ul { list-style: none; margin: 0; padding: 0; }
.rl-mega__col li a { color: var(--rl-text); display: block; font-size: 14px; padding: 4px 0; text-decoration: none; }
.rl-mega__col li a:hover, .rl-mega__col li a:focus, .rl-mega__col li a[aria-current] { color: var(--rl-ink); text-decoration: underline; text-underline-offset: 3px; }

.rl-mega__feature {
	border-radius: var(--rl-radius);
	color: var(--rl-ink);
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 24px;
	text-decoration: none;
}

.rl-mega__feature:hover, .rl-mega__feature:focus { color: var(--rl-ink); }
.rl-mega__feature .rl-art { height: 56px; margin-bottom: 4px; width: 56px; }
.rl-mega__feature strong { font-size: 18px; letter-spacing: -.01em; }
.rl-mega__feature span { color: var(--rl-text); font-size: 14px; }

.rl-mega__go {
	align-items: center;
	color: var(--rl-ink) !important;
	display: inline-flex;
	font-weight: 700;
	gap: 6px;
	margin-top: auto;
	padding-top: 8px;
}

.rl-mega__go .rl-icon { height: 16px; width: 16px; }

@media (max-width: 1200px) {
	.rl-nav__note { display: none; }
}

/* Phones and tablets: a menu button, and the menu as a drawer of accordions. */
@media (max-width: 1024px) {
	.site-header { padding-top: 12px !important; padding-bottom: 12px !important; }
	.rl-header { flex-wrap: wrap; gap: 12px; }
	.rl-menu-toggle { display: flex; order: 1; }
	.rl-drawer__head { display: flex; }
	.rl-nav-backdrop { display: block; }
	.rl-nav-backdrop[hidden] { display: none; }
	.rl-logo { flex: 1 1 auto; order: 2; }
	.rl-tools { order: 3; }
	.rl-search { flex-basis: 100%; height: 48px; max-width: none; order: 4; }
	.rl-logo__img { height: 32px; }

	/* The drawer: slides in from the left, over a dimmed backdrop. */
	.rl-nav {
		background: var(--rl-ground);
		border: 0;
		bottom: 0;
		box-shadow: 0 0 40px rgba(31, 43, 42, .18);
		box-sizing: border-box;
		left: 0;
		margin: 0;
		max-width: 400px;
		overflow-y: auto;
		overscroll-behavior: contain;
		position: fixed;
		top: 0;
		transform: translateX(-100%);
		transition: transform .28s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .28s;
		visibility: hidden;
		width: 88vw;
		z-index: 100002;
	}

	.rl-menu-open .rl-nav { transform: none; transition-delay: 0s; visibility: visible; }
	/* Above the demo banner and the admin bar while the drawer is out. */
	.site-header.rl-drawer-up { z-index: 100003; }

	.rl-nav-backdrop {
		background: rgba(31, 43, 42, .45);
		inset: 0;
		opacity: 0;
		position: fixed;
		transition: opacity .28s ease;
		z-index: 100001;
	}

	.rl-menu-open .rl-nav-backdrop { opacity: 1; }

	.rl-drawer__head {
		align-items: center;
		background: var(--rl-ground);
		border-bottom: 1px solid var(--rl-line);
		display: flex;
		justify-content: space-between;
		padding: 14px 14px 14px 20px;
		position: sticky;
		top: 0;
		z-index: 1;
	}

	.rl-drawer__head .rl-logo { flex: 0 1 auto; order: 0; }
	.rl-drawer__head .rl-drawer__close { order: 1; }
	.rl-drawer__head .rl-logo__img { height: 28px; }
	.rl-nav__row { padding-left: 20px; padding-right: 20px; }

	.rl-nav__row { display: block; padding-bottom: 32px; }
	.rl-menu { display: block; margin: 0; }
	.rl-menu__item { border-bottom: 1px solid var(--rl-line); flex-wrap: wrap; }
	.rl-menu__link { flex: 1 1 auto; font-size: 17px; padding: 16px 0; }
	.rl-menu__link::after { display: none; }
	.site-header .rl-menu__open { height: 44px; margin: 0; width: 44px; }
	.rl-menu__open .rl-icon { height: 20px; width: 20px; }

	.rl-mega {
		background: transparent;
		border: 0;
		box-shadow: none;
		display: none;
		flex-basis: 100%;
		opacity: 1;
		position: static;
		transform: none;
		transition: none;
		visibility: visible;
	}

	.rl-menu__item.is-open > .rl-mega { display: block; }
	.rl-mega__inner { display: block; padding: 0 0 20px; }
	.rl-mega__cols { gap: 18px; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
	.rl-mega__feature { margin-top: 20px; padding: 18px; }
	.rl-mega__feature .rl-art { height: 40px; width: 40px; }
	.rl-nav__note { display: flex; padding-top: 20px; }
	body.rl-no-scroll { overflow: hidden; }
}

@media (max-width: 480px) {
	.rl-logo { min-width: 0; }
	.rl-logo__img { height: 28px; }
	.rl-tools { gap: 4px; }
	.rl-header .rl-round:not(.rl-round--cart):not(.rl-menu-toggle) { display: none; }
	.site-header .rl-search__button { padding: 0 16px; }
}

/* Breadcrumb ---------------------------------------------------------------------------------------------------- */

.rl-breadcrumb {
	background: none;
	color: var(--rl-muted);
	font-size: 13px;
	margin: 0 0 16px;
	padding: 0;
}

.rl-breadcrumb a { color: var(--rl-text); text-decoration: none; }
.rl-crumb-sep { margin: 0 8px; }
.woocommerce-breadcrumb a:first-of-type::before { content: none; }

/* Shared pieces ----------------------------------------------------------------------------------------------- */

.rl-chip {
	align-self: flex-start;
	background: var(--rl-paper);
	border-radius: 999px;
	color: var(--rl-ink);
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	padding: 6px 14px;
}

.rl-chip--peach { background: var(--rl-peach); color: var(--rl-sale-ink); font-variant-numeric: tabular-nums; }

.rl-btn {
	align-items: center;
	background: var(--rl-ink);
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-weight: 600;
	gap: 10px;
	min-height: 54px;
	padding: 0 28px;
	text-decoration: none;
}

.rl-btn:hover, .rl-btn:focus { background: #33433f; color: #fff; }
.rl-btn .rl-icon { height: 16px; width: 16px; }
.rl-btn--light { background: var(--rl-paper); color: var(--rl-ink); }
.rl-btn--light:hover, .rl-btn--light:focus { background: var(--rl-stone); color: var(--rl-ink); }

.rl-section { margin: 72px 0 0; }

.rl-section__head {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 24px;
}

.rl-section__title {
	font-size: clamp(26px, 3vw, 34px);
	letter-spacing: -.03em;
	margin: 0;
}

.rl-more { font-size: 15px; font-weight: 600; text-decoration: none; }

/* Home: hero -------------------------------------------------------------------------------------------------- */

/* Full width: a sage band from edge to edge, the text in the page column, the photo filling the right half up to
   the window's edge, its left side fading into the band. */
.site { overflow-x: clip; }
.home .site-content { padding-top: 0; }

.rl-hero {
	align-items: center;
	background: var(--rl-sage);
	display: flex;
	margin-left: calc(50% - 50vw);
	min-height: clamp(440px, 58vh, 600px);
	position: relative;
	width: 100vw;
}

.rl-hero__img {
	height: 100% !important;
	object-fit: cover;
	object-position: 50% 62%;
	position: absolute;
	right: 0;
	top: 0;
	width: 52% !important;
}

.rl-hero::before {
	background: linear-gradient(90deg, var(--rl-sage) 0%, rgba(220, 235, 221, 0) 100%);
	bottom: 0;
	content: "";
	position: absolute;
	right: calc(52% - 160px);
	top: 0;
	width: 160px;
	z-index: 1;
}

.rl-hero__inner { position: relative; width: 100%; z-index: 2; }

.rl-hero__text {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 520px;
	padding: 56px 0;
}

.rl-hero__eyebrow {
	color: var(--rl-muted);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.rl-hero__title {
	font-size: clamp(42px, 5.6vw, 72px);
	letter-spacing: -.04em;
	line-height: 1;
	margin: 0;
}

.rl-hero__lead { color: var(--rl-text); font-size: 18px; margin: 0; max-width: 420px; }
.rl-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }

/* Phones: the photo on top, the text under it. */
@media (max-width: 767px) {
	.rl-hero { align-items: stretch; flex-direction: column; min-height: 0; }
	.rl-hero::before { display: none; }
	.rl-hero__img { aspect-ratio: 4 / 3; height: auto !important; object-position: 50% 62%; position: static; width: 100% !important; }
	.rl-hero__inner { padding-bottom: 28px; }
	.rl-hero__text { gap: 16px; padding: 28px 0 8px; }
	.rl-hero__lead { font-size: 16px; }
}

/* Home: activities ---------------------------------------------------------------------------------------------- */

/* Three cards a row: the drawing top left, the name and groups beside it, the product count across the bottom. */
.rl-activities {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.rl-activity {
	align-content: start;
	border-radius: var(--rl-radius);
	box-sizing: border-box;
	color: var(--rl-ink);
	column-gap: 18px;
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr);
	grid-template-rows: auto 1fr auto;
	height: 100%;
	overflow: hidden;
	padding: 22px 22px 18px;
	position: relative;
	row-gap: 4px;
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease;
}

/* A soft disc behind the corner. */
.rl-activity::before {
	background: rgba(255, 255, 255, .55);
	border-radius: 50%;
	content: "";
	height: 150px;
	position: absolute;
	right: -56px;
	top: -56px;
	width: 150px;
}

.rl-activity:hover, .rl-activity:focus { box-shadow: var(--rl-shadow); color: var(--rl-ink); transform: translateY(-3px); }

.rl-activity__art {
	align-items: center;
	background: var(--rl-paper);
	border-radius: 18px;
	display: flex;
	grid-column: 1;
	grid-row: 1 / span 2;
	height: 68px;
	justify-content: center;
	position: relative;
	transition: transform .18s ease;
	width: 68px;
}

.rl-activity:hover .rl-activity__art { transform: rotate(-4deg) scale(1.04); }
.rl-activity__art .rl-art { height: 44px; width: 44px; }
.rl-activity__name { align-self: end; font-size: 19px; font-weight: 700; grid-column: 2; grid-row: 1; letter-spacing: -.01em; line-height: 1.25; padding-top: 4px; position: relative; }
.rl-activity__subs { color: var(--rl-text); font-size: 13px; grid-column: 2; grid-row: 2; line-height: 1.45; position: relative; }

.rl-activity__count {
	align-items: center;
	border-top: 1px solid rgba(31, 43, 42, .1);
	color: var(--rl-ink);
	display: flex;
	font-size: 13px;
	font-weight: 600;
	gap: 6px;
	grid-column: 1 / -1;
	grid-row: 3;
	justify-content: space-between;
	margin-top: 16px;
	padding-top: 12px;
	position: relative;
}

.rl-activity__count .rl-icon { height: 16px; transition: transform .18s ease; width: 16px; }
.rl-activity:hover .rl-activity__count .rl-icon { transform: translateX(3px); }

@media (max-width: 900px) {
	.rl-activities { gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
	.rl-activities { gap: 12px; grid-template-columns: 1fr; }
	.rl-activity { column-gap: 14px; grid-template-columns: 56px minmax(0, 1fr); padding: 16px 16px 14px; }
	.rl-activity__art { height: 56px; width: 56px; }
	.rl-activity__art .rl-art { height: 36px; width: 36px; }
	.rl-activity__name { font-size: 17px; }
	.rl-activity__count { margin-top: 12px; padding-top: 10px; }
}

/* An empty category. */
.rl-empty {
	align-items: center;
	background: var(--rl-paper);
	border: 1px dashed var(--rl-line);
	border-radius: var(--rl-radius);
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 8px 0 24px;
	padding: 48px 24px;
	text-align: center;
}

.rl-empty .rl-art { color: var(--rl-muted); height: 64px; width: 64px; }
.rl-empty h2 { font-size: 24px; margin: 8px 0 0; }
.rl-empty p { margin: 0 0 12px; max-width: 420px; }

/* Home: perks and admin call to action --------------------------------------------------------------------------- */

.rl-perks-row {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	margin-top: 72px;
}

.rl-perk {
	align-items: center;
	border-radius: var(--rl-radius);
	display: flex;
	gap: 16px;
	padding: 24px;
}

.rl-perk__icon {
	align-items: center;
	background: var(--rl-paper);
	border-radius: 16px;
	color: var(--rl-ink);
	display: flex;
	flex: 0 0 52px;
	height: 52px;
	justify-content: center;
}

.rl-perk strong { color: var(--rl-ink); display: block; }
.rl-perk span { font-size: 14px; }

.rl-cta {
	align-items: center;
	border-radius: 32px;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: space-between;
	margin-top: 56px;
	padding: clamp(28px, 5vw, 48px);
}

.rl-cta > div { flex: 1 1 360px; }
.rl-cta__title { font-size: 30px; letter-spacing: -.03em; margin: 0 0 8px; }
.rl-cta p { margin: 0; max-width: 560px; }

/* Shop and category pages ---------------------------------------------------------------------------------------- */

.rl-archive-head {
	border-radius: 32px;
	margin-bottom: 32px;
	padding: clamp(28px, 5vw, 44px) clamp(24px, 5vw, 48px);
}

.rl-archive-head__title {
	font-size: clamp(34px, 4.5vw, 52px);
	letter-spacing: -.035em;
	line-height: 1.05;
	margin: 0 0 10px;
}

.rl-archive-head__text { max-width: 620px; }
.rl-archive-head__text p { margin: 0; }

.rl-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}

.rl-pills a {
	background: var(--rl-paper);
	border-radius: 999px;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	min-height: 40px;
	align-items: center;
	padding: 0 16px;
	text-decoration: none;
}

.rl-pills a:hover { background: var(--rl-ink); color: #fff; }

.storefront-sorting {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 24px;
}

.storefront-sorting::before, .storefront-sorting::after { content: none; }

/* WooCommerce's products header only holds the title and description, which the archive card above shows. */
.woocommerce-products-header { display: none; }

/* Above the products: the result count on the left, sorting on the right, on one line. */
.storefront-sorting .woocommerce-notices-wrapper:empty { display: none; }
.storefront-sorting .woocommerce-result-count {
	color: var(--rl-muted);
	float: none;
	line-height: 1.4;
	margin: 0;
	order: -1;
	padding: 0;
}
.storefront-sorting .woocommerce-ordering { float: none; margin: 0 0 0 auto; padding: 0; }
.woocommerce-ordering select {
	background-color: var(--rl-paper);
	border: 1px solid var(--rl-line);
	border-radius: 999px;
	color: var(--rl-ink);
	font-size: 14px;
	font-weight: 600;
	height: 40px;
	line-height: 1.2;
	margin: 0;
	padding: 0 40px 0 16px;
	width: auto !important;
	max-width: 100%;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231f2b2a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E");
	background-position: right 14px center;
	background-repeat: no-repeat;
	background-size: 16px;
	cursor: pointer;
}
.woocommerce-ordering select:hover { border-color: var(--rl-ink); }

@media (max-width: 560px) {
	.storefront-sorting { flex-wrap: nowrap; }
	.storefront-sorting .woocommerce-result-count { font-size: 13px; white-space: nowrap; }
	.storefront-sorting .woocommerce-ordering { flex: 0 1 auto; min-width: 0; }
	.woocommerce-ordering select { font-size: 13px; padding-left: 14px; text-overflow: ellipsis; width: 156px !important; }
}
.storefront-sorting .woocommerce-pagination { display: none; }

/* Below the products: only the page numbers, centred. */
ul.products ~ .storefront-sorting { justify-content: center; margin: 32px 0 0; }
ul.products ~ .storefront-sorting .woocommerce-ordering,
ul.products ~ .storefront-sorting .woocommerce-result-count { display: none; }
ul.products ~ .storefront-sorting .woocommerce-pagination { display: block; float: none; margin: 0; padding: 0; }
ul.products ~ .storefront-sorting:not(:has(.page-numbers)) { display: none; }

.woocommerce-pagination .page-numbers { border: 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; list-style: none; margin: 0; padding: 0; }
.woocommerce-pagination a.page-numbers { color: var(--rl-ink); text-decoration: none; }
.woocommerce-pagination a.page-numbers:hover { border-color: var(--rl-ink) !important; }
.woocommerce-pagination .page-numbers li { border: 0; }
.woocommerce-pagination .page-numbers li .page-numbers {
	align-items: center;
	background: var(--rl-paper);
	border: 1px solid var(--rl-line);
	border-radius: 999px;
	display: flex;
	font-weight: 600;
	justify-content: center;
	min-height: 46px;
	min-width: 46px;
	padding: 0 14px;
	box-sizing: border-box;
}
.woocommerce-pagination .page-numbers li .page-numbers.current { background: var(--rl-ink); border-color: var(--rl-ink); color: #fff; }

/* Product cards ---------------------------------------------------------------------------------------------- */

ul.products,
.site-main ul.products {
	display: grid !important;
	gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	margin: 0 0 32px;
}

ul.products::before,
ul.products::after { content: none !important; display: none !important; }

ul.products li.product,
.site-main ul.products li.product {
	background: var(--rl-paper);
	border-radius: var(--rl-radius);
	box-shadow: var(--rl-shadow);
	box-sizing: border-box;
	clear: none !important;
	display: flex;
	flex-direction: column;
	float: none !important;
	margin: 0 !important;
	padding: 10px 10px 18px;
	position: relative;
	text-align: left;
	width: auto !important;
}

ul.products li.product .woocommerce-LoopProduct-link {
	display: flex;
	flex: 1;
	flex-direction: column;
	text-decoration: none;
}

ul.products li.product img {
	aspect-ratio: 1 / 1;
	border-radius: 18px;
	margin: 0 0 14px !important;
	object-fit: cover;
	width: 100%;
}

.rl-card-cat { color: var(--rl-muted); font-size: 13px; padding: 0 8px; }

ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product h3 {
	color: var(--rl-ink);
	font-size: 16px !important;
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 1.3;
	margin: 2px 0 6px;
	padding: 0 8px !important;
}

ul.products li.product .price {
	color: var(--rl-ink);
	font-size: 18px;
	font-weight: 700;
	margin: auto 0 12px;
	padding: 0 8px;
}

.price del { color: #6b7673; font-size: .8em; font-weight: 400; opacity: 1; }
.price ins { color: var(--rl-sale); font-weight: 700; text-decoration: none; }

ul.products li.product .button {
	align-self: flex-start;
	font-size: 14px;
	margin: 0 8px;
	padding: .65em 1.3em;
}

ul.products li.product .added_to_cart { display: none; }

.onsale {
	background: var(--rl-paper);
	border: 0;
	border-radius: 999px;
	box-shadow: 0 1px 2px rgba(31, 43, 42, .08);
	color: var(--rl-sale);
	font-size: 12px;
	font-weight: 700;
	left: 22px;
	line-height: 1;
	min-height: 0;
	min-width: 0;
	padding: 7px 11px;
	position: absolute;
	top: 22px;
	z-index: 2;
}

.single-product .onsale { left: 20px; top: 20px; }

/* Product page ------------------------------------------------------------------------------------------------ */

.single-product div.product {
	display: flex;
	flex-wrap: wrap;
	gap: 48px;
	position: relative;
}

.single-product div.product::before, .single-product div.product::after { content: none; }

.single-product div.product .woocommerce-product-gallery {
	/* The photo takes about 60% of the row; the summary the rest. */
	flex: 1.6 1 560px;
	float: none;
	margin: 0;
	min-width: 0;
	width: auto;
}

.single-product div.product .summary {
	flex: 1 1 340px;
	float: none;
	margin: 0;
	min-width: 0;
	width: auto;
}

.single-product div.product .woocommerce-product-gallery img,
.single-product div.product .woocommerce-product-gallery__image { border-radius: 32px; overflow: hidden; }
/* The photo fills its column (Storefront's 416px single image would leave it small). */
.single-product div.product .woocommerce-product-gallery__image > a > img.wp-post-image,
.single-product div.product .woocommerce-product-gallery__image img.wp-post-image { display: block; height: auto; width: 100%; }
.woocommerce-product-gallery .flex-control-thumbs { display: grid !important; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 12px; }
.woocommerce-product-gallery .flex-control-thumbs li { margin: 0 !important; width: auto !important; }
.woocommerce-product-gallery .flex-control-thumbs img { border-radius: 18px !important; }
.woocommerce-product-gallery__trigger { border-radius: 999px; }

.single-product div.product .product_title {
	font-size: clamp(34px, 4vw, 48px);
	letter-spacing: -.035em;
	line-height: 1.05;
	margin-bottom: 12px;
}

.single-product div.product p.price,
.single-product div.product span.price {
	color: var(--rl-ink);
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -.02em;
	margin: 0 0 16px;
}

.single-product div.product .woocommerce-product-details__short-description { color: var(--rl-text); margin-bottom: 20px; }

.rl-sale-note {
	align-items: center;
	background: var(--rl-peach);
	border-radius: 18px;
	color: var(--rl-sale-ink);
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	gap: 6px 10px;
	margin: 0 0 20px;
	padding: 14px 18px;
}

.rl-sale-note .rl-icon { height: 18px; width: 18px; }
.rl-sale-note strong { font-variant-numeric: tabular-nums; }

.single-product div.product form.cart {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
	padding: 0;
}

.single-product div.product form.cart::before, .single-product div.product form.cart::after { content: none; }
.single-product div.product form.cart.variations_form { display: block; }
.single-product div.product form.cart .woocommerce-variation-add-to-cart { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
.single-product div.product form.cart .quantity { margin: 0; }
.single-product div.product form.cart .quantity .qty { border-radius: 999px; height: 56px; text-align: center; width: 84px; }
.single-product div.product form.cart .single_add_to_cart_button { flex: 1 1 220px; font-size: 17px; height: 56px; }

.single-product div.product table.variations { border: 0; margin-bottom: 16px; }
.single-product div.product table.variations th, .single-product div.product table.variations td { background: none; border: 0; padding: 0 0 8px; display: block; text-align: left; }
.single-product div.product table.variations label { color: var(--rl-ink); font-weight: 700; }
.single-product div.product table.variations select { border-radius: 999px; min-width: 220px; }
.single-product div.product .reset_variations { font-size: 13px; margin-left: 8px; }

.rl-perks {
	background: var(--rl-paper);
	border-radius: 20px;
	font-size: 14px;
	list-style: none;
	margin: 0 0 20px;
	padding: 16px 20px;
}

.rl-perks li { align-items: center; display: flex; gap: 10px; padding: 4px 0; }
.rl-perks .rl-icon { color: var(--rl-ok); height: 18px; width: 18px; }

.single-product div.product .product_meta {
	border: 0;
	color: var(--rl-muted);
	font-size: 13px;
	padding: 0;
}

.single-product div.product .product_meta > span { display: block; }

.woocommerce-tabs {
	background: var(--rl-paper);
	border-radius: 32px;
	box-sizing: border-box;
	flex: 1 1 100%;
	margin: 0;
	padding: 20px clamp(20px, 4vw, 40px) 24px;
}

.woocommerce-tabs::before, .woocommerce-tabs::after { content: none; }

.woocommerce-tabs ul.tabs {
	border: 0;
	display: flex;
	flex-wrap: wrap;
	float: none;
	gap: 8px;
	margin: 0 0 16px;
	width: 100%;
}

.woocommerce-tabs ul.tabs li { border: 0; display: block; }
.woocommerce-tabs ul.tabs li::after { content: none !important; }
.woocommerce-tabs ul.tabs li a {
	background: var(--rl-stone);
	border-radius: 999px;
	color: var(--rl-ink);
	font-weight: 600;
	padding: 10px 20px;
}

.woocommerce-tabs ul.tabs li.active a { background: var(--rl-ink); color: #fff; }

.woocommerce-tabs .panel {
	float: none;
	margin: 0;
	width: 100%;
}

.woocommerce-tabs .panel h2:first-of-type { font-size: 22px; }

.woocommerce-product-attributes { border: 0; }
.woocommerce-product-attributes th, .woocommerce-product-attributes td {
	background: none !important;
	border: 0;
	border-bottom: 1px solid #f0ede6;
	padding: 12px 0;
}
.woocommerce-product-attributes th { color: var(--rl-muted); font-weight: 400; width: 40%; }
.woocommerce-product-attributes td { color: var(--rl-ink); font-weight: 600; }
.woocommerce-product-attributes td p { margin: 0; }

.related.products, .upsells.products { flex: 1 1 100%; margin-top: 24px; }
.related.products > h2, .upsells.products > h2 { font-size: 32px; letter-spacing: -.03em; margin-bottom: 24px; }

.storefront-product-pagination a { border-radius: 18px; box-shadow: var(--rl-shadow); }
.storefront-sticky-add-to-cart { background: var(--rl-paper); border: 0; box-shadow: var(--rl-shadow); }

/* Cart drawer: slides in from the right ---------------------------------------------------------------------- */

body.rl-cart-open { overflow: hidden; }

.rl-cart-backdrop {
	background: rgba(31, 43, 42, .45);
	inset: 0;
	opacity: 0;
	position: fixed;
	transition: opacity .3s ease;
	z-index: 100009;
}
.rl-cart-backdrop[hidden] { display: none; }
.rl-cart-open .rl-cart-backdrop { opacity: 1; }

.rl-cart-drawer {
	background: var(--rl-ground);
	box-shadow: -24px 0 60px rgba(31, 43, 42, .18);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	height: 100dvh;
	max-width: 100%;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(105%);
	transition: transform .32s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .32s;
	visibility: hidden;
	width: 440px;
	z-index: 100010;
}
.rl-cart-open .rl-cart-drawer { transform: none; transition-delay: 0s; visibility: visible; }

.rl-cart-drawer__head {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 20px 24px 12px;
}
.rl-cart-drawer__title { color: var(--rl-ink); font-size: 22px; font-weight: 700; letter-spacing: -.02em; margin: 0; }
.rl-cart-drawer__count { color: var(--rl-muted); font-weight: 500; }
.rl-cart-drawer__close { flex: none; }

.rl-cart-drawer__note {
	align-items: center;
	background: var(--rl-sage);
	border-radius: 14px;
	color: var(--rl-ok);
	display: flex;
	font-size: 13px;
	font-weight: 600;
	gap: 8px;
	margin: 0 24px 8px;
	padding: 10px 14px;
}
.rl-cart-drawer__note .rl-icon { flex: none; height: 18px; width: 18px; }

.rl-cart-drawer .widget_shopping_cart_content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
}

.rl-cart-drawer .woocommerce-mini-cart {
	flex: 1 1 auto;
	list-style: none;
	margin: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 0 24px;
}

.rl-cart-drawer .woocommerce-mini-cart-item {
	border-bottom: 1px solid var(--rl-line);
	min-height: 84px;
	padding: 16px 36px 16px 100px !important;
	position: relative;
}
.rl-cart-drawer .woocommerce-mini-cart-item::before,
.rl-cart-drawer .woocommerce-mini-cart-item::after { content: none !important; }
.rl-cart-drawer .woocommerce-mini-cart-item:last-child { border-bottom: 0; }

.rl-cart-drawer .woocommerce-mini-cart-item > a:not(.remove) {
	color: var(--rl-ink);
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
}
.rl-cart-drawer .woocommerce-mini-cart-item > a:not(.remove):hover { color: var(--rl-ink); text-decoration: underline; }

.rl-cart-drawer .woocommerce-mini-cart-item img {
	aspect-ratio: 1;
	background: var(--rl-stone);
	border-radius: 16px;
	float: none !important;
	height: 84px;
	left: 0;
	margin: 0 !important;
	max-width: none !important;
	object-fit: cover;
	position: absolute;
	top: 16px;
	width: 84px;
}

.rl-cart-drawer .woocommerce-mini-cart-item .variation { color: var(--rl-muted); font-size: 13px; margin: 4px 0 0; }
.rl-cart-drawer .woocommerce-mini-cart-item .variation dt,
.rl-cart-drawer .woocommerce-mini-cart-item .variation dd,
.rl-cart-drawer .woocommerce-mini-cart-item .variation p { display: inline; float: none; margin: 0; }

.rl-cart-drawer .woocommerce-mini-cart-item .quantity { color: var(--rl-muted); display: block; font-size: 14px; margin-top: 6px; }
.rl-cart-drawer .woocommerce-mini-cart-item .quantity .amount { color: var(--rl-ink); font-weight: 700; }

.rl-cart-drawer a.remove {
	align-items: center;
	background: transparent;
	border-radius: 999px;
	color: var(--rl-muted) !important;
	display: flex;
	font-size: 22px;
	height: 30px;
	justify-content: center;
	line-height: 1;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 14px;
	width: 30px;
}
.rl-cart-drawer a.remove:hover { background: var(--rl-peach); color: var(--rl-sale-ink) !important; }

.rl-cart-drawer .woocommerce-mini-cart__total,
.rl-cart-drawer .woocommerce-mini-cart__buttons {
	background: var(--rl-paper);
	margin: 0;
}
.rl-cart-drawer .woocommerce-mini-cart__total {
	align-items: baseline;
	border-top: 1px solid var(--rl-line);
	box-shadow: 0 -12px 24px rgba(31, 43, 42, .05);
	color: var(--rl-ink);
	display: flex;
	font-size: 16px;
	justify-content: space-between;
	padding: 18px 24px 4px;
}
.rl-cart-drawer .woocommerce-mini-cart__total .amount { font-size: 22px; font-weight: 700; letter-spacing: -.02em; }
.rl-cart-drawer .woocommerce-mini-cart__buttons {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr;
	padding: 12px 24px max(20px, env(safe-area-inset-bottom));
}
.rl-cart-drawer .woocommerce-mini-cart__buttons::before,
.rl-cart-drawer .woocommerce-mini-cart__buttons::after { content: none; }
.rl-cart-drawer .woocommerce-mini-cart__buttons .button {
	box-sizing: border-box;
	display: block;
	font-size: 15px;
	margin: 0 !important;
	padding: 15px 12px;
	text-align: center;
	width: 100%;
}
.rl-cart-drawer .woocommerce-mini-cart__buttons .button:not(.checkout) {
	background: var(--rl-paper) !important;
	box-shadow: inset 0 0 0 1.5px var(--rl-ink);
	color: var(--rl-ink) !important;
}
.rl-cart-drawer .woocommerce-mini-cart__buttons .button:not(.checkout):hover { background: var(--rl-stone) !important; }

.rl-cart-drawer .woocommerce-mini-cart__empty-message {
	color: var(--rl-muted);
	margin: 48px 24px 16px;
	text-align: center;
}
.rl-cart-drawer__shop { margin: 0 24px; text-align: center; }
.rl-cart-drawer .button { text-decoration: none; }

.rl-cart-drawer .blockUI.blockOverlay { background: rgba(251, 250, 247, .6) !important; }

@media (max-width: 480px) {
	.rl-cart-drawer { width: 100%; }
	.rl-cart-drawer__head { padding: 14px 16px 10px; }
	.rl-cart-drawer__note { margin: 0 16px 6px; }
	.rl-cart-drawer .woocommerce-mini-cart { padding: 0 16px; }
	.rl-cart-drawer .woocommerce-mini-cart-item { min-height: 72px; padding-left: 88px !important; }
	.rl-cart-drawer .woocommerce-mini-cart-item img { height: 72px; width: 72px; }
	.rl-cart-drawer .woocommerce-mini-cart__total { padding: 16px 16px 4px; }
	.rl-cart-drawer .woocommerce-mini-cart__buttons { padding: 10px 16px max(16px, env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion: reduce) {
	.rl-cart-drawer, .rl-cart-backdrop { transition: none; }
}

/* Cart and checkout (blocks and classic) -------------------------------------------------------------------- */

.woocommerce-cart .entry-header .entry-title,
.woocommerce-checkout .entry-header .entry-title,
.woocommerce-account .entry-header .entry-title {
	font-size: clamp(34px, 4.5vw, 48px);
	letter-spacing: -.035em;
}

.page .entry-header { border: 0; margin-bottom: 24px; padding: 0; }

.wp-block-woocommerce-cart .wc-block-cart__sidebar > *,
.wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block,
.cart-collaterals .cart_totals {
	background: var(--rl-paper);
	border: 0 !important;
	border-radius: 28px;
	box-shadow: var(--rl-shadow);
	padding: 20px 24px;
}

table.cart, table.shop_table {
	background: var(--rl-paper);
	border: 0;
	border-radius: 24px;
	box-shadow: var(--rl-shadow);
	overflow: hidden;
}

/* Block cart: the line items sit in one white card, like the totals beside them. */
.wp-block-woocommerce-cart .wc-block-cart__main {
	align-self: flex-start;
	background: var(--rl-paper);
	border-radius: 28px;
	box-shadow: var(--rl-shadow);
	box-sizing: border-box;
	padding: 8px 28px 12px;
}
.wp-block-woocommerce-cart table.wc-block-cart-items {
	background: transparent !important;
	border: 0;
	box-shadow: none;
	margin: 0;
	width: 100%;
}
.wp-block-woocommerce-cart .wc-block-cart-items__header th { font-size: 12px; letter-spacing: .08em; padding: 16px 0 12px; }
.wp-block-woocommerce-cart .wc-block-cart-items__row { border-top: 1px solid #f0ede6; }
.wp-block-woocommerce-cart .wc-block-cart-items__row td { padding-bottom: 20px !important; padding-top: 20px !important; }
.wp-block-woocommerce-cart .wc-block-cart-items__row:last-child td { border-bottom: 0 !important; }
.wp-block-woocommerce-cart .wc-block-cart-item__image { padding-right: 18px !important; }
.wp-block-woocommerce-cart .wc-block-cart-item__image img { aspect-ratio: 1; object-fit: cover; }
.wp-block-woocommerce-cart .wc-block-components-product-name { color: var(--rl-ink); font-size: 16px; font-weight: 600; text-decoration: none; }
.wp-block-woocommerce-cart .wc-block-components-product-metadata { color: var(--rl-muted); font-size: 13px; }
.wp-block-woocommerce-cart .wc-block-cart__payment-options:empty,
.wp-block-woocommerce-cart .wc-block-cart__sidebar > :empty { display: none; }
.wp-block-woocommerce-cart .wc-block-cart__submit-container { background: transparent !important; }
.wp-block-woocommerce-cart .wc-block-cart__sidebar > * + * { margin-top: 16px; }
.wp-block-woocommerce-cart .wc-block-cart__totals-title { color: var(--rl-muted); font-size: 12px !important; letter-spacing: .08em; }
.wp-block-woocommerce-cart .is-mobile .wc-block-cart__main,
.wp-block-woocommerce-cart .is-small .wc-block-cart__main { margin-bottom: 16px; padding: 4px 18px 8px; width: 100%; }
/* On phones WooCommerce pins the checkout button to the bottom of the screen, so its card would be left empty. */
.wp-block-woocommerce-cart .wc-block-cart__submit:has(.wc-block-cart__submit-container--sticky) {
	background: transparent;
	box-shadow: none;
	margin: 0;
	padding: 0;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-container--sticky {
	background: var(--rl-paper) !important;
	box-shadow: 0 -8px 24px rgba(31, 43, 42, .08);
	padding: 12px 16px max(12px, env(safe-area-inset-bottom)) !important;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-container--sticky::before { display: none; }
/* WooCommerce sizes the phone grid in pixels, which pushes the price past the card; let it shrink instead. */
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody { display: block; width: 100%; }
.wp-block-woocommerce-cart .is-mobile .wc-block-cart-items__row { grid-template-columns: 72px minmax(0, 1fr) auto !important; padding: 0 !important; }
.wp-block-woocommerce-cart .is-mobile .wc-block-cart-item__image { padding-right: 14px !important; }

table.shop_table td, table.shop_table th, .wc-block-cart-items td, .wc-block-cart-items th { background: transparent !important; border-color: #f0ede6; }
.wc-block-cart-items .wc-block-cart-items__header { color: var(--rl-muted); }
.wc-block-cart-item__image img, .wc-block-components-order-summary-item__image img { border-radius: 14px; }
.wc-block-components-product-badge { border-radius: 999px; padding: 2px 10px; }
.wc-block-components-sale-badge { background: var(--rl-peach); border: 0; color: var(--rl-sale-ink); }
.wc-block-components-product-price__value.is-discounted { color: var(--rl-sale); }

.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea {
	border-radius: 14px !important;
}

.wc-block-components-quantity-selector { border-radius: 999px !important; overflow: hidden; }
.wc-block-components-quantity-selector::after { border-radius: 999px !important; }

.wc-block-components-totals-coupon__button { border-radius: 999px !important; }
.wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button { color: var(--rl-ink); }
.wc-block-components-checkout-step { border-radius: 24px; }

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments,
.wc-block-components-notice-banner {
	border-radius: 18px;
}

.woocommerce-message, .woocommerce-info { background: var(--rl-sage); color: var(--rl-ink); }
.woocommerce-message a, .woocommerce-info a { color: var(--rl-ink); }
.woocommerce-message a.button, .woocommerce-info a.button { color: #fff; text-decoration: none; }
.woocommerce-error { background: var(--rl-peach); color: var(--rl-sale-ink); }

/* Footer ------------------------------------------------------------------------------------------------------ */

.site-footer {
	background: var(--rl-stone);
	color: var(--rl-text);
	font-size: 14px;
	margin-top: 32px;
	overflow: hidden;
	padding: 0;
}

/* The mountain band runs the full width of the window, above the footer's columns. */
.rl-footer__art {
	background: var(--rl-ground);
	height: clamp(96px, 12vw, 170px);
	margin-left: calc(50% - 50vw);
	width: 100vw;
}

.rl-footer__art svg { display: block; height: 100%; width: 100%; }

.rl-footer {
	display: grid;
	gap: 32px;
	grid-template-columns: 1.4fr repeat(3, 1fr);
	padding: 24px 0 36px;
}

.rl-footer__about .rl-logo__img--footer { height: 48px; }
.rl-footer__about p { margin: 14px 0 0; max-width: 300px; }
.rl-footer__title { color: var(--rl-ink); font-size: 14px; font-weight: 700; letter-spacing: 0; margin: 0 0 10px; }
.rl-footer ul { list-style: none; margin: 0; padding: 0; }
.rl-footer li { padding: 3px 0; }
.rl-footer a { color: var(--rl-text); text-decoration: none; }
.rl-footer a:hover { color: var(--rl-ink); text-decoration: underline; text-underline-offset: 3px; }

.rl-footer__credit {
	border-top: 1px solid #e2ded5;
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	gap: 8px 24px;
	justify-content: space-between;
	padding: 16px 0 28px;
}

@media (max-width: 900px) {
	.rl-footer { grid-template-columns: 1fr 1fr; }
	.rl-footer__about { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
	.rl-footer { gap: 24px; }
}

/* Storefront's mobile footer bar is replaced by the header's cart and account links. */
.storefront-handheld-footer-bar { display: none !important; }
@media (max-width: 767px) { .site-footer { padding-bottom: 0; } }