/* ========================================================================== */
/* main.css - Cenario (Hello Elementor Child) */
/* Sections (search these headers): */
/* 1) FAQ Accordion */
/* 2) Gravity Forms - Global Form (New Design) */
/* 3) No Products Container */
/* 4) Quiz Result Page */
/* 5) Quiz Page + Ingredients + Validation */
/* 6) Marquee / Motion Utilities */
/* 7) Homepage */
/* 8) WooCommerce / Account / Reset Password */
/* 9) Misc Global Tweaks */
/* 10) Responsive / Media Queries (consolidated, bottom of file) */
/* ========================================================================== */


.ce_embedded_quiz_form .ce-global-form .gform_previous_button {
	top: -0.5em;
	left: 1em;
}


div#ingredients-list {
	overflow-y: scroll !important;
}


/* ---- Quiz Page Form Global Code Start ------- */
/* GF Multi-Step Slide Animation - Form 5 */
#gform_wrapper_5 .gform_page .gform_page_fields {
	animation: gfStepSlideIn 0.95s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

#gform_wrapper_5 .gform_page .gform_page_footer .gform_next_button,
#gform_wrapper_5 .gform_page .gform_page_footer .gform_button {
	animation: gfStepSlideIn 0.95s cubic-bezier(0.22, 0.61, 0.36, 1) 0.12s both;
}

@keyframes gfStepSlideIn {
	0% {
		opacity: 0.3;
		transform: translateX(60px);
	}
	30% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}


/* Hide GF AJAX spinner */
#gform_wrapper_5 .gform_ajax_spinner,
#gform_wrapper_5 img.gform_ajax_spinner,
#gform_wrapper_5 [data-js-spinner-id="gform-ajax-spinner"],
.gform-ajax-spinner {
	display: none !important;
	visibility: hidden !important;
}

/* Progress bar smooth transition */
#gform_wrapper_5 .gf_progressbar_percentage {
	transition: width 0.5s ease;
}



/* ========================================================================== */
/* 1) FAQ Accordion */
/* ========================================================================== */
.cen-faq-item {
	border: 1px solid #E5E7EB;
	border-radius: 12px;
	background-color: #fff;
	cursor: pointer;
}
.cen-faq-item .cen-faq-question {
	padding: 20px;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	gap: 10px;
	position: relative;
	justify-content: space-between;
}
.cen-faq-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.cen-faq-question-text {
	margin: 0px !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #1a1a1a;
}
p.cen-faq-answer-text {
	margin-bottom: 0px !important;
}
.cen-faq-answer {
	display: none;
	padding: 0px 20px 20px 20px;
}
.cen-active .cen-faq-question-text {
	margin-bottom: 15px;
}
.cen-active .cen-faq-answer {
	display: block !important;
}
.cen-faq-icon {
	background-image: url('https://cenario.com/wp-content/uploads/2026/02/svg-image-11.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: inline-block;
	width: 24px;
	height: 24px;
	rotate: 270deg;
}
.cen-active .cen-faq-question .cen-faq-icon {
	rotate: 90deg !important;
	transform: unset !important;
}
.cen-faq-item .cen-faq-question span, .cen-faq-item .cen-faq-question p {
	display: none;
}


/* ========================================================================== */
/* 2) Gravity Forms - Global Form (New Design) */
/* ========================================================================== */
/* ----| New Design Code Start |---- */
.ce-global-form #gf_progressbar_wrapper_5 {
	display: none;
}
.ce-global-form p.gform_required_legend {
	display: none;
}
.ce-global-form .gform_wrapper .gfield_radio input[type="radio"],
.ce-global-form .gform_wrapper .gfield_checkbox input[type="checkbox"] {
	display: none;
}

.ce-global-form div#gform_fields_5 {
	gap: 0px;
}

.ce-global-form form {
	width: 100%;
	max-width: 880px;
	margin: auto;
}

.ce-global-form span.gfield_required {
	display: none;
}

/* Prevent iOS Safari zoom on input focus */
.ce-global-form input[type="text"],
.ce-global-form input[type="email"],
.ce-global-form input[type="tel"],
.ce-global-form input[type="number"],
.ce-global-form input[type="search"],
.ce-global-form input[type="url"],
.ce-global-form input[type="password"],
.ce-global-form textarea,
.ce-global-form select {
	font-size: 16px;
}
.ce-global-form #input_5_6 label {
	padding: 78px 34px 18px 34px !important;
	position: relative;
}
.ce-global-form #input_5_6 .gchoice label::after{
	content: '';
	position: absolute;
	top: 20px;
	left: 0px;
	right: 0px;
	margin: auto;
	display: block;
	width: 100%;
	max-width: 50px;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}
.ce-global-form #input_5_6 .gchoice.gchoice_5_6_1 label::after {
	background-image: url(/wp-content/uploads/2025/07/Stress.png);

}
.ce-global-form #input_5_6 .gchoice.gchoice_5_6_1 input[type="checkbox"]:checked + label::after{
	filter: invert(1);
}
.ce-global-form #input_5_6 .gchoice.gchoice_5_6_2 label::after {
	background-image: url(/wp-content/uploads/2025/07/Anxiety.png);
}
.ce-global-form #input_5_6 .gchoice.gchoice_5_6_2 input[type="checkbox"]:checked + label::after{
	filter: invert(1);
}
.ce-global-form #input_5_6 .gchoice.gchoice_5_6_3 label::after {
	background-image: url(/wp-content/uploads/2025/07/Depression.png);
}
.ce-global-form #input_5_6 .gchoice.gchoice_5_6_3 input[type="checkbox"]:checked + label::after{
	filter: invert(1);
}
.ce-global-form #input_5_6 .gchoice.gchoice_5_6_4 label::after {
	background-image: url(/wp-content/uploads/2025/07/Insomnia.png);
}
.ce-global-form #input_5_6 .gchoice.gchoice_5_6_4 input[type="checkbox"]:checked + label::after{
	filter: invert(1);
}
.ce-global-form #input_5_6 .gchoice.gchoice_5_6_5 label::after {
	background-image: url(/wp-content/uploads/2025/07/Memory-and-Focus-1-1.png);
}
.ce-global-form #input_5_6 .gchoice.gchoice_5_6_5 input[type="checkbox"]:checked + label::after{
	filter: invert(1);
}

.ce-global-form .gform_previous_button {
	all: unset;
	position: absolute;
	top: -1.5em;
	left: 0em;
	padding: 0px !important;
	font-size: 18px !important;
	z-index: 9999;
	line-height: unset !important;
	border: unset !important;
	cursor: pointer;
	color: #829099 !important;
	background-color: transparent !important;
}


.ce-global-form {
	position: unset !important;
}
.ce-global-form .gform_next_button,
.ce-global-form input[type="submit"] {
	width: 100% !important;
	padding: 18px 24px !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	background-color: #043e67 !important;
	border: none !important;
	border-radius: 16px !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 8px 24px rgba(4, 62, 103, 0.3) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.5 !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

.ce-global-form div#gform_fields_5_3,
.ce-global-form div#gform_fields_5_35{
	gap: 0;
}

.ce-global-form .ginput_container {
	margin-top: 32px !important;
}
.ce-global-form legend.gfield_label {
	font-size: 22px !important;
	line-height: 32px !important;
	font-weight: 700 !important;
	margin-bottom: 16px !important;
	color: #011429 !important;
	width: 100% !important;
	display: block;
	text-align: center !important;
	letter-spacing: -0.22px !important;
	max-width: 80%;
	margin: auto;
}
.ce-global-form .gfield_description {
	color: #64748b !important;
	font-size: 16px !important;
	line-height: 24px !important;
	margin-bottom: 0px !important;
	text-align: center !important;
	font-weight: 500;
}

.ce-global-form div#gform_fields_5_35 #field_5_86 .gfield_label {
	font-size: 22px !important;
	line-height: 32px !important;
	font-weight: 700 !important;
	margin-bottom: 16px !important;
	color: #011429 !important;
	width: 100% !important;
	display: block !important;
	text-align: center !important;
	letter-spacing: -0.22px !important;
}
.ce-global-form div#gform_fields_5_35 #field_5_86 .gfield_description {
	color: #64748b !important;
	font-size: 16px !important;
	line-height: 24px !important;
	margin-bottom: 0px !important;
	text-align: center !important;
	font-weight: 500 !important;
}

.ce-global-form input {
	padding: 21px !important;
	font-size: 16px !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: none !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	height: unset !important;
	border-radius: 16px !important;
	color: #011429 !important;
	outline: none !important;
	transition: all 0.3s ease !important;
}
.ce-global-form input::placeholder {
	color: #94a3b8 !important;
}
.ce-global-form input:focus {
	outline: unset;
	border-color: #043e67;
	box-shadow: 0 0 0 4px rgba(4, 62, 103, 0.1);
}


.ce-global-form .gchoice {
	background-color: #fff !important;
	border-radius: 16px;
	width: 100%;
	display: block !important;
	position: relative;
	border: 1px solid #e2e8f0 !important;
}
.ce-global-form .gfield_radio input,
.ce-global-form .gfield_checkbox input {
	right: 0;
}
.ce-global-form .gfield_radio label {
	padding: 21px !important;
	box-shadow: unset !important;
	cursor: pointer;
	margin: 0px !important;
	border-radius: 16px !important;
	text-align: center !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	border: 1px solid transparent !important;
}

.ce-global-form div#input_5_30 {
	grid-template-columns: repeat(2, 1fr);
}

.ce-global-form .gfield_checkbox label {
	padding: 20px 24px !important;
	box-shadow: unset !important;
	cursor: pointer;
	margin: 0px !important;
	border-radius: 16px !important;
	text-align: center !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	border: 1px solid transparent !important;
}

.ce-global-form .gfield_radio,
.ce-global-form .gfield_checkbox {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px !important;
	margin-bottom: unset !important;
}

.ce-global-form #field_5_6 .gfield_checkbox {
	grid-template-columns: repeat(3, 1fr);
}

.ce-global-form .gfield_radio label:hover,
.ce-global-form .gfield_checkbox label:hover {
	background-color: unset !important;
	transform: unset !important;
}

.ce-global-form .gfield_radio input[type="radio"]:checked + label, .ce-global-form .gfield_checkbox input[type="checkbox"]:checked + label {
	transition: all 0.3s ease !important;
	box-shadow: 0 8px 24px rgba(4, 62, 103, 0.3) !important;
	background-color: #043e67 !important;
	color: #fff !important;
	border: 1px solid #043e67 !important;
}

.ce-global-form div#gform_fields_5_35 legend.gfield_label {
	display: none !important;
}
.ce-global-form div#gform_fields_5_35 .ginput_container.ginput_container_consent {
	align-items: start !important;
}
.ce-global-form div#gform_fields_5_35 .ginput_container.ginput_container_consent input {
	padding: 8px 16px !important;
}

/* ========================================================================== */
/* 3) No Products Container */
/* ========================================================================== */
/* -| No Product Triger Container |-- */
div#no-products-container {
	background-color: #fff;
	padding: 20px !important;
	border-radius: 16px;
	text-align: center;
	color: #043e67 !important;
}
div#no-products-container ul li:marker {
	visibility: hidden !important;
}
div#no-products-container ul li span {
	visibility: hidden !important;
}
div#no-products-container p , div#no-products-container li {
	color: #64748b !important;
	font-size: 16px !important;
	line-height: 24px !important;
	margin-bottom: 0px !important;
	text-align: center !important;
	font-weight: 500;
}
div#no-products-container h2 {
	font-size: 22px !important;
	line-height: 32px !important;
	font-weight: 700 !important;
	margin-bottom: 16px !important;
	color: #011429 !important;
	width: 100% !important;
	display: block;
	text-align: center !important;
	letter-spacing: -0.22px !important;
}
div#no-products-container div a {
	width: 100% !important;
	display: block;
	padding: 18px 24px !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	background-color: #043e67 !important;
	border: none !important;
	border-radius: 16px !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 8px 24px rgba(4, 62, 103, 0.3) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.5 !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}



/* -------------------------------------------------------------------------- */
/* New Design Quiz: shared (non-responsive) rules */
/* Responsive rules were consolidated at the bottom of this file. */
/* -------------------------------------------------------------------------- */


.gform_wrapper #gform_page_5_3 .gfield_checkbox input[type="checkbox"] {
	opacity: 0;
}


/* ========================================================================== */
/* 4) Quiz Result Page */
/* ========================================================================== */
/* Responsive rules moved to: Responsive / Media Queries (bottom of file) */

/* ========================================================================== */
/* 5) Quiz Page + Ingredients + Validation */
/* ========================================================================== */
/* ----------| Quiz Page Form Code Start |------------ */
#gform_page_5_1 #gform_fields_5 {
	gap: 0px;
}

p#ingredients-intro {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
div#ingredient-continue-warning {
	text-align: center;
	background-color: rgb(255, 234, 234);
	padding: 15px;
	border: 1px solid rgb(245, 183, 192);
	border-radius: 4px;
}


/* ----------| Powder Volume Validation Styles |------------ */
.powder-volume-validation {
	animation: fadeInValidation 0.3s ease;
}

.powder-volume-validation .switch-to-capsules-button {
	background: #033e67;
	color: #ffffff;
	border: none;
	padding: 12px 24px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
}

.powder-volume-validation .switch-to-capsules-button:hover {
	background: #022d4d;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(3, 62, 103, 0.3);
}

.powder-volume-validation .switch-to-capsules-button:active {
	transform: translateY(0);
}

#powder-validation-loading .validation-spinner {
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 2px solid #0369a1;
	border-top-color: transparent;
	border-radius: 50%;
	animation: validationSpin 1s linear infinite;
}

@keyframes fadeInValidation {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes validationSpin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* WooCommerce checkout validation error styling */
.woocommerce-NoticeGroup .woocommerce-error {
	background-color: #fef2f2;
	border-color: #fecaca;
}

/* Disabled buttons during validation */
[data-powder-disabled="true"] {
	opacity: 0.5 !important;
	pointer-events: none !important;
	cursor: not-allowed !important;
}

/* Mobile responsive adjustments */
/* Responsive rules moved to: Responsive / Media Queries (bottom of file) */
/* ----| Footer Hide on Quiz Result Page |---- */
.page-id-3475 #site-footer {
	display: none !important;
}

/* ========================================================================== */
/* 6) Marquee / Motion Utilities */
/* ========================================================================== */
.partial_entry_warning {
	display: none;
}

.mq-viewport{
	overflow: hidden;
	width: 100%;
}

.mq-track{
	display: flex;
	flex-wrap: nowrap !important;
	gap: 24px;
	align-items: stretch;
	will-change: transform;
}

.mq-track.mq-run{
	animation: mq var(--dur, 22s) linear infinite;
}

.mq-track[data-dir="rev"].mq-run{
	animation-direction: reverse;
}

@keyframes mq{ to{ transform: translateX(-50%); } }

.mq-track > *{
	flex: 0 0 25%;
	min-width: 25%;
	box-sizing: border-box;
}


/* utility for JS-driven hide */
.is-hidden { display: none !important; }


/* ========================================================================== */
/* 7) Homepage */
/* ========================================================================== */
.page-id-3566 .elementor-button .elementor-button-text{
	font-family: Montserrat !important;
}
.page-id-3566 .swiper p, .swiper .elementor-widget-text-editor{
	font-family: Montserrat !important;
}
.page-id-3566 .swiper h2{
	font-family: Montserrat !important;
}

#quiz-embedded #input_5_6 .gchoice label::after {
	content: ' ';
	margin: auto 15px !important;
}

/* ========================================================================== */
/* 8) WooCommerce / Account / Reset Password */
/* ========================================================================== */
form.checkout.woocommerce-checkout {
	flex-direction: column;
}

/* Checkout billing field layout */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 16px;
	row-gap: 14px;
}
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 16px;
	row-gap: 14px;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row {
	width: 100% !important;
	float: none;
	margin: 0;
	grid-column: 1 / -1;
}
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row {
	width: 100% !important;
	float: none;
	margin: 0;
	grid-column: 1 / -1;
}
.woocommerce-checkout #billing_first_name_field,
.woocommerce-checkout #billing_last_name_field,
.woocommerce-checkout #billing_city_field,
.woocommerce-checkout #billing_state_field,
.woocommerce-checkout #billing_postcode_field,
.woocommerce-checkout #billing_phone_field {
	grid-column: span 1;
}
.woocommerce-checkout #shipping_first_name_field,
.woocommerce-checkout #shipping_last_name_field,
.woocommerce-checkout #shipping_city_field,
.woocommerce-checkout #shipping_state_field {
	grid-column: span 1;
}
.woocommerce-checkout #shipping_phone_field {
	grid-column: span 1;
}
@media (max-width: 767px) {
	.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
		grid-template-columns: minmax(0, 1fr);
	}
	.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
		grid-template-columns: minmax(0, 1fr);
	}
	.woocommerce-checkout #billing_first_name_field,
	.woocommerce-checkout #billing_last_name_field,
	.woocommerce-checkout #billing_city_field,
	.woocommerce-checkout #billing_state_field,
	.woocommerce-checkout #billing_postcode_field,
	.woocommerce-checkout #billing_phone_field {
		grid-column: 1 / -1;
	}
	.woocommerce-checkout #shipping_first_name_field,
	.woocommerce-checkout #shipping_last_name_field,
	.woocommerce-checkout #shipping_city_field,
	.woocommerce-checkout #shipping_state_field,
	.woocommerce-checkout #shipping_postcode_field,
	.woocommerce-checkout #shipping_phone_field {
		grid-column: 1 / -1;
	}
}


/* ---- Global FAQ Data ---- */
tr.cart-discount.coupon-virtual_fee_discount {
	display: none;
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true]
{
	background-color: #0073aa !important;
	color: #FFF !important;
}
.woocommerce-form-register,
.u-column2.col-2{
	display: none !important;
}
.e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .u-columns {
	margin-top: 0px !important;
}
form.woocommerce-ResetPassword.lost_reset_password {
	width: 100% !important;
}


/* Style the reset password form to match your design */
.woocommerce-ResetPassword {
	padding: 20px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	background: white;
}

.woocommerce-ResetPassword h2 {
	color: #333;
	margin-bottom: 15px;
}

.woocommerce-ResetPassword .form-description {
	color: #666;
	margin-bottom: 15px;
	font-size: 14px;
}

.woocommerce-ResetPassword .button {
	background-color: #87ceeb;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
}

.woocommerce-ResetPassword .button:hover {
	background-color: #7bb8d1;
}

/* Gravity Forms framework icon + color (kept together to avoid duplicate selector blocks) */
.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before{
	color: #033e67 !important;
	font-family: "gform-icons-orbital" !important;
}
div#field_7_11 input {
	padding: 0px;
}


/* Hide all button-related elements on radio pages for first visit */
.gform_page .gform_page_footer .hidden-first-visit,
.gform_page .gform_page_footer .hidden-first-visit * {
	display: none !important;
}

/* ========================================================================== */
/* 9) Misc Global Tweaks */
/* ========================================================================== */
.page-id-765 {
	background-color: #d7effa;
}

/* ======== Woocommerce ======== */
.woocommerce-checkout .wc-block-components-totals-item {
	display: flex !important;
	justify-content: space-between;
}


/* ======== GRAVITY FORMS ======== */
.quiz-form .gfield_required {
	font-size: 20px;
	color: #00142a;
	display: none;
}

.quiz-form .ginput_container_consent input {
	padding: 16px !important;
	border-radius: 6px !important;
	display: flex !important;
	align-content: center !important;
	justify-content: center !important;
	align-items: center !important;
}
.quiz-form #ingredients-list label.allergy-checkbox-label {
	display: flex !important;
	align-items: center;
}

.gfield--type-section {
	border: unset !important;
}
.gfield--type-section h3 {
	margin: unset !important;
	margin-top: 40px !important;
	padding: unset !important;
}

.gform_button {
	background-color: #033e67 !important;
}
form#gform_5 {
	position: unset;
}

/* Hide default radio buttons and checkboxes */



.gform_wrapper .gfield_radio input[type="radio"],
.gform_wrapper .gfield_checkbox input[type="checkbox"] {
	position: absolute;
	pointer-events: none;
}

/* Style the labels to look like buttons */

/* Hover state */
.gform_wrapper .gfield_radio label:hover,
.gform_wrapper .gfield_checkbox label:hover {
	background-color: #e9ecef;
	border-color: #dee2e6;
	transform: translateY(-1px);
}

/* Selected/focus states live in the earlier .ce-global-form rules and in the media queries below. */

/* Remove default list styling */
.gform_wrapper .gfield_radio ul,
.gform_wrapper .gfield_checkbox ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}

.gform_wrapper .gfield_radio li,
.gform_wrapper .gfield_checkbox li {
	margin: 0;
	padding: 0;
	display: inline-block;
}

/* Field title styling */
.gform_wrapper .gfield_radio .gfield_label,
.gform_wrapper .gfield_checkbox .gfield_label {
	font-weight: 600;
	font-size: 18px;
	color: #212529;
	margin-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Section header styling (if you have section breaks) */
.gform_wrapper .gsection .gsection_title {
	font-weight: 700;
	font-size: 14px;
	color: #6c757d;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 40px;
}

/* Container spacing */
.gform_wrapper .gfield_radio,
.gform_wrapper .gfield_checkbox {
	margin-bottom: 30px;
}

.gform_wrapper .gfield_radio .ginput_container,
.gform_wrapper .gfield_checkbox .ginput_container {
	text-align: center;
}

/* Responsive + accessibility rules are consolidated at the bottom of this file. */

/* Label interactions */
.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield_checkbox label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Optional: Add subtle shadow to selected items */
.gform_wrapper .gfield_radio input[type="radio"]:checked + label,
.gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label, .flavor-radio:checked + .flavor-button {
	box-shadow: 0 2px 8px rgba(52, 58, 64, 0.15);
}


/* --- Form Data --- */
.gform_confirmation_message {
	padding: 40px 0px;
}
.gform_confirmation_message h2 {
	margin: 0px;
	margin-bottom: 10px;
	font-weight: 700;
	font-family: 'Montserrat';
	font-size: 24px;
	line-height: 36px;
	color: #011429;
	text-align: center;
}
.gform_confirmation_message, .gform_confirmation_message p {
	line-height: 24px;
	color: #043E67;
	font-size: 14px;
	text-align: center;
}



p.gform_required_legend {
	display: none;
}
.download-btn {
	background-color: #043e67;
	display: block;
	padding: 12px 30px;
	border-radius: 10px;
	color: #fff !important;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 100%;
}


/* Nulstil margin og padding for hele footeren */
.elementor-element-1b68601 {
	margin: unset !important;
	padding: unset !important;
}

.entry-title {
	display: none;
}
/* Adjust Cards Button Height - Home */
.get-involved .row .elementor-element .elementor-widget-button {
	margin-top: auto;
}



/* ========================================================================== */
/* YouTube Videos Grid */
/* ========================================================================== */
.youtube-videos-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.youtube-videos-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
	gap: 30px;
	margin-bottom: 30px;
}

.video-card {
	background: #D6EEFA33;
	border-radius: 15px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border: 1px solid #e1e8ed;
}

.video-card:hover {
	transform: translateY(-5px);
}

.video-embed-container {
	position: relative;
	width: 100%;
	height: 250px;
	background: #000;
}

.video-embed-container iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.video-info {
	padding: 20px;
}

.video-title {
	font-family: "Inter", Sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.5px;
	color: var(--e-global-color-primary);
	margin: 0 0 10px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.video-duration {
	margin-bottom: 10px;
	font-family: "Inter", Sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #043E67B3;
}

.video-description {
	font-size: 14px;
	line-height: 1.5;
	color: #6b7280;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.loading-spinner {
	text-align: center;
	padding: 40px;
	font-size: 16px;
	color: #4a90e2;
	grid-column: 1 / -1;
}

.load-more-container {
	text-align: center;
	margin-top: 30px;
	grid-column: 1 / -1;
}

.load-more-btn {
	background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
	color: white;
	border: none;
	padding: 12px 30px;
	border-radius: 25px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
}

.load-more-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4);
}

.load-more-btn:disabled {
	background: #ccc;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}


/* ========================================================================== */
/* Checkout Page Overrides */
/* ========================================================================== */
header#site-header {
	display: none;
}
footer#site-footer {
	display: none !important;
}
.airwallex-col-1 {
	display: none !important;
}

.airwallex-checkout.airwallex-tpl-2row {
	margin: 80px 0px !important;
}

.payment-section {
	max-width: 767px;
	margin: auto;
	border-radius: 1.5rem;
	box-shadow: unset !important;
	border: 1px solid #e5e7eb;
}

/* Elementor loop + Jet listing text/icon tweaks */
.elementor-loop-container .elementor-shortcode span,
.jet-listing-grid__item .elementor-shortcode span {
	color: #6b7280 !important;
	font-size: 14px !important;
	font-weight: 400;
}
.elementor-loop-container .elementor-shortcode i,
.jet-listing-grid__item .elementor-shortcode i {
	display: none !important;
}

/* ========================================================================== */
/* Responsive / Media Queries (consolidated) */
/* Notes: these @media blocks were moved here to keep the file scannable. */
/* ========================================================================== */

@media (max-width: 480px) {
	/* From original line 1233 */
	.gform_wrapper .gfield_radio ul,
	.gform_wrapper .gfield_checkbox ul {
		flex-direction: column;
		align-items: center;
	}
	/* 
	.gform_wrapper .gfield_radio label,
	.gform_wrapper .gfield_checkbox label {
	display: block;
	width: 100%;
	max-width: 280px;
	margin: 4px 0;
	padding: 14px 20px;
	text-align: center;
} */

	.gform_wrapper .gfield_radio .gfield_label,
	.gform_wrapper .gfield_checkbox .gfield_label {
		font-size: 15px;
		margin-bottom: 14px;
	}

	.gform_wrapper .gsection .gsection_title {
		font-size: 12px;
		margin-bottom: 20px;
		margin-top: 28px;
	}

	/* From original line 1517 */
	.video-embed-container {
		height: 180px;
	}

	.video-info {
		padding: 15px;
	}
}

@media (max-width: 767px) {
	/* From original line 59 */
	.elementor-widget-theme-post-content .cen-faq-container .cen-faq-item.cen-active .cen-faq-question h3.cen-faq-question-text {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.cen-faq-container .cen-faq-item {
		margin: 0px;
	}
	.cen-faq-item .cen-faq-question {
		padding: 15px;
	}
	.cen-faq-container .cen-faq-item .cen-faq-answer-text {
		font-size: 14px !important;
	}


	/* Quiz Field Design For Mobile */
	.ce-global-form #input_5_6 label {
		padding: 12px 35px 12px 50px !important;
	}

	.ce-global-form #input_5_6 .gchoice label::after{
		top: 8px;
		left: 12px;
		right: unset;
		max-width: 28px;
		height: 28px;
	}

	.gform_wrapper .gfield_radio label,
	.gform_wrapper .gfield_checkbox label {
		text-align: left !important;
		font-size: 14px !important;
		width: 100% !important;
		display: block !important;
		max-width: 100% !important;
		padding: 12px 22px !important;
		border-radius: 12px !important;
	}

	.ce-global-form .ginput_container {
		margin-top: 15px !important;
	}

	.ce-global-form .gform-body .gfield_label {
		font-size: 18px !important;
		margin-bottom: 5px !important;
		line-height: 1.5 !important;
		max-width: 100%;
	}

	.ce-global-form .gform-body .gfield_description {
		font-size: 13px !important;
		margin-bottom: 20px !important;
	}

	.ce-global-form .gfield_radio,
	.ce-global-form .gfield_checkbox{
		grid-template-columns: repeat(1, 1fr) !important;
		gap: 12px !important;
	}

	.flavors-container .flavor-item .flavor-header label {
		padding: 12px 22px !important;
		border-radius: 12px !important;
		font-size: 14px !important;
	}

	.enhanced-flavors-selection-section span.flavor-title {
		font-size: 16px !important;
		line-height: 1.5;
	}



	/*   	.ce-global-form #field_5_6 #div#input_5_6 {
	grid-template-columns: repeat(2, 1fr) !important;
} */

	.ce-global-form .gchoice input[type="radio"],
	.ce-global-form .gchoice input[type="checkbox"]{
		padding: 0px !important;
		top: 15px;
		right: 16px;
		height: 16px !important;
		width: 16px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: absolute;
		z-index: 99;
	}
	.ce-global-form .gchoice input[type="radio"]::before,
	.ce-global-form .gchoice input[type="checkbox"]::before{
		background-color: transparent;
		height: 12px;
		width: 12px;
		border: 3px solid #043e67;
		border-radius: 100%;
		font-size: 0px !important;
	}
	.ce-global-form .gchoice:has(input[type="radio"]:checked),
	.ce-global-form .gchoice:has(input[type="checkbox"]:checked){
		transition: all 0.3s ease !important;
		background-color: #043e67 !important;
		color: #fff !important;
		border: 1px solid #043e67 !important;
	}
	.ce-global-form .gform_next_button,
	.ce-global-form input,
	.ce-global-form input[type=submit] {
		width: 100% !important;
		max-width: 100% !important;
		height: unset !important;
		padding: 12px 22px !important;
		font-size: 14px !important;
		line-height: 22px !important;
	}

	/*   	.ce-global-form .gform_wrapper .gfield_radio label,
	.ce-global-form .gform_wrapper .gfield_checkbox label,
	.gform_wrapper .gfield_checkbox label {
	width: 100% !important;
	display: block !important;
	max-width: 100% !important;
	padding: 12px 22px !important;
	border-radius: 12px !important;
} */


	.ce-global-form .gform_previous_button {
		top: -3em;
		text-align: left !important;
		font-size: 16px !important;
	}

	/* From original line 568 */
	.inner-quiz-results-container {
		padding: 25px !Important;
	}
	.inner-quiz-results-container h2 {
		font-size: 22px !important;
	}
	.inner-quiz-results-container p {
		font-size: 14px !important;
	}
	.inner-quiz-results-container div:first-child {
		flex-direction: column;
		gap: 20px;
		align-items: unset !important;
	}
	.inner-quiz-results-container div:first-child button {
		/*  display: flex !important; */
		width: 100% !important;
		justify-content: center;
		font-size: 16px !important;
		border-radius: 12px !important;
		padding: 8px !important;
	}
	.ingredients-list .ingredient-row div {
		flex-direction: row !important;
	}

	.ingredients-list span.ingredient-name, .ingredients-list span {
		font-size: 12px !important;
	}
	.ingredients-listv .ingredient-row {
		padding: 8px 0px !important;
	}

	.ingredients-list h3 {
		font-weight: 700 !important;
		margin-bottom: 10px !important;
	}

	/* From original line 631 */
	div#ingredient-continue-warning strong {
		font-size: 14px !important;
		margin-bottom: 20px !important;
	}
	div#ingredient-continue-warning {
		font-size: 12px !important;
	}
	.enhanced-compliance-ingredients-section label.allergy-checkbox-label {
		padding: 4px 8px !important;
	}
	.enhanced-compliance-ingredients-section label.allergy-checkbox-label span {
		font-size: 12px !important;
	}
	.enhanced-compliance-ingredients-section label.allergy-checkbox-label span.ingredient-icon {
		display: none !important;
	}
	.enhanced-compliance-ingredients-section label.allergy-checkbox-label .removed-badge {
		font-size: 9px !important;
		padding: 0px 8px !important;
	}
	.enhanced-compliance-ingredients-section label.allergy-checkbox-label .ingredient-number {
		margin: 0px !important;
	}
	.enhanced-compliance-ingredients-section div#ingredients-list {
		height: 30vh;
		max-height: unset !important;
		border-radius: 12px !important;
	}
	/* Scrollbar track */
	.enhanced-compliance-ingredients-section div#ingredients-list::-webkit-scrollbar {
		width: 4px !important;
	}

	.enhanced-compliance-ingredients-section div#ingredients-list::-webkit-scrollbar-track {
		background: #f0f0f0 !important;
		border-radius: 12px !important;
	}

	/* Scrollbar thumb (the draggable part) */
	.enhanced-compliance-ingredients-section div#ingredients-list::-webkit-scrollbar-thumb {
		background-color: #043e67 !important;
		border-radius: 12px !important;
	}
}

@media (max-width: 768px) {
	/* From original line 744 */
	.powder-volume-validation > div {
		padding: 15px !important;
	}

	.powder-volume-validation .switch-to-capsules-button {
		width: 100%;
		padding: 14px 20px;
	}

	/* From original line 1210 */
	.gform_wrapper .gfield_radio label,
	.gform_wrapper .gfield_checkbox label {
		padding: 12px 20px;
		font-size: 14px;
		min-width: 100px;
		margin: 6px 8px 6px 0;
	}

	.gform_wrapper .gfield_radio .gfield_label,
	.gform_wrapper .gfield_checkbox .gfield_label {
		font-size: 16px;
		margin-bottom: 16px;
	}

	.gform_wrapper .gsection .gsection_title {
		font-size: 13px;
		margin-bottom: 24px;
		margin-top: 32px;
	}

	/* From original line 1502 */
	.youtube-videos-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.video-embed-container {
		height: 200px;
	}

	.youtube-videos-container {
		padding: 15px;
	}
}

@media (min-width: 768px) {
	/* From original lines 463, 1095 */
	.gform_wrapper .gfield_radio input[type="radio"],
	.gform_wrapper .gfield_checkbox input[type="checkbox"] {
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	/* From original line 800 */
	.mq-track{ animation: none !important; transform: none !important; }

	/* From original line 1283 */
	.gform_wrapper .gfield_radio label,
	.gform_wrapper .gfield_checkbox label {
		transition: none;
	}

	.gform_wrapper .gfield_radio label:hover,
	.gform_wrapper .gfield_checkbox label:hover {
		transform: none;
	}
}

@media (prefers-contrast: high) {
	/* From original line 1268 */
	.gform_wrapper .gfield_radio label,
	.gform_wrapper .gfield_checkbox label {
		border-width: 3px;
	}

	.gform_wrapper .gfield_radio input[type="radio"]:checked + label,
	.gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label {
		background-color: #000000;
		border-color: #000000;
		color: #ffffff;
	}
}






/* SMALL QUIZ FORM */