/* 
Theme Name: iPlug Green Energy
Theme URI: https://github.com/elementor/hello-theme-child/
Description: iPlug Green Energy is a child theme of Hello Elementor, created by WPValet team
Author: WPValet Team
Author URI: https://wpvalet.co/
Template: hello-elementor
Version: 2.0.0
Text Domain: igreen-energy
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Global */
.ige-green-text{
	font-style: italic;
	color: var(--e-global-color-accent);
}

.ige-linear-gradient {
	background: linear-gradient(274.06deg, rgba(13, 34, 48, 0) 38.42%, rgba(12, 32, 44, 0.9) 71.81%, #0B202B 81.29%, #0B1F2A 90.86%) !important;
}

p:last-child {
	margin-bottom: 0 !important;
}

html,
body {
	overflow-x: hidden !important;
}

.ige-regular-text {
	font-weight: 400 !important;
}

/* Header */
.ige-header.elementor-sticky--effects{
	background-color: var(--e-global-color-secondary) !important;
}

.ige-header > .e-con-inner{
	transition: all 0.3s ease;
}

.ige-header.elementor-sticky--effects > .e-con-inner{
	padding: 13px 0 !important;
}

.ige-menu .elementor-nav-menu--dropdown {
	padding: 10px !important;
	width: 200px;
}

.ige-menu .elementor-nav-menu--dropdown a.elementor-sub-item {
	border-radius: 8px !important;
}

/* Form */
.ige-form .gf_progressbar_title,
.ige-form .gfield_label,
.ige-form .gsection h3 {
	line-height: 1.5em !important;
	letter-spacing: 0 !important;
	color: #112C3B !important;
	font-family: Inter !important;
}

.ige-form .gf_progressbar_title {
	margin-bottom: 16px !important;
	text-transform: none !important;
}

.ige-form .gfield_checkbox .gform-field-label--type-inline {
	color: #112C3B !important;
	font-size: 16px !important;
	line-height: 1.3em !important;
}

.ige-form .gfield--type-multi_choice .gfield_checkbox  {
	display: flex !important;
	flex-direction: column;
	gap: 16px;
	margin-top: 8px !important;
}

.ige-form .gfield--type-multi_choice .gchoice,
.ige-form .ginput_container_consent {
	display: flex !important;
	gap: 12px;
}

.ige-form .ginput_container_consent label,
.ige-form-text {
	font-size: 14px !important;
	line-height: 1.4em !important;
	letter-spacing: 0 !important;
	color: #112C3B !important;
}

.ige-form .gsection {
	border: none !important;
	padding: 0 !important;
}

.ige-form .gfield_label,
.ige-form .gsection h3 {
	font-weight: 500 !important;
	font-size: 15px !important;
}

.ige-form .gfield_label {
	margin: 0 0 8px 0 !important;
}

.ige-form .gsection h3 {
	margin: 0 0 -22px 0 !important;
	text-transform: capitalize !important;
}

.ige-form .gf_progressbar_percentage {
	height: 8px !important;
	box-shadow: 0px 2px 8px 0px rgba(103, 178, 18, 0.42);
	border-radius: 10px !important;
	border: solid 1px #FFFFFF !important;
}

.ige-form .gf_progressbar_percentage span,
.ige-form .gfield_required_text,
.gform_validation_errors {
	display: none !important;
}

.ige-form .gf_progressbar {
	background: rgba(17, 44, 59, 0.15) !important;
	margin-bottom: 30px !important;
}

.ige-form .gform_fields {
	grid-column-gap: 8px !important;
	grid-row-gap: 30px !important;
}

.ige-form .name_first {
	padding: 0 4px 0 0 !important;
}

.ige-form .name_last {
	padding: 0 0 0 4px !important;
}

.ige-form input,
.ige-form select {
	padding: 16px 14px !important;
	color: #112c3b !important;
	font-size: 16px !important;
	line-height: 1.5em !important;
	border: none !important;
	border-radius: 8px !important;
	background-color: #fff !important;
}

.ige-form input:focus,
.ige-form select:focus {
	outline: none !important;
} 

.ige-form .gfield_html p {
	font-size: 15px !important;
	font-style: italic !important;
	line-height: 1.5em !important;
	color: rgba(17, 44, 59, 0.8) !important;
}

.ige-form .gform_page_footer {
	padding: 0 !important;
	margin-top: 30px !important;
	position: relative;
}

.ige-form .gform_next_button,
.ige-form .gform_previous_button,
.ige-form input[type="submit"] {
	margin: 0 !important;
	font-size: 18px !important;
	line-height: 1.2em !important;
	letter-spacing: 0 !important;
	background-repeat: no-repeat;
	background-size: 15.5px auto;
}

.ige-form input[type="submit"] {
	padding: 18px 30px !important;
}

.ige-form .gform_next_button,
.ige-form.consultation input[type="submit"] {
	padding: 18px 57px 18px 30px !important;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.42157 0.921631L15.5 7.00006M9.42157 13.0785L15.5 7.00006M15.5 7.00006H0' stroke='%23112C3B' stroke-width='1.5'/%3E%3C/svg%3E");
	background-position: right 30px center;
}

.ige-form .gform_previous_button {
	padding: 18px 30px 18px 57px !important;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 7L6 13' stroke='%23112C3B' stroke-width='1.5' fill='none'/%3E%3Cline x1='1' y1='7' x2='17' y2='7' stroke='%23112C3B' stroke-width='1.5'/%3E%3C/svg%3E%0A");
	background-position: left 30px center;
}

.ige-form.consultation .gform_fields {
	grid-row-gap: 26px !important;
}

.ige-form.consultation .gfield_checkbox {
	line-height: 1em;
}

.ige-form select {
	appearance: none !important;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5L7.5 7.5L14 0.5' stroke='%23112C3B'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: right 14px center;
}

.ige-form input[type="checkbox"] {
	appearance: none !important;
	width: 21px;
	height: 21px !important;
	border: none !important;
	border-radius: 5px !important;
	background-color: rgba(255, 255, 255, 0.7) !important;
	position: relative;
	flex-shrink: 0;
	top: 0 !important;
	cursor: pointer;
	padding: 0 !important;
}
/* 
.ige-form input[type="checkbox"]:checked {
background-color: var(--e-global-color-primary) !important;
} */

.ige-form input[type="checkbox"]:checked::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 14px;
	background-color: transparent;
	transform: translate(-50%, -60%) rotate(45deg);
	border: solid #112C3B;
	border-width: 0 3px 3px 0;
	border-radius: 2px;
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.ige-form .gf_progressbar {
		margin-bottom: 20px !important;
	}

	.ige-form .gform_fields {
		grid-row-gap: 20px !important;
	}

	.ige-form .gsection h3 {
		margin: 0 0 -12px 0 !important;
	}

	.ige-form .name_first {
		padding: 0 0 20px 0 !important;
		margin-bottom: 0 !important;
	}

	.ige-form .name_last {
		padding-left: 0 !important;
	}

	.ige-form .gform_page_footer {
		margin-top: 20px !important;
	}

	.ige-form .ginput_complex {
		flex-direction: column !important;
	}
	
	.ige-post-content h2 {
		font-size: 32px !important;
	}
	
	.ige-post-content h3 {
		font-size: 24px !important;
	}
	
	.ige-post-content h4 {
		font-size: 20px !important;
	}
}

/* Accordion */
.ige-accordion .e-n-accordion-item {
	padding: 32px 0;
	border-bottom: solid 1px rgba(170, 244, 85, 0.6);
}

.ige-accordion .e-n-accordion-item-title-text,
.ige-faq .e-n-accordion-item-title-text {
	display: flex !important;
	align-items: center;
	flex-wrap: nowrap;
}

.ige-accordion .e-n-accordion-item-title-text {
	gap: 32px;
}

.ige-accordion .num {
	color: #AAF455 !important;
}

.ige-faq .e-n-accordion-item {
	padding: 16px 26px;
	border: solid 1px #AAF455;
	border-radius: 16px;
	background-color: rgba(0, 0, 0, 0.15);
	transition: background-color ease 0.3s;
}

.ige-faq .e-n-accordion-item[open] {
	background-color: #fff;
}

.ige-faq .e-n-accordion-item[open] .e-n-accordion-item-title-text {
	color: #112C3B !important;
}
.ige-faq .e-n-accordion-item[open] p {
	color: rgba(17, 44, 59, 0.8) !important;
}

.ige-faq .e-n-accordion-item-title-text {
	gap: 24px;
}

@media (max-width: 767px) {
	.ige-accordion .e-n-accordion-item {
		padding: 16px 0;
		border-bottom: solid 1px rgba(170, 244, 85, 0.6);
	}

	.ige-accordion .e-n-accordion-item-title-text,
	.ige-faq .e-n-accordion-item-title-text {
		gap: 16px;
	}

	.ige-faq .e-n-accordion-item {
		padding: 16px;
	}
}

/* Process Carousel */
.ige-process-carousel .swiper {
	overflow: visible !important;
}

.ige-carousel-nav {
	cursor: pointer;
}

/* Blog */
.jet-filters-pagination__item.prev-next{
	content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4238 24.3887L8.02148 16.9766H27.7188V15.0234L8.02148 15.0234L15.4238 7.61133L14.0469 6.23438L4.28125 16L14.0469 25.7656L15.4238 24.3887Z' fill='%23AAF455'/%3E%3C/svg%3E");
	border: 1px solid var(--e-global-color-accent);
	border-radius: 100px;
	padding: 33px;
	margin: 0 30px !important;
	transition: all 0.3s ease;
}

.jet-filters-pagination__item.next{
	transform: rotate(180deg);
}

.jet-filters-pagination__item.prev-next:hover{
	border-color: var(--e-global-color-primary);
	background-color: var(--e-global-color-primary);
}

@media(max-width: 767px){
	.jet-filters-pagination__item.prev-next{
		padding: 10px;
		margin: 0 15px !important;
	}
}

/* FAQ Filter */
.ige-faq-filter .jet-color-image-list-wrapper > fieldset{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.ige-faq-filter .jet-color-image-list__button{
	flex-direction: column;
	gap: 24px;
}

.ige-faq-filter .jet-color-image-list__button a.elementor-button{
	font-size: 16px;
	padding: 13px 20px;
	margin: auto;
}

.ige-faq-filter .jet-color-image-list__button a.elementor-button:hover{
	color: var(--e-global-color-primary);
	background-color: var(--e-global-color-secondary);
}

@media(max-width: 1200px){
	.ige-faq-filter .jet-color-image-list-wrapper > fieldset {
		grid-template-columns: repeat(3, 2fr);
	}
}

@media(max-width: 767px){
	.ige-faq-filter .jet-color-image-list-wrapper > fieldset {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* Free Eligibility Checker */
/* === General Wrapper === */
#veu-checker {
	font-family: system-ui, sans-serif;
	color: #0f172a !important;
}

/* === Card Container === */
.veu-card {
	background-color: #fff;
	border-radius: 1rem;
	box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
	padding: 1.5rem;
	max-width: 900px;
	margin: 0 auto;
}

/* === Step Badge === */
.veu-step-badge {
	font-size: 0.875rem;
	color: #1e293b; /* Slate-800 */
	margin-bottom: 0.5rem;
}

/* === Progress Bar === */
.veu-progress-bar {
	height: 0.5rem;
	background-color: rgba(190, 242, 100, 0.6); /* lime-400/60 */
	border-radius: 9999px;
	overflow: hidden;
	margin-bottom: 1rem;
}

.veu-progress-inner {
	height: 100%;
	background-color: #0f172a; /* Slate-900 */
	transition: width 0.3s ease;
}

/* === Headings === */
#veu-checker h2 {
	font-size: 2.5rem;
	font-weight: 800;
	line-height: 1.1;
	color: #0f172a;
	margin-bottom: 1rem;
}

@media (min-width: 768px) {
	#veu-checker h2 {
		font-size: 3.5rem;
	}
}

/* === Inputs & Selects === */
#veu-checker input,
#veu-checker select {
	width: 100%;
	padding: 1rem;
	font-size: 1.125rem;
	border-radius: 0.75rem;
	border: 1px solid #e2e8f0;
	background-color: white;
	margin-bottom: 1rem;
	transition: border-color 0.2s, box-shadow 0.2s;
}

#veu-checker input:focus,
#veu-checker select:focus {
	outline: none;
	border-color: #0f172a;
	box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.8);
}

#veu-checker select {
	appearance: none !important;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5L7.5 7.5L14 0.5' stroke='%23112C3B'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: right 14px center;
}

/* === Checkbox === */
#veu-checker input[type="checkbox"] {
	appearance: none !important;
	width: 21px;
	height: 21px !important;
	border: solid !important;
	border-radius: 5px !important;
	background-color: #fff !important;
	position: relative;
	cursor: pointer;
	padding: 0 !important;
	top: 20px;
	margin-right: 10px;
}

#veu-checker input[type="checkbox"]:checked::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 14px;
	background-color: transparent;
	transform: translate(-50%, -60%) rotate(45deg);
	border: solid #112C3B;
	border-width: 0 3px 3px 0;
	border-radius: 2px;
}

/* === Labels === */
#veu-checker label {
	color: #0f172a;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 500;
}

/* === Buttons === */
#veu-checker button {
	padding: 0.75rem 1.25rem;
	border-radius: 0.75rem;
	font-size: 1rem;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.2s, color 0.2s;
	color: #0f172a !important;
}

.veu-next, .veu-submit {
	background-color: #0f172a;
	color: white;
	border: none;
}

.veu-next:disabled,
.veu-submit:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.veu-back {
	background-color: #fff;
	border: 1px solid #cbd5e1;
}

/* === Summary Block === */
.veu-summary {
	background-color: white;
	padding: 1rem;
	border-radius: 0.75rem;
	border: 1px solid #e2e8f0;
	font-size: 0.875rem;
	color: #334155;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
	gap: 0.5rem;
}

.veu-summary div {
	margin-bottom: 0.25rem;
	display: flex;
	flex-direction: column;
}

/* === Estimate Panel === */
.veu-estimate {
	background-color: white;
	padding: 1rem;
	border-radius: 0.75rem;
	border: 1px solid #e2e8f0;
	margin-top: 0.75rem;
	font-weight: 600;
	font-size: 1.25rem;
	color: #0f172a;
}

/* === Status Messages === */
.valid {
	color: #166534; /* Green-800 */
	font-size: 0.875rem;
}

.invalid {
	color: #b91c1c; /* Red-700 */
	font-size: 0.875rem;
}

/* === Tip Text === */
.veu-tip {
	font-size: 0.875rem;
	color: #475569; /* Slate-700 */
}

/* === Buttons Wrapper === */
.veu-buttons {
	display: flex;
	gap: 0.75rem;
	margin-top: 1rem;
}

/* === Sources Drawer === */
.veu-sources-toggle {
	background-color: #fff;
	border: 1px solid #cbd5e1;
	color: #0f172a;
	font-size: 0.875rem;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.veu-sources {
	margin-top: 0.75rem;
	background-color: #fff;
	padding: 1rem;
	border-radius: 0.75rem;
	border: 1px solid #e2e8f0;
	font-size: 0.875rem;
	color: #334155;
	display: flex;
    flex-direction: column;
}

.veu-sources ul {
	list-style-type: disc;
	margin-left: 1.25rem;
}

.veu-sources a {
	color: #0f172a;
	text-decoration: underline;
}

/* Single Blog Content */
.ige-post-content h2 {
	margin: 40px 0 22px;
	font-size: 48px;
	letter-spacing: 0;
}

.ige-post-content h3 {
	margin: 40px 0 22px;
	font-size: 40px;
	letter-spacing: 0;
}

.ige-post-content h4 {
	margin: 40px 0 22px;
	font-size: 32px;
	letter-spacing: 0;
}

.ige-post-content p{
	margin-bottom: 1em;
}

.ige-post-content p a {
	text-decoration: underline !important;
	color: inherit !important;
	transition: all 0.3s;
}

.ige-post-content p a:hover {
	text-decoration: none !important;
}

.ige-post-content img{
	margin: 0 auto 40px !important;
}