/*
Theme Name:     Power Up
Theme URI:      https://www.createvictory.com
Template:       kadence
Author:         Victory Creative
Author URI:     https://www.createvictory.com
Description:    Official theme for Power Up Premium Trail Mix, by Victory Creative
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

.hidden {
  display: none !important;
}

.video-container {
	line-height: 0;
	width: 100%;
	/*height: 400px; /* Or whatever height you want */
	overflow: hidden; /* Hide cropped video parts */
}
.video-container > .kt-inside-inner-col,
.video-container > .kt-inside-inner-col > div {
  height: 100%;
}
.video-container video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kt-btn:visited:not(.wp-block-kadence-advancedbtn *),
.wp-block-button__link:visited:not(.wp-block-kadence-advancedbtn *) {
    color: inherit !important;
    background-color: inherit !important;
}
.woo-archive-btn-button .button {
	width: fit-content !important;
    background-color: #ffffff !important;
	color: var(--global-palette1) !important;
	border: 3px solid var(--global-palette1) !important;
	padding: 0.2em calc(1.3em / 2) !important;
	box-shadow: 4px 4px 0px var(--global-palette1) !important;
}
.woo-archive-btn-button .button:hover {
	background-color: var(--global-palette1) !important;
	box-shadow: 0px 0px 0px var(--global-palette1) !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
}

/* Visited state (optional, if they behave like links) 
.woo-archive-btn-button .button:visited {
  background-color: #0073e6; /* same as default
  color: #fff;
}
*/

.btn-nav.menu-item:not(.current-menu-item) {
	margin: 1rem 0px;
}
.btn-nav.menu-item:not(.current-menu-item) a {
	border: 3px solid var(--global-palette1) !important;
    box-shadow: 4px 4px 0px var(--global-palette1);
	padding-right: calc(1.3em / 2) !important;
    padding-left: calc(1.3em / 2) !important;
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
	width: fit-content;
    background-color: #ffffff !important;
}
.btn-nav.menu-item:not(.current-menu-item) a:hover {
	background-color: var(--global-palette1);
	box-shadow: 0px 0px 0px var(--global-palette1);
	color: #ffffff;
}
@media all and (min-width: 721px) {
	.btn-nav.menu-item:not(.current-menu-item) {
		margin: 0px 22px;
	}
	.btn-nav.menu-item:not(.current-menu-item) a {
		border: 3px solid #ffffff !important;
		box-shadow: 4px 4px 0px #ffffff;
		padding-right: calc(1.3em / 2) !important;
		padding-left: calc(1.3em / 2) !important;
		padding-top: 0.2em !important;
		padding-bottom: 0.2em !important;
		width: fit-content;
		background-color: var(--global-palette1) !important;
	}
	.btn-nav.menu-item:not(.current-menu-item) a:hover {
		background-color: #ffffff !important;
		box-shadow: 0px 0px 0px #ffffff !important;
		color: var(--global-palette1) !important;
	}
}
/* Gravity Forms */
.gform_wrapper.gravity-theme .gform_required_legend {
	color: #999999;
	font-size: 16px;
    text-align: right;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-size: 27px;
    font-family: 'univers-next-pro-condensed';
    text-transform: uppercase;
    letter-spacing: 0px;
}
.gform_wrapper.gravity-theme .gfield_required {
    font-size: 27px;
}
.gform_wrapper.gravity-theme input[type=color], 
.gform_wrapper.gravity-theme input[type=date], 
.gform_wrapper.gravity-theme input[type=datetime-local], 
.gform_wrapper.gravity-theme input[type=datetime], 
.gform_wrapper.gravity-theme input[type=email], 
.gform_wrapper.gravity-theme input[type=month], 
.gform_wrapper.gravity-theme input[type=number], 
.gform_wrapper.gravity-theme input[type=password], 
.gform_wrapper.gravity-theme input[type=search], 
.gform_wrapper.gravity-theme input[type=tel], 
.gform_wrapper.gravity-theme input[type=text], 
.gform_wrapper.gravity-theme input[type=time], 
.gform_wrapper.gravity-theme input[type=url], 
.gform_wrapper.gravity-theme input[type=week], 
.gform_wrapper.gravity-theme select, 
.gform_wrapper.gravity-theme textarea {
    font-size: 18px;
	color: var(--global-palette1);
    padding: 14px;
}

.gform_wrapper.gravity-theme input[type=color]::placeholder, 
.gform_wrapper.gravity-theme input[type=date]::placeholder, 
.gform_wrapper.gravity-theme input[type=datetime-local]::placeholder, 
.gform_wrapper.gravity-theme input[type=datetime]::placeholder, 
.gform_wrapper.gravity-theme input[type=email]::placeholder, 
.gform_wrapper.gravity-theme input[type=month]::placeholder, 
.gform_wrapper.gravity-theme input[type=number]::placeholder, 
.gform_wrapper.gravity-theme input[type=password]::placeholder, 
.gform_wrapper.gravity-theme input[type=search]::placeholder, 
.gform_wrapper.gravity-theme input[type=tel]::placeholder, 
.gform_wrapper.gravity-theme input[type=text]::placeholder, 
.gform_wrapper.gravity-theme input[type=time]::placeholder, 
.gform_wrapper.gravity-theme input[type=url]::placeholder, 
.gform_wrapper.gravity-theme input[type=week]::placeholder, 
.gform_wrapper.gravity-theme select::placeholder, 
.gform_wrapper.gravity-theme textarea::placeholder {
	color: #999999;
}

#mobile-drawer .drawer-header .drawer-toggle {
	margin-top: 1.2rem;
}
.popup-drawer .drawer-header {
	background: var(--global-palette1);
    min-height: 100px !important;
}
.drawer-logo {
	position: absolute;
	z-index: 2;
	background-color: transparent !important;
    top: -12.5px;
    left: 20px;
    max-width: 210px;
}
#mobile-site-navigation {
	margin-top: 1rem;
}
.mobile-navigation ul li a {
	padding-left: 0px;
	padding-right: 0px;
}
#mobile-menu .sub-menu {
	padding-left: 0px;
}
@media all and (min-width: 721px) {
	#mobile-menu .sub-menu {
		padding-left: 0.5em;
	}
}
#mobile-menu .sub-menu li.menu-item a {
	font-size: 1.5rem;
}
#mobile-menu .sub-menu li.menu-item .sub-menu li.menu-item a {
	font-size: 1.5rem;
	text-transform: unset;
}
.kb-advanced-heading-link:empty {
  display: none;
}

.desktop-video-row,
.mobile-video-row {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.text-overlaying-video-row {
	aspect-ratio: 9 / 16;
	position: relative;
	z-index: 10;
}
@media all and (min-width: 721px) {
	.text-overlaying-video-row {
		aspect-ratio: 16 / 9;
	}
}

.diamond-box {
	position: relative; /* Important for absolute child positioning */
	transform: rotate(45deg) !important;
	border: 8px solid #000000;
	display: flex; /* keep flex for fallback if needed */
	justify-content: center;
	align-items: center;
	height: 180px;
	width: 180px;
	margin: auto;
}

.diamond-box p {
	position: absolute;      /* Absolute positioning inside relative parent */
	top: 50%;               /* Center vertically */
	left: 50%;              /* Center horizontally */
	transform: translate(-50%, -50%) rotate(-45deg); /* Correct centering + rotate back */
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	font-family: inherit;
	margin: 0;              /* Remove margin interference */
	padding: 0;
	width: 160px;
}
@media all and (max-width: 720px) {
	.diamond-box {
		border: 6px solid #000000;
		height: 120px;
		width: 120px;
		margin-bottom: 4vw;
	}
	.diamond-box p {
		font-size: 14px;
		width: 110px;
		line-height: 1.1;
	}
	/* Make the parent a flex container */
	.diamond-container .kt-row-column-wrap {
		display: flex;
		flex-wrap: wrap;
	}

	/* Only affect the diamond-box-wrapper columns */
	.diamond-container .kt-row-column-wrap .diamond-box-wrapper {
		width: 50% !important;   /* 2 columns */
		flex: 0 0 47%;           /* lock at 50% */
		box-sizing: border-box;
	}
	.diamond-container:last-child .diamond-box-wrapper:last-child .kt-inside-inner-col {
		margin-left: 7vw;
    	margin-right: 7vw;
	}
}

.press-items .button:hover {
	color: white !important;
}
/*
.press-items .wp-block-kadence-image {
    border: 3px solid black;
    position: relative;
}
.press-items .wp-block-kadence-image:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 8px;
    background-color: #FFD700;
    z-index: 1;
}
*/
#faqs-accordion .kt-accordion-pane-1 button.kt-blocks-accordion-header.kt-acccordion-button-label-show, 
#pdp-faqs-accordion .kt-accordion-pane-1 button.kt-blocks-accordion-header.kt-acccordion-button-label-show {
	border-top: none;
}
#faqs-accordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:before, 
#pdp-faqs-accordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:before {
	transform: none !important;
	width: 20px;
    height: 4px;
}
#faqs-accordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after, 
#pdp-faqs-accordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after {
	transform: none !important;
	height: 20px;
    width: 4px;
	left: 10px;
    top: 3px;
}
#faqs-accordion .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before, 
#pdp-faqs-accordion .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before {
	transform: matrix(1, 0, 0, 1, 0, 0) !important;
    transform-origin: 10px 2px;
    height: 4px;
}
#faqs-accordion .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, 
#pdp-faqs-accordion .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after {
	height: 0px;
}

#pdp-faqs-accordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:before, 
#pdp-faqs-accordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after {
	background-color: #ffffff !important;
}

@media all and (max-width: 720px) {
	h3.kt-accordion-header-wrap button.kt-blocks-accordion-header {
		line-height: 1.1;
	}
	h3.kt-accordion-header-wrap button.kt-blocks-accordion-header.kt-accordion-panel-active {
		padding-bottom: 0px !important;
	}
}

/* PRODUCTS */
.single-product .related.products ul.products li.product {
	padding: 2rem 1rem;
}
.ingredient-image-wrapper {
	background-color: var(--global-palette8);
}

.product-ingredients-carousel-controls .swiper-button-prev,
.product-ingredients-carousel-controls .swiper-button-next,
.product-ingredients-carousel-controls .swiper-button-prev img,
.product-ingredients-carousel-controls .swiper-button-next img {
	width: 3.5rem;
	height: 3.5rem;
	margin-top: 0px;
}
.product-ingredients-carousel-controls .swiper-button-prev img:hover,
.product-ingredients-carousel-controls .swiper-button-next img:hover {
	filter: invert(1);
}
.product-ingredients-carousel-controls .swiper-button-prev {
	right: 100px;
    left: auto;
}
.product-ingredients-carousel-controls .swiper-button-prev::after,
.product-ingredients-carousel-controls .swiper-button-next::after {
  display: none;
}
@media all and (max-width: 720px) {
	.product-ingredients-carousel-controls .swiper-button-prev,
	.product-ingredients-carousel-controls .swiper-button-next {
		top: 0px;
	}
	.product-ingredients-carousel-controls .swiper-button-prev {
		left: 0px;
		right: auto;
	}
}

/* Make the slide a relative container */
.wp-block-kadence-wootemplate-blocks-gallery .kadence-product-gallery-main .splide__slide.product-video-slide {
    position: relative;
    overflow: hidden;
}

/* Center the video inside the slide */
.wp-block-kadence-wootemplate-blocks-gallery .kadence-product-gallery-main .splide__slide.product-video-slide video.product-video-element {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* vertical + horizontal center */
    width: 100%;
    height: 100%;
    object-fit: contain; /* preserve 16:9 aspect ratio */
}

.kadence-product-gallery-thumbnails .splide__list .product-video-slide {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    margin: auto;
}

/* Product Archives Fade-in animation */
@keyframes fadeInProducts {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0px);
	}
}
.wp-block-kadence-query .kb-query-item {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.6s ease, transform 0.6s ease;
	will-change: opacity, transform;
}
.wp-block-kadence-query .kb-query-item.is-visible {
	opacity: 1;
	transform: translateY(0);
}