/* =========================================================
   MOUNT BLOOM — CUSTOM CSS
   ========================================================= */
/* =========================================================
   ENLARGE DESIGN COLLECTION IMAGES ON HOVER — DESKTOP ONLY
   ========================================================= */
/*
   Hover enlargement is intentionally limited to images
   inside .design-shop-grid.

   This keeps the effect on design/collection pages while
   preventing product photos and other site images from
   enlarging when scrolling.
*/
.wp-block-columns.design-shop-grid img {
	transition: transform .3s ease, box-shadow .3s ease;
	position: relative;
	z-index: 1;
}

@media (min-width: 769px) {
	.wp-block-columns.design-shop-grid img:hover {
		transform: scale(1.8);
		z-index: 9999;
		box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
	}
}

/* Prevent image enlargement on phones/tablets */
@media (max-width: 768px) {
	.wp-block-columns.design-shop-grid img:hover {
		transform: none !important;
		box-shadow: none !important;
		z-index: 1 !important;
	}
}

/* =========================================================
   DESIGN COLLECTION GRIDS — 2 COLUMNS EVERYWHERE
   ========================================================= */
.wp-block-columns.design-shop-grid {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 24px !important;
}

.wp-block-columns.design-shop-grid > .wp-block-column {
	flex: 0 0 calc(50% - 12px) !important;
	width: calc(50% - 12px) !important;
	max-width: calc(50% - 12px) !important;
	min-width: 0 !important;
}

.wp-block-columns.design-shop-grid img {
	width: 100% !important;
	height: auto !important;
}

/* =========================================================
   COLLECTION HEADINGS
   ========================================================= */
.collection-title {
	font-family: inherit;
	font-size: 24px !important;
	line-height: 1.2;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	margin-top: 64px;
	margin-bottom: 8px;
}

/* =========================================================
   COLLECTION DESCRIPTIONS
   ========================================================= */
.collection-subtitle {
	font-family: inherit;
	font-size: 16px !important;
	line-height: 1.5;
	font-weight: 400;
	color: #000 !important;
	opacity: 1 !important;
	margin-top: 0;
	margin-bottom: 28px;
	max-width: none !important;
	width: 100%;
}

/* =========================================================
   SHOP DESIGN LINKS
   ========================================================= */
.shop-design-link {
	font-family: inherit;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	margin-top: 7px;
	margin-bottom: 18px;
}

.shop-design-link a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 2px;
	transition: opacity .2s ease;
}

.shop-design-link a:hover {
	opacity: .55;
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 768px) {
	.wp-block-columns.design-shop-grid {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 16px !important;
	}
	
	.wp-block-columns.design-shop-grid > .wp-block-column {
		flex: 0 0 calc(50% - 8px) !important;
		width: calc(50% - 8px) !important;
		max-width: calc(50% - 8px) !important;
		min-width: 0 !important;
	}
	
	.wp-block-columns.design-shop-grid > .wp-block-column img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}
	
	.wp-block-columns.design-shop-grid > .wp-block-column p {
		text-align: center;
		margin-top: 6px;
	}
	
	.collection-title {
		font-size: 21px !important;
		margin-top: 44px;
		margin-bottom: 7px;
	}
	
	.collection-subtitle {
		font-size: 18px !important;
		margin-bottom: 22px;
	}
	
	.shop-design-link {
		font-size: 13px;
		margin-top: 5px;
		margin-bottom: 15px;
	}
}

/* =========================================================
   SHOP PAGE BODY COPY
   ========================================================= */
.shop-intro {
	font-family: inherit;
	font-size: 18px !important;
	line-height: 1.6;
	font-weight: 400;
	color: #000 !important;
	opacity: 1 !important;
	max-width: none !important;
	width: 100%;
}

@media (max-width: 768px) {
	.shop-intro {
		font-size: 17px !important;
		line-height: 1.55;
	}
}

/* =========================================================
   SHOP BY COLLECTION LINKS
   ========================================================= */
.shop-collection-link {
	font-family: inherit;
	font-size: 17px !important;
	line-height: 1.45;
	font-weight: 400;
	color: #000 !important;
	margin-top: 6px;
	margin-bottom: 6px;
}

.shop-collection-link a {
	font-size: 17px !important;
	font-weight: 500;
	color: #000 !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (max-width: 768px) {
	.shop-collection-link,
									.shop-collection-link a {
		font-size: 16px !important;
	}
}

/* =========================================================
   SHOP PAGE SMALL NOTES
   ========================================================= */
.shop-note {
	font-family: inherit;
	font-size: 15px !important;
	line-height: 1.5;
	color: #000 !important;
	opacity: .75;
	margin-top: 14px;
}

@media (max-width: 768px) {
	.shop-note {
		font-size: 14px !important;
	}
}

/* =========================================================
   BUTTONS — KEEP BLACK / WHITE ON HOVER + CLICK
   ========================================================= */
/* Black buttons */
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:active,
.wp-block-button__link:focus-visible {
	background-color: #000 !important;
	color: #fff !important;
	border-color: #000 !important;
	box-shadow: none !important;
}

/* White / outline buttons */
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-button.is-style-outline .wp-block-button__link:active,
.wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
	background-color: #fff !important;
	color: #000 !important;
	border-color: #000 !important;
	box-shadow: none !important;
}

/* =========================================================
   PRODUCTS — BACK TO TOP SPACING
   ========================================================= */
/* Pull Back to Top links closer to slideshow above */
.back-to-top {
	margin-top: -30px !important;
}

/* Pluto — circular photo */
.pluto-photo img {
	border-radius: 50% !important;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.wp-block-button__link {
	background: transparent !important;
	color: #000 !important;
	border: 1px solid #000 !important;
	border-radius: 0 !important;
	padding: 8px 16px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase;
	transition: all .2s ease;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
	background: #000 !important;
	color: #fff !important;
}
/* ABOUT PAGE — INSTAGRAM FOLLOW BUTTON */
#sb_instagram .sbi_follow_btn a {
	background: #fff !important;
	color: #000 !important;
	border: 1px solid #000 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-weight: 600;
}

#sb_instagram .sbi_follow_btn a:hover,
#sb_instagram .sbi_follow_btn a:focus {
	background: #000 !important;
	color: #fff !important;
}
/* SHOP — CAN'T FIND IT CALLOUT */
.shop-help-callout {
	border: 1px solid #d8d8d8;
	padding: 12px 16px !important;
	margin: 18px auto !important;
	width: fit-content;
	max-width: 100%;
}

.shop-help-callout p {
	margin: 0 !important;
}
/* ILLUSTRATR — REDUCE PAGE TITLE / CONTENT GAP */
.page-template-default .entry-header {
	margin-bottom: 15px !important;
	padding-bottom: 15px !important;
}

.page-template-default .entry-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
/* ILLUSTRATR — PULL PAGE CONTENT UP */
.page-header + .hentry,
.entry-header + .entry-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
/* Reduce oversized site header spacing */
.site-header {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}
/* Reduce space between page title and first content block */
.entry-content > :first-child {
	margin-top: 20px !important;
}
/* ABOUT — reduce extra top space inside first content group */
.page-id-6969 .entry-content > .wp-block-group:first-child {
	padding-top: 30px !important;
}