/*
Theme Name: Measure Twice Theme
Description: Utility classes and helper styles for the Measure Twice WordPress theme.
*/

/* Helper styles
---------------------------------------------------------------------------- */

a.more-link {
	display: block;
}

/* Inline code */
*:not(.wp-block-code) > code {
	background-color: var(--wp--preset--color--tertiary);
	padding: 3px 5px;
	position: relative;
	border-radius: 3px;
}

.wp-block-categories {
	position: relative;
}

/* Remove margin on term description on archive pages */
.wp-block-term-description p:last-child {
	margin-bottom: 0;
}

/* Remove last separator on post list */
.remove-border-and-padding .wp-block-post-template li:last-child .wp-block-separator {
	display: none;
}

/* Hide post meta div if no tags assigned */
.single .wp-block-group:has(> .post-meta:empty) {
	display: none;
}

.wp-block-group:empty:has(+ .comment-respond) {
	display: none;
}

.row-logos > figure {
	flex-shrink: 1 !important;
}

/* Sticky header */
body:not(.wp-admin) header:has(>.is-position-sticky) {
	position: sticky;
	top: calc( 0px + var( --wp-admin--admin-bar--height, 0px ) );
	z-index: 100;
}

/* Account for admin bar on mobile */
@media (max-width: 600px) {
	header:has(>.is-position-sticky) {
		top: 0;
	}
}

/* Mobile helper classes */
@media (max-width: 781px) {
	.measure-twice-theme-hide-on-mobile {
		display: none;
	}

	.measure-twice-theme-unstick-mobile {
		position: static;
	}

	header:has(>.measure-twice-theme-unstick-mobile) {
		position: static;
	}
}

/* Gradient Text Utilities
---------------------------------------------------------------------------- */

/* Base gradient text class */
.gradient-text {
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 100%;
	background-repeat: no-repeat;
	display: inline;
}


/* WORKING GRADIENT TEXT CLASSES
---------------------------------------------------------------------------- */

/* Fix for centered text with gradients */
.has-text-align-center .gradient-text-purple,
.has-text-align-center .gradient-text-blue,
.has-text-align-center .gradient-text-pink,
.has-text-align-center .gradient-text-heat,
h1.has-text-align-center .gradient-text-purple,
h2.has-text-align-center .gradient-text-purple,
h3.has-text-align-center .gradient-text-purple {
	display: inline;
	text-align: inherit;
}

.gradient-text-purple {
	background: linear-gradient(135deg, #5D4EFF, #B347FF) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: #5D4EFF !important;
}

.gradient-text-blue {
	background: linear-gradient(135deg, #0057FF, #31B5FF) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: #0057FF !important;
}

.gradient-text-pink {
	background: linear-gradient(135deg, #FF007A, #FF81BD) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: #FF007A !important;
}

.gradient-text-heat {
	background: linear-gradient(135deg, #F32758, #FFC581) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: #F32758 !important;
}

/* Support for highlighted gradient text */
mark.gradient-text-purple,
mark.gradient-text-blue,
mark.gradient-text-pink,
mark.gradient-text-heat {
	background: inherit !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	padding: 0 !important;
}

/* Fallback for browsers that don't support gradient text */
@supports not (-webkit-background-clip: text) {
	.gradient-text-purple { color: #5D4EFF; background: none; -webkit-text-fill-color: initial; }
	.gradient-text-blue { color: #0057FF; background: none; -webkit-text-fill-color: initial; }
	.gradient-text-pink { color: #FF007A; background: none; -webkit-text-fill-color: initial; }
	.gradient-text-heat { color: #F32758; background: none; -webkit-text-fill-color: initial; }
}

/* Gradient Text Utility Classes
---------------------------------------------------------------------------- */

/* WordPress Block Style Classes - Main Implementation */


/* Purple gradient text - matches your button */
.gradient-text-purple,
.is-style-gradient-text-purple,
.wp-block-heading.is-style-gradient-text-purple,
.wp-block-paragraph.is-style-gradient-text-purple,
.wp-block-button.is-style-gradient-text-purple .wp-block-button__link,
h1.is-style-gradient-text-purple,
h2.is-style-gradient-text-purple,
h3.is-style-gradient-text-purple,
h4.is-style-gradient-text-purple,
h5.is-style-gradient-text-purple,
h6.is-style-gradient-text-purple,
p.is-style-gradient-text-purple,
.has-highlight.gradient-text-purple,
mark.gradient-text-purple,
.wp-block-heading.is-style-gradient-text-purple mark,
.wp-block-paragraph.is-style-gradient-text-purple mark {
	background: linear-gradient(135deg, #5D4EFF, #B347FF) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
}

/* Blue gradient text */
.gradient-text-blue,
.is-style-gradient-text-blue,
.wp-block-heading.is-style-gradient-text-blue,
.wp-block-paragraph.is-style-gradient-text-blue,
.wp-block-button.is-style-gradient-text-blue .wp-block-button__link,
h1.is-style-gradient-text-blue,
h2.is-style-gradient-text-blue,
h3.is-style-gradient-text-blue,
h4.is-style-gradient-text-blue,
h5.is-style-gradient-text-blue,
h6.is-style-gradient-text-blue,
p.is-style-gradient-text-blue,
.has-highlight.gradient-text-blue,
mark.gradient-text-blue,
.wp-block-heading.is-style-gradient-text-blue mark,
.wp-block-paragraph.is-style-gradient-text-blue mark {
	background: linear-gradient(135deg, #0057FF, #31B5FF) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
}

/* Pink gradient text */
.gradient-text-pink,
.is-style-gradient-text-pink,
.wp-block-heading.is-style-gradient-text-pink,
.wp-block-paragraph.is-style-gradient-text-pink,
.wp-block-button.is-style-gradient-text-pink .wp-block-button__link,
h1.is-style-gradient-text-pink,
h2.is-style-gradient-text-pink,
h3.is-style-gradient-text-pink,
h4.is-style-gradient-text-pink,
h5.is-style-gradient-text-pink,
h6.is-style-gradient-text-pink,
p.is-style-gradient-text-pink,
.has-highlight.gradient-text-pink,
mark.gradient-text-pink,
.wp-block-heading.is-style-gradient-text-pink mark,
.wp-block-paragraph.is-style-gradient-text-pink mark {
	background: linear-gradient(135deg, #FF007A, #FF81BD) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
}

/* Heat gradient text */
.gradient-text-heat,
.is-style-gradient-text-heat,
.wp-block-heading.is-style-gradient-text-heat,
.wp-block-paragraph.is-style-gradient-text-heat,
.wp-block-button.is-style-gradient-text-heat .wp-block-button__link,
h1.is-style-gradient-text-heat,
h2.is-style-gradient-text-heat,
h3.is-style-gradient-text-heat,
h4.is-style-gradient-text-heat,
h5.is-style-gradient-text-heat,
h6.is-style-gradient-text-heat,
p.is-style-gradient-text-heat,
.has-highlight.gradient-text-heat,
mark.gradient-text-heat,
.wp-block-heading.is-style-gradient-text-heat mark,
.wp-block-paragraph.is-style-gradient-text-heat mark {
	background: linear-gradient(135deg, #F32758, #FFC581) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
}

/* Black gradient text */
.gradient-text-black,
.is-style-gradient-text-black,
.wp-block-heading.is-style-gradient-text-black,
.wp-block-paragraph.is-style-gradient-text-black,
.wp-block-button.is-style-gradient-text-black .wp-block-button__link,
h1.is-style-gradient-text-black,
h2.is-style-gradient-text-black,
h3.is-style-gradient-text-black,
h4.is-style-gradient-text-black,
h5.is-style-gradient-text-black,
h6.is-style-gradient-text-black,
p.is-style-gradient-text-black,
.has-highlight.gradient-text-black,
mark.gradient-text-black,
.wp-block-heading.is-style-gradient-text-black mark,
.wp-block-paragraph.is-style-gradient-text-black mark {
	background: linear-gradient(135deg, #14111E, #4B4462) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
}

/* Fallback for browsers that don't support background-clip: text */
@supports not (-webkit-background-clip: text) {
	.gradient-text-purple,
	.wp-block-heading.is-style-gradient-text-purple,
	.wp-block-paragraph.is-style-gradient-text-purple,
	.wp-block-button.is-style-gradient-text-purple .wp-block-button__link {
		color: #5D4EFF !important;
		background: none !important;
		-webkit-text-fill-color: initial !important;
	}

	.gradient-text-blue,
	.wp-block-heading.is-style-gradient-text-blue,
	.wp-block-paragraph.is-style-gradient-text-blue,
	.wp-block-button.is-style-gradient-text-blue .wp-block-button__link {
		color: #0057FF !important;
		background: none !important;
		-webkit-text-fill-color: initial !important;
	}

	.gradient-text-pink,
	.wp-block-heading.is-style-gradient-text-pink,
	.wp-block-paragraph.is-style-gradient-text-pink,
	.wp-block-button.is-style-gradient-text-pink .wp-block-button__link {
		color: #FF007A !important;
		background: none !important;
		-webkit-text-fill-color: initial !important;
	}

	.gradient-text-heat,
	.wp-block-heading.is-style-gradient-text-heat,
	.wp-block-paragraph.is-style-gradient-text-heat,
	.wp-block-button.is-style-gradient-text-heat .wp-block-button__link {
		color: #F32758 !important;
		background: none !important;
		-webkit-text-fill-color: initial !important;
	}

	.gradient-text-black,
	.wp-block-heading.is-style-gradient-text-black,
	.wp-block-paragraph.is-style-gradient-text-black,
	.wp-block-button.is-style-gradient-text-black .wp-block-button__link {
		color: #14111E !important;
		background: none !important;
		-webkit-text-fill-color: initial !important;
	}
}

/* Highlight styling for gradient text */
.wp-block-heading.is-style-gradient-text-purple mark,
.wp-block-paragraph.is-style-gradient-text-purple mark,
.wp-block-heading.is-style-gradient-text-blue mark,
.wp-block-paragraph.is-style-gradient-text-blue mark,
.wp-block-heading.is-style-gradient-text-pink mark,
.wp-block-paragraph.is-style-gradient-text-pink mark,
.wp-block-heading.is-style-gradient-text-heat mark,
.wp-block-paragraph.is-style-gradient-text-heat mark,
.wp-block-heading.is-style-gradient-text-black mark,
.wp-block-paragraph.is-style-gradient-text-black mark {
	/* Inherit the gradient from parent */
	background: inherit !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	/* Remove default highlight background */
	box-shadow: none !important;
	padding: 0 !important;
}

/* Ensure gradient text works on inline highlight elements */
mark.gradient-text-purple,
mark.gradient-text-blue,
mark.gradient-text-pink,
mark.gradient-text-heat,
mark.gradient-text-black {
	/* Remove default highlight styling */
	box-shadow: none !important;
	padding: 0 !important;
	/* Gradient text takes priority */
	-webkit-text-fill-color: transparent !important;
}