/*
Theme Name: Mindemez Prints Child
Template: twentytwentythree
Version: 1.5.0
*/


/* =========================================================
   VARIABLES
   ========================================================= */

html {
	--mindemez-header-push: 0px;

	--mindemez-font:
		Helvetica,
		Arial,
		sans-serif;

	--mindemez-font-size:
		14px;
}


/* =========================================================
   RESET
   ========================================================= */

*,
*::before,
*::after {
	box-sizing: border-box;
}


html,
body {
	margin: 0 !important;
	padding: 0 !important;

	background: #fff !important;
	color: #000 !important;
}


body {
	overflow-x: hidden !important;

	font-family:
		var(
			--mindemez-font
		) !important;

	font-size:
		var(
			--mindemez-font-size
		) !important;

	font-weight: 400 !important;

	line-height: 1.3 !important;
}


button,
input,
select,
textarea {
	font-family:
		var(
			--mindemez-font
		) !important;

	font-size:
		var(
			--mindemez-font-size
		) !important;

	font-weight: 400 !important;
}


[hidden] {
	display: none !important;
}


/* =========================================================
   REMOVE WORDPRESS DEFAULT UI
   ========================================================= */

body.home
.wp-block-post-title,
body.home
.entry-title {
	display: none !important;
}


body
.wp-site-blocks
> header,
body
header.wp-block-template-part {
	display: none !important;
}


body
.wp-site-blocks
> footer,
body
footer.wp-block-template-part {
	display: none !important;
}


/* =========================================================
   REMOVE WORDPRESS WIDTH CONSTRAINTS
   ========================================================= */

.wp-site-blocks,
.wp-block-post-content,
.entry-content,
main {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;
}


.wp-block-post-content
> * {
	max-width: none !important;

	margin-left: 0 !important;
	margin-right: 0 !important;
}


.is-layout-constrained
> :where(
	:not(.alignleft):
	:not(.alignright):
	:not(.alignfull)
) {
	max-width: none !important;

	margin-left: 0 !important;
	margin-right: 0 !important;
}


/* =========================================================
   HEADER SHELL
   ========================================================= */

#MindemezHeaderShell {
	position: relative !important;

	display: block !important;

	width: 100% !important;

	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #fff !important;

	z-index: 999999 !important;
}


/* =========================================================
   HEADER
   ========================================================= */

#MindemezHeader {
	position: fixed !important;

	top: 0 !important;
	left: 0 !important;
	right: 0 !important;

	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #fff !important;
	color: #000 !important;

	transform:
		translate3d(
			0,
			var(--mindemez-header-push),
			0
		) !important;

	transition: none !important;

	z-index: 100000 !important;
}


/* =========================================================
   HEADER ROW
   ========================================================= */

#MindemezHeader
.mindemez-header__row {
	position: relative !important;

	display: grid !important;

	grid-template-columns:
		1fr
		auto
		1fr !important;

	align-items: center !important;

	width: 100% !important;

	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;

	margin: 0 !important;
	padding: 0 10px !important;

	background: #fff !important;

	border-bottom:
		1px solid #efefef !important;
}


/* =========================================================
   LOGO
   ========================================================= */

#MindemezHeader
.mindemez-header__home {
	display: flex !important;

	align-items: center !important;

	width: max-content !important;

	color: #000 !important;

	text-decoration: none !important;
}


#MindemezHeader
.mindemez-header__logo-svg {
	display: block !important;

	width: 17px !important;
	height: auto !important;

	color: #000 !important;
}


/* =========================================================
   CENTER NAV
   ========================================================= */

#MindemezHeader
.mindemez-header__center-nav {
	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	gap: 24px !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* =========================================================
   HEADER BUTTONS
   ========================================================= */

#MindemezHeader
.mindemez-header__button {
	-webkit-appearance: none !important;
	appearance: none !important;

	display: inline-flex !important;

	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;

	outline: 0 !important;
	box-shadow: none !important;

	background: transparent !important;
	color: #000 !important;

	line-height: 1 !important;

	cursor: pointer !important;
}


#MindemezHeader
.mindemez-header__cart-button {
	justify-self: end !important;
}


/* =========================================================
   HEADER PANELS
   ========================================================= */

#MindemezHeader
.mindemez-header__panel {
	position: absolute !important;

	top: 30px !important;
	left: 0 !important;

	width: 50vw !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #fff !important;

	border-bottom:
		1px solid #efefef !important;

	z-index: 100001 !important;
}


#MindemezHeader
.mindemez-header__panel[hidden] {
	display: none !important;
}


#MindemezHeader
.mindemez-header__panel-inner {
	width: 100% !important;

	margin: 0 !important;

	padding:
		20px
		10px !important;

	line-height: 1.45 !important;
}


#MindemezHeader
.mindemez-header__panel-inner p {
	margin:
		0
		0
		14px !important;
}


#MindemezHeader
.mindemez-header__panel-inner p:last-child {
	margin-bottom: 0 !important;
}


#MindemezHeader
.mindemez-header__panel-inner a {
	color: #000 !important;

	text-decoration: none !important;
}


/* =========================================================
   CHECKOUT PANEL
   ========================================================= */

#MindemezHeader
.mindemez-header__checkout-panel {
	width: 100vw !important;

	max-height:
		calc(
			100vh -
			30px
		) !important;

	overflow-y: auto !important;
}


/* =========================================================
   HERO
   ========================================================= */

#MindemezHero {
	display: block !important;

	width: 100% !important;

	height:
		calc(
			100vh -
			30px
		) !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: hidden !important;

	background: #fff !important;
}


#MindemezHero
.mindemez-hero__picture {
	display: block !important;

	width: 100% !important;
	height: 100% !important;
}


#MindemezHero
.mindemez-hero__image {
	display: block !important;

	width: 100% !important;
	height: 100% !important;

	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;

	object-fit: cover !important;
}


/* =========================================================
   MAIN
   ========================================================= */

#MindemezMain {
	--main-row: 30px;

	--main-header: 30px;

	--main-1: 30px;
	--main-2: 60px;
	--main-3: 90px;
	--main-4: 120px;

	--main-bottom-shift: 0px;

	position: relative !important;

	display: block !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #fff !important;
	color: #000 !important;
}


/* =========================================================
   MAIN ROWS
   ========================================================= */

#MindemezMain
.mindemez-main__bar,
#MindemezMain
.mindemez-main__filter-button {
	-webkit-appearance: none !important;
	appearance: none !important;

	display: flex !important;

	align-items: center !important;
	justify-content: space-between !important;

	width: 100% !important;

	height:
		var(--main-row) !important;

	min-height:
		var(--main-row) !important;

	max-height:
		var(--main-row) !important;

	margin: 0 !important;

	padding:
		0
		10px !important;

	background: #fff !important;
	color: #000 !important;

	border: 0 !important;

	border-bottom:
		1px solid #efefef !important;

	border-radius: 0 !important;

	outline: 0 !important;
	box-shadow: none !important;

	line-height: 1 !important;
	letter-spacing: .1rem !important;

	text-align: left !important;

	cursor: pointer !important;
}


/* =========================================================
   STICKY STACK
   ========================================================= */

#MindemezMain
.mindemez-main__bar--bestseller {
	position: sticky !important;

	top:
		calc(
			var(--main-header) -
			var(--main-bottom-shift)
		) !important;

	z-index: 10004 !important;
}


#MindemezMain
.mindemez-main__bar--new {
	position: sticky !important;

	top:
		calc(
			var(--main-header) +
			var(--main-1) -
			var(--main-bottom-shift)
		) !important;

	z-index: 10003 !important;
}


#MindemezMain
.mindemez-main__bar--all {
	position: sticky !important;

	top:
		calc(
			var(--main-header) +
			var(--main-2) -
			var(--main-bottom-shift)
		) !important;

	z-index: 10002 !important;
}


#MindemezMain
.mindemez-main__filter-row {
	position: sticky !important;

	top:
		calc(
			var(--main-header) +
			var(--main-3) -
			var(--main-bottom-shift)
		) !important;

	display: block !important;

	width: 100% !important;

	height:
		var(--main-row) !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #fff !important;

	z-index: 10001 !important;
}


/* =========================================================
   MAIN SYMBOL
   ========================================================= */

#MindemezMain
.mindemez-main__symbol {
	position: relative !important;

	display: block !important;

	flex:
		0 0 14px !important;

	width: 14px !important;
	height: 14px !important;

	min-width: 14px !important;
	max-width: 14px !important;

	margin: 0 !important;
	padding: 0 !important;
}


#MindemezMain
.mindemez-main__symbol::before,
#MindemezMain
.mindemez-main__symbol::after {
	content: "" !important;

	position: absolute !important;

	top: 50% !important;
	left: 50% !important;

	background: #000 !important;

	transform:
		translate(
			-50%,
			-50%
		) !important;
}


#MindemezMain
.mindemez-main__symbol::before {
	width: 14px !important;
	height: 1px !important;
}


#MindemezMain
.mindemez-main__symbol::after {
	width: 1px !important;
	height: 14px !important;
}


#MindemezMain
[aria-expanded="true"]
> .mindemez-main__symbol::after {
	display: none !important;
}


/* =========================================================
   PRODUCT GRID
   ========================================================= */

#MindemezMain
.mindemez-main__products {
	display: grid !important;

	grid-template-columns:
		repeat(
			4,
			minmax(
				0,
				1fr
			)
		) !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	gap: 20px !important;

	background: #fff !important;
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

#MindemezMain
.mindemez-main__product {
	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	color: #000 !important;

	text-decoration: none !important;
}


#MindemezMain
.mindemez-main__product-image {
	display: block !important;

	width: 100% !important;
	height: auto !important;

	margin: 0 !important;
	padding: 0 !important;
}


#MindemezMain
.mindemez-main__product-info {
	width: 100% !important;

	margin: 0 !important;

	padding:
		8px
		5px
		20px !important;

	text-align: center !important;
}


#MindemezMain
.mindemez-main__product-title,
#MindemezMain
.mindemez-main__product-price {
	margin: 0 !important;
	padding: 0 !important;

	text-align: center !important;
}


#MindemezMain
.mindemez-main__product-price {
	margin-top: 3px !important;
}


/* =========================================================
   FOOTER EMPTY ROW
   ========================================================= */

#MindemezFooter::before {
	content: "" !important;

	display: block !important;

	width: 100% !important;

	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #fff !important;

	border-bottom:
		1px solid #efefef !important;
}


/* =========================================================
   TYPOGRAPHY MASTER OVERRIDE
   DESKTOP = HELVETICA 14PX
   ========================================================= */

/*
 * Intentionally broad.
 * This overrides font declarations inside the separate modules.
 */

html,
body,

#MindemezHeader,
#MindemezHeader *,

#MindemezHero,
#MindemezHero *,

#MindemezMain,
#MindemezMain *,

#MindemezInlineProductHost,
#MindemezInlineProductHost *,

.mindemez-inline-product,
.mindemez-inline-product *,

#MindemezStickyProductTitle,
#MindemezStickyProductTitle *,

#MindemezBottom,
#MindemezBottom *,

#MindemezFooter,
#MindemezFooter *,

.mindemez-filter-panel,
.mindemez-filter-panel *,

.mindemez-filter,
.mindemez-filter *,

.mindemez-cart,
.mindemez-cart *,

.mindemez-checkout,
.mindemez-checkout *,

.mindemez-cart-checkout,
.mindemez-cart-checkout *,

.woocommerce,
.woocommerce *,

.woocommerce-checkout,
.woocommerce-checkout *,

button,
input,
select,
textarea,
label,
summary,
details,
option {
	font-family:
		Helvetica,
		Arial,
		sans-serif !important;

	font-size:
		14px !important;

	font-weight:
		400 !important;
}


/* Preserve bold elements where explicitly intended */

strong,
b,
.woocommerce strong,
.woocommerce b {
	font-weight:
		700 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 989px) {

	html {
		--mindemez-font-size:
			13px;
	}


	/* HEADER */

	#MindemezHeaderShell,
	#MindemezHeader,
	#MindemezHeader
	.mindemez-header__row {
		height: 26px !important;
		min-height: 26px !important;
		max-height: 26px !important;
	}


	#MindemezHeader
	.mindemez-header__logo-svg {
		width: 15px !important;
	}


	#MindemezHeader
	.mindemez-header__center-nav {
		gap: 10px !important;
	}


	#MindemezHeader
	.mindemez-header__panel {
		top: 26px !important;

		width: 100vw !important;
	}


	#MindemezHeader
	.mindemez-header__checkout-panel {
		max-height:
			calc(
				100vh -
					26px
			) !important;
	}


	/* HERO */

	#MindemezHero {
		width: 100% !important;

		height: auto !important;

		aspect-ratio:
			3 / 4 !important;
	}


	/* MAIN */

	#MindemezMain {
		--main-row: 26px;

		--main-header: 26px;

		--main-1: 26px;
		--main-2: 52px;
		--main-3: 78px;
		--main-4: 104px;
	}


	#MindemezMain
	.mindemez-main__products {
		grid-template-columns:
			repeat(
				2,
				minmax(
					0,
					1fr
				)
			) !important;

		gap: 10px !important;
	}


	#MindemezMain
	.mindemez-main__symbol {
		flex:
			0 0 12px !important;

		width: 12px !important;
		height: 12px !important;

		min-width: 12px !important;
		max-width: 12px !important;
	}


	#MindemezMain
	.mindemez-main__symbol::before {
		width: 12px !important;
	}


	#MindemezMain
	.mindemez-main__symbol::after {
		height: 12px !important;
	}


	#MindemezFooter::before {
		height: 26px !important;
		min-height: 26px !important;
		max-height: 26px !important;
	}


	/* =====================================================
	   TYPOGRAPHY MASTER OVERRIDE
	   MOBILE = 13PX
	   ===================================================== */

	html,
	body,

	#MindemezHeader,
	#MindemezHeader *,

	#MindemezHero,
	#MindemezHero *,

	#MindemezMain,
	#MindemezMain *,

	#MindemezInlineProductHost,
	#MindemezInlineProductHost *,

	.mindemez-inline-product,
	.mindemez-inline-product *,

	#MindemezStickyProductTitle,
	#MindemezStickyProductTitle *,

	#MindemezBottom,
	#MindemezBottom *,

	#MindemezFooter,
	#MindemezFooter *,

	.mindemez-filter-panel,
	.mindemez-filter-panel *,

	.mindemez-filter,
	.mindemez-filter *,

	.mindemez-cart,
	.mindemez-cart *,

	.mindemez-checkout,
	.mindemez-checkout *,

	.mindemez-cart-checkout,
	.mindemez-cart-checkout *,

	.woocommerce,
	.woocommerce *,

	.woocommerce-checkout,
	.woocommerce-checkout *,

	button,
	input,
	select,
	textarea,
	label,
	summary,
	details,
	option {
		font-family:
			Helvetica,
			Arial,
			sans-serif !important;

		font-size:
			13px !important;

		font-weight:
			400 !important;
	}


	strong,
	b,
	.woocommerce strong,
	.woocommerce b {
		font-weight:
			700 !important;
	}

}
/* =========================================================
   EXACT MENU / PRODUCT TITLE TYPOGRAPHY MATCH
   ========================================================= */

#MindemezMain .mindemez-main__bar,
#MindemezMain .mindemez-main__filter-button,

.mindemez-inline-product__title,
.mindemez-inline-product__title-jump,

#MindemezStickyProductTitle,
#MindemezStickyProductTitle *,

#MindemezBottom .mindemez-bottom__product-title,
#MindemezBottom .mindemez-inline-product__title,
#MindemezBottom .mindemez-inline-product__title-jump {
	font-family:
		Helvetica,
		Arial,
		sans-serif !important;

	font-size: 14px !important;
	font-weight: 400 !important;

	line-height: 1 !important;

	letter-spacing: .1rem !important;

	font-style: normal !important;

	text-transform: none !important;
}


@media screen and (max-width: 989px) {

	#MindemezMain .mindemez-main__bar,
	#MindemezMain .mindemez-main__filter-button,

	.mindemez-inline-product__title,
	.mindemez-inline-product__title-jump,

	#MindemezStickyProductTitle,
	#MindemezStickyProductTitle *,

	#MindemezBottom .mindemez-bottom__product-title,
	#MindemezBottom .mindemez-inline-product__title,
	#MindemezBottom .mindemez-inline-product__title-jump {
		font-size: 13px !important;
		letter-spacing: .1rem !important;
	}

}
.mindemez-cart-checkout
.includes_tax {
	display: none !important;
}/* =========================================================
   ABOUT + CONTACT
   FULL WIDTH BACKGROUND / 50% LEFT CONTENT
   ========================================================= */

#MindemezHeader
.mindemez-header__about-panel,
#MindemezHeader
.mindemez-header__contact-panel {
	width: 100vw !important;
	max-width: none !important;

	left: 0 !important;
	right: 0 !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #fff !important;
}


#MindemezHeader
.mindemez-header__about-panel
.mindemez-header__panel-inner,
#MindemezHeader
.mindemez-header__contact-panel
.mindemez-header__panel-inner {
	width: 50% !important;
	max-width: 50% !important;

	margin: 0 !important;

	padding:
		20px
		10px !important;

	text-align: left !important;

	background: transparent !important;

	box-sizing: border-box !important;
}