/**
 * Breakpoint overrides, moved here from Customizer → Additional CSS.
 *
 * functions.php prints this file at the same point in <head> where WordPress
 * prints Additional CSS: after Kadence's per-block CSS. Rules here win ties
 * against Kadence and style.css the same way the Customizer CSS did.
 */

.footer-button {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	text-align: left !important;
}

.footer-button .kt-btn-inner-text {
	text-align: left !important;
}

.footer-button .kb-svg-icon-wrap {
	margin-left: auto !important;
}

/*2k-4k Screens*/

@media (min-width: 2500px) {
	.hero-green-box {
		transform: scale(1.2) !important;
	}
	body.wp-child-theme-inspry-child-theme .hero-green-box {
		margin-left: 7em;
		margin-top: 8em !important;
		margin-bottom: -2em;
	}
	body.wp-child-theme-inspry-child-theme .hero-pints img {
		margin-bottom: -9em;
		margin-top: 4em;
	}
}

@media screen and (min-width: 1516px) and (max-width: 1650px) {
	body.wp-child-theme-inspry-child-theme .home-top.animation {
		margin-top: -8em !important;
	}

	body.wp-child-theme-inspry-child-theme .hero-pints img {
		margin-top: 2em !important;
	}
}


/* =========================================================
   Home hero: 1025px–1515px
   Each range sets its exact values here; the rules that use
   them are below. The ranges keep the same 1px gaps as before
   (e.g. between 1053px and 1054px).
   ========================================================= */

/* hero box top margin | heading size | pints top | pints bottom | animation row top */
@media screen and (min-width: 1442px) and (max-width: 1515px) { body { --mt-hero-box-mt: 3.5em; --mt-hero-h3: 50px; --mt-pints-mt: 1em;   --mt-pints-mb: -3.5em;  --mt-anim-mt: -9em; } }
@media screen and (min-width: 1355px) and (max-width: 1441px) { body { --mt-hero-box-mt: 3.2em; --mt-hero-h3: 48px; --mt-pints-mt: .8em;  --mt-pints-mb: -3.25em; --mt-anim-mt: -8.8em; } }
@media screen and (min-width: 1280px) and (max-width: 1354px) { body { --mt-hero-box-mt: 3em;   --mt-hero-h3: 45px; --mt-pints-mt: .6em;  --mt-pints-mb: -3em;    --mt-anim-mt: -6.55em; } }
@media screen and (min-width: 1240px) and (max-width: 1279px) { body { --mt-hero-box-mt: 2.5em; --mt-hero-h3: 43px; --mt-pints-mt: .4em;  --mt-pints-mb: -2.8em;  --mt-anim-mt: -5.25em; } }
@media screen and (min-width: 1200px) and (max-width: 1239px) { body { --mt-hero-box-mt: 2.2em; --mt-hero-h3: 41px; --mt-pints-mt: .25em; --mt-pints-mb: -2.6em;  --mt-anim-mt: -5.5em; } }
@media screen and (min-width: 1150px) and (max-width: 1199px) { body { --mt-hero-box-mt: 2em;   --mt-hero-h3: 39px; --mt-pints-mt: 1.5em; --mt-pints-mb: -2.3em;  --mt-anim-mt: -5.6em; } }
@media screen and (min-width: 1100px) and (max-width: 1149px) { body { --mt-hero-box-mt: 1.4em; --mt-hero-h3: 37px; --mt-pints-mt: 20px;  --mt-pints-mb: -2em;    --mt-anim-mt: -5.2em; } }
@media screen and (min-width: 1054px) and (max-width: 1099px) { body { --mt-hero-box-mt: 1.5em; --mt-hero-h3: 35px; --mt-pints-mt: 50px;                          --mt-anim-mt: -4.6em; } }
@media screen and (min-width: 1025px) and (max-width: 1053px) { body { --mt-hero-box-mt: 1.5em; --mt-hero-h3: 35px; --mt-pints-mt: 50px;                          --mt-anim-mt: -4em; } }

@media screen and (min-width: 1442px) and (max-width: 1515px),
	screen and (min-width: 1355px) and (max-width: 1441px),
	screen and (min-width: 1280px) and (max-width: 1354px),
	screen and (min-width: 1240px) and (max-width: 1279px),
	screen and (min-width: 1200px) and (max-width: 1239px),
	screen and (min-width: 1150px) and (max-width: 1199px),
	screen and (min-width: 1100px) and (max-width: 1149px),
	screen and (min-width: 1054px) and (max-width: 1099px),
	screen and (min-width: 1025px) and (max-width: 1053px) {

	body.wp-child-theme-inspry-child-theme .hero-green-box {
		margin-top: var(--mt-hero-box-mt) !important;
	}

	body.home.wp-child-theme-inspry-child-theme .hero-green-box h3 {
		font-size: var(--mt-hero-h3) !important;
	}

	body.wp-child-theme-inspry-child-theme .hero-pints img {
		margin-top: var(--mt-pints-mt) !important;
	}

	body.wp-child-theme-inspry-child-theme .home-top.animation {
		margin-top: var(--mt-anim-mt) !important;
	}
}

/* Pints bottom margin is !important down to 1100px, plain -20px below that */
@media screen and (min-width: 1442px) and (max-width: 1515px),
	screen and (min-width: 1355px) and (max-width: 1441px),
	screen and (min-width: 1280px) and (max-width: 1354px),
	screen and (min-width: 1240px) and (max-width: 1279px),
	screen and (min-width: 1200px) and (max-width: 1239px),
	screen and (min-width: 1150px) and (max-width: 1199px),
	screen and (min-width: 1100px) and (max-width: 1149px) {

	body.wp-child-theme-inspry-child-theme .hero-pints img {
		margin-bottom: var(--mt-pints-mb) !important;
	}
}

@media screen and (min-width: 1054px) and (max-width: 1099px),
	screen and (min-width: 1025px) and (max-width: 1053px) {

	body.wp-child-theme-inspry-child-theme .hero-pints img {
		margin-bottom: -20px;
	}
}

/* Range-specific extras */

@media screen and (min-width: 1442px) and (max-width: 1515px) {
	body.wp-child-theme-inspry-child-theme .hero-green-box .kt-inside-inner-col {
		margin-top: 2em !important;
	}
}

@media screen and (min-width: 1280px) and (max-width: 1354px),
	screen and (min-width: 1240px) and (max-width: 1279px) {

	body.home.wp-child-theme-inspry-child-theme .hero-green-box h3 {
		line-height: .95 !important;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1239px),
	screen and (min-width: 1150px) and (max-width: 1199px),
	screen and (min-width: 1100px) and (max-width: 1149px),
	screen and (min-width: 1054px) and (max-width: 1099px),
	screen and (min-width: 1025px) and (max-width: 1053px) {

	body.home.wp-child-theme-inspry-child-theme .hero-green-box h3 {
		line-height: .94 !important;
	}
}

@media screen and (min-width: 1150px) and (max-width: 1199px),
	screen and (min-width: 1100px) and (max-width: 1149px),
	screen and (min-width: 1054px) and (max-width: 1099px) {

	body.wp-child-theme-inspry-child-theme .hero-green-box .kt-inside-inner-col {
		min-height: 320px !important;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1053px) {
	body.wp-child-theme-inspry-child-theme .hero-green-box .kt-inside-inner-col {
		min-height: 300px !important;
	}
}

/* Flavors archive animation row */
@media screen and (min-width: 1150px) and (max-width: 1199px),
	screen and (min-width: 1100px) and (max-width: 1149px),
	screen and (min-width: 1054px) and (max-width: 1099px),
	screen and (min-width: 1025px) and (max-width: 1053px) {

	body.archive.post-type-archive-flavors.wp-child-theme-inspry-child-theme #inner-wrap .kb-row-layout-wrap.animation {
		margin-top: -5em !important;
	}
}


/* Other desktop tweaks */

@media screen and (max-width: 1376px) {
	body.wp-child-theme-inspry-child-theme.post-type-archive-flavors .hero-green-box h3 {
		font-size: clamp(20px, 3.6vw, 55px) !important;
	}
}

@media screen and (max-width: 1128px) {
	body.wp-child-theme-inspry-child-theme .home-hero .large-paragraph-text {
		padding-left: 15px;
	}
}


/* Tablet and below */

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

	body.wp-child-theme-inspry-child-theme .home-hero .large-paragraph-text {
		font-size: 16px !important;
	}

	body.wp-child-theme-inspry-child-theme h2 {
		font-size: 42px;
	}
}

/* Kadence tablet range (768 included): the 10,000 Scoops script line (home
   and /10k-scoops/) stays on one line in the narrower tablet column */
@media screen and (min-width: 768px) and (max-width: 1024px) {

	body.wp-child-theme-inspry-child-theme .home-scoops .kt-inside-inner-col h3 {
		font-size: 80px !important;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

	body.wp-child-theme-inspry-child-theme .home-hero .large-paragraph-text {
		font-size: 16px !important;
		max-width: 410px !important;
	}

	body.wp-child-theme-inspry-child-theme .home-top.animation {
		margin-top: -9em !important;
	}

	body.wp-child-theme-inspry-child-theme .hero-pints img {
		margin-top: -50px !important;
		margin-bottom: 20px;
	}

	body.wp-child-theme-inspry-child-theme .flavor-card-container > .kt-inside-inner-col {
		min-height: 372px !important;
	}

	body.home.wp-child-theme-inspry-child-theme .hero-green-box h3 {
		font-size: 27px !important;
	}

	body.wp-child-theme-inspry-child-theme .hero-green-box .kt-inside-inner-col {
		min-height: 270px !important;
	}

	body.wp-child-theme-inspry-child-theme .kb-button:not(.kb-btn-global-inherit) {
		font-size: 1rem;
	}

	body.wp-child-theme-inspry-child-theme .hero-green-box {
		margin-left: 1.5em;
	}

	body.home.wp-child-theme-inspry-child-theme .home-carousel .slide-content .text .kt-inside-inner-col h3 {
		font-size: 30px;
	}

	body.wp-child-theme-inspry-child-theme .home-carousel .slide-content .text .kt-inside-inner-col p {
		font-size: 16px;
	}

	body.wp-child-theme-inspry-child-theme .scoops-image figure {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	body.wp-child-theme-inspry-child-theme .home-blog .splide__arrows {
		position: absolute;
		top: 282px !important;
		left: calc(50% + 34px);
		display: flex;
		gap: 12px;
		z-index: 99;
		bottom: auto;
		right: auto;
		transform: none;
		padding: 0;
	}

	body.wp-child-theme-inspry-child-theme .home-blog .kt-blocks-post-loop-block .splide__arrows {
		top: 225px !important;
	}

	body.archive.post-type-archive-flavors.wp-child-theme-inspry-child-theme #inner-wrap .kb-row-layout-wrap.animation {
		margin-top: -10em !important;
	}
}

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

	body.wp-child-theme-inspry-child-theme .home-carousel .slide-content .text .kt-inside-inner-col h3 {
		font-size: 30px;
	}

	/* No moose tracks on the home carousel, light blue ribbon and favorite brands rows.
	   The ribbon carries its tracks on an inner column, not the row. */
	.home-carousel.tracks-animated-left::after,
	.home-carousel.tracks-animated-left > .tracks-anim,
	.light-blue-ribbon .tracks-animated-left::after,
	.light-blue-ribbon .tracks-animated-left > .tracks-anim,
	.favorite-brands.tracks-animated-right::after,
	.favorite-brands.tracks-animated-right > .tracks-anim {
		display: none !important;
	}
}

@media screen and (max-width: 768px) and (min-width: 601px) {

	body.wp-child-theme-inspry-child-theme .home-hero .large-paragraph-text {
		max-width: 300px !important;
	}

	body.home.wp-child-theme-inspry-child-theme .hero-green-box h3 {
		font-size: 32px !important;
	}

	body.wp-child-theme-inspry-child-theme .hero-green-box .kt-inside-inner-col {
		min-height: 300px !important;
	}

	.kb-button:not(.kb-btn-global-inherit) {
		font-size: 1rem;
	}

	body.wp-child-theme-inspry-child-theme .hero-pints img {
		margin-top: -40px !important;
		margin-bottom: 40px;
	}

	body.wp-child-theme-inspry-child-theme.post-type-archive-flavors .hero-green-box .kt-inside-inner-col {
		min-height: 230px !important;
	}
}