/* 
Theme Name: Aladdin Bookkeeping
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Theme for Aladdin Bookkeeping
Author: Team WPValet
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: aladdin
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
*/

/* Add your custom styles here */

/* Footer */
@media (max-width: 767px) {
	.ab-footer-menu li.menu-item:after {
		display: none !important;
	}
}

/* General */
.ab-medium {
	font-weight: 500 !important;
}

.ab-green-text{
	color: var( --e-global-color-accent );
}

.elementor-button-icon svg {
	width: 24px !important;
}

.elementor-button-content-wrapper {
	align-items: center;
}

.ab-number {
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ab-link-icon {
	transform: scale(1);
	transition: transform 0.3s ease;
}

.ab-link-item:hover .ab-link-icon {
	transform: scale(1.25);
}

.ab-link-item {
	cursor: pointer;
}

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

.ab-flex-5 {
	flex: 0 0 calc((100% - (12px * 4)) / 5) !important;
}

.ab-flex-5.company {
	height: 120px !important;
}

.ab-aspect-ratio-16-9 {
	aspect-ratio: 16/9;
}

.ab-video-button {
	pointer-events: none !important;
}

@media (max-width: 1024px) {
	.ab-container-fullwidth {
		width: 100% !important;
	}
}

@media (max-width: 820px) {
	.ab-flex-5 {
		flex: 0 0 calc((100% - 12px) / 2) !important;
	}
}

@media (max-width: 767px) {
	.ab-number {
		width: 40px;
		height: 40px;
	}
}

/* FAQ Accordion */
.ab-faq-accordion .e-n-accordion-item {
	background-color: #fff;
	padding: 24px;
	border-radius: 16px;
	border-left: solid 2px var(--e-global-color-primary);
}

.ab-faq-accordion .e-n-accordion-item-title-icon .e-opened svg {
	transform: rotate(45deg);
}

.e-n-accordion-item > [role="region"] {
	display: none;
	overflow: hidden;
}

.e-n-accordion-item[open] > [role="region"] {
	display: block;
}

@media (max-width: 767px) {
	.ab-faq-accordion .e-n-accordion-item {
		padding: 20px;
	}
}

/* Success Stories Loop */
.ab-video .elementor-custom-embed-image-overlay {
	position: relative;
}

/* Calendly */
.calendly-inline-widget {
	border-top: solid 12px #9DC121;
	border-bottom: solid 12px #9DC121;
	border-radius: 16px;
}

/* Single Post */
.single-post .ab-post-content h2,
.single-post .ab-post-content h3,
.single-post .ab-post-content h4,
.single-post .ab-post-content h5 {
	line-height: 1.1em !important;
	margin: 32px 0;
}

.single-post .ab-post-content h2 {
	font-size: 36px;
}

.single-post .ab-post-content h3 {
	font-size: 32px !important;
}

.single-post .ab-post-content h4,
.single-post .ab-post-content h5 {
	font-size: 24px !important;
}

.single-post .ab-post-content ul {
	margin-bottom: 20px !important;
}

.ab-template-in-post h2 {
	margin: 0 !important;
}

@media (max-width: 767px) {
	.single-post .ab-post-content h2 {
		font-size: 24px;
	}

	.single-post .ab-post-content h3 {
		font-size: 22px !important;
	}

	.single-post .ab-post-content h4,
	.single-post .ab-post-content h5 {
		font-size: 20px !important;
	}

	.single-post .ab-post-content h2,
	.single-post .ab-post-content h3,
	.single-post .ab-post-content h4,
	.single-post .ab-post-content h5 {
		margin: 24px 0;
	}
}

/* Logo Carousel */
.ab-logo-carousel figure {
	padding: 20px !important;
}

/* Industries Popup */
.ab-popup .dialog-close-button {
	outline: none !important;
}

#elementor-popup-modal-935 {
	pointer-events: none !important;
}

/* Contact Form */
.gform_required_legend {
	display: none !important;
}

.gfield_label {
	font-weight: 500 !important;
	font-size: 17px !important;
	line-height: 1.2em !important;
	letter-spacing: 0;
	color: #0A1630 !important;
	margin-bottom: 6px !important;
}

.gfield input[type="text"],
.gfield input[type="email"] {
	background-color: #F2F2F4 !important;
	border: none !important;
	border-radius: 2px !important;
	padding: 16px !important;
	font-size: 17px !important;
	line-height: 1.4em !important;
	color: #0A1630 !important;
	outline: none !important;
}

.gform_fields {
	grid-row-gap: 19px !important;
}

.gfield_required_asterisk {
	color: #9DC121 !important;
}

.gfield_checkbox input[type="checkbox"] {
	appearance: none !important;
    width: 22px;
    height: 22px;
    border: solid 1px #D9D9D9 !important;
	border-radius: 2px !important;
	position: relative;
	flex-shrink: 0;
	top: 0;
	cursor: pointer;
}

.gfield_checkbox input[type="checkbox"]:checked {
	background-color: #9DC121 !important;
}

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

.gfield_checkbox {
	display: flex !important;
    flex-direction: column;
    gap: 11px;
}

.gfield_checkbox .gchoice {
	display: flex !important;
	align-items: center;
	gap: 6px;
}

#gform_submit_button_1 {
	opacity: 0;
	position: absolute;
	pointer-events: none;
	top: 0;
}

.ab-webinar-btn {
	cursor: pointer;
}

/* Profit Margin Calculator */
.ab-profit-margin-calc {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	gap: 60px; 
	padding: 60px 70px;
	background-color: #fff;
	border: solid 1px var(--e-global-color-primary);
}

.ab-pmc-item label {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0px;
	color: #000000;
	margin-bottom: 6px;
}

.ab-pmc-item input,
.ab-equipment-calc input,
.ab-equipment-calc select {
	font-weight: 400;
	font-size: 20px;
	line-height: 1em;
	letter-spacing: 0px; 
	color: #000000;
	padding: 12px 13px !important;
	border: none !important;
	appearance: none !important;
}

.ab-pmc-item input:focus,
.ab-pmc-item input:focus-visible,
.ab-equipment-calc input:focus,
.ab-equipment-calc input:focus-visible,
.ab-equipment-calc select:focus,
.ab-equipment-calc select:focus-visible {
	outline: none !important;
}

.ab-pmc-item {
	margin-bottom: 24px;
}

.ab-pmc-item .input-wrapper {
	border: solid 1px #cdcdcd;
	padding: 3px;
}

.ab-pmc-item .currency-symbol {
	padding: 12px 16px;
	border-right: solid 1px rgba(205, 205, 205, 0.4);
	font-size: 20px;
	font-weight: 700;
	color: rgba(35, 31, 32, 0.6);
	line-height: 1em;
}

.ab-pmc-item .number-input,
.ab-pmc-item .input-wrapper {
	display: flex;
    align-items: center;
	gap: 3px;
	width: 100%;
}

.ab-pmc-item .decrement,
.ab-pmc-item .increment {
	font-size: 24px;
	font-weight: 300;
	color: #231F20;
	line-height: 1em;
	padding: 13px 17px;
	border: solid 1px #cdcdcd;
	border-radius: 0;
	background-color: #F5F5F5;
	transition: background-color 0.3s;
	cursor: pointer;
}

.ab-pmc-item .decrement:hover,
.ab-pmc-item .increment:hover {
	background-color: #cdcdcd;
}

.ab-pmc__col.calc button {
	background-color: var(--e-global-color-accent);
	border: none !important;
	border-radius: 0;
	padding: 21px 32px;
	color: var(--e-global-color-primary);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2em;
	letter-spacing: 0.01px;
	width: 100%;
	transition: background-color 0.3s;
}

.ab-pmc__col.calc button:hover {
	background-color: var(--e-global-color-primary);
	color: #FFFFFF !important;
}

.ab-pmc__col.results h3 {
	margin: 0 0 14px 0 !important;
	font-size: 30px !important;
	color: #000000;
	text-align: center;
}

.ab-pmc__col.results .results-box {
	background-color: #E9E9E9;
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 14px;
}

.ab-pmc__col.results .results-item label {
	font-size: 20px;
	font-weight: 500;
	color: #000000;
	line-height: 1.2em;
	letter-spacing: 0px;
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
}

.ab-pmc__col.results .results-amount {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: 0px;
	color: var(--e-global-color-primary);
	text-align: center;
}

.ab-pmc__col.results .results-item p {
	font-size: 16px !important;
	text-align: center;
	line-height: 1.2em;
}

.ab-pmc__col .results-text {
	text-align: center;
}

.ab-pmc__col .results-text a {
	color: var(--e-global-color-accent);
	transition: color 0.3s
}

.ab-pmc__col .results-text a:hover {
	color: var(--e-global-color-text);
}

@media (max-width: 820px) {
	.ab-profit-margin-calc {
		grid-template-columns: 1fr;
		padding: 40px 20px;
	}
}

@media (max-width: 767px) {
	.ab-pmc-item input,
	.ab-pmc-item .currency-symbol,
	.ab-pmc__col.results .results-item label {
		font-size: 18px;
	}
	
	.ab-pmc__col.results h3 {
		font-size: 24px !important;
	}
	
	.ab-pmc__col.results .results-box {
		padding: 30px 20px;
	}
}

/* Equipment Calculator */
.ab-equipment-calc__content {
	margin-top: 60px;
	display: flex;
    gap: 50px;
}

.ab-equipment-calc__presets {
	display: flex;
    gap: 20px;
    justify-content: center;
}

.ab-equipment-calc__inputs,
.ab-equipment-calc__results {
	display: flex;
    flex-direction: column;
    gap: 30px;
}

.ab-equipment-calc__inputs {
	width: 60%;
}

.ab-equipment-calc__results {
	width: 40%;
}

.ab-equipment-calc__group,
.ab-equipment-calc__snapshot {
	background-color: #FFFFFF;
    box-shadow: 0px 14px 54px 0px rgba(0, 0, 0, 0.02);
    border-radius: 16px;
    padding: 30px 40px;
}

.ab-equipment-calc__result {
	border-radius: 16px;
	padding: 30px 40px;
}

.ab-equipment-calc .bg-emerald {
	background-color: rgba(214, 235, 163, 0.3);
    border-left: solid 5px #A1C324;
}

.ab-equipment-calc .bg-amber {
	background-color: #F4F1C0;
	border-left: solid 5px #9DC121;
}

.ab-equipment-calc .bg-rose {
	background-color: rgba(230, 184, 184, 0.5);
	border-left: solid 5px #A12B2B;
}

.ab-equipment-calc h3,
.ab-equipment-calc h4 {
	margin: 0 0 20px 0 !important;
	color: #000 !important;
}

.ab-equipment-calc h3 {
	font-size: 32px !important;
}

.ab-equipment-calc h4 {
	font-size: 26px !important;
}

.ab-equipment-calc__group label {
	width: 100%;
}

.ab-equipment-calc__group .inputs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.ab-equipment-calc input,
.ab-equipment-calc select {
	margin-top: 8px;
	border: solid 1px #CDCDCD !important;
	appearance: auto !important;
}

.ab-equipment-calc button {
	border: none !important;
}

.ab-affordable,
.ab-not-affordable,
.ab-borderline {
	width: 100px;
	height: 100px;
	margin: 0 auto 20px auto;
}

.ab-not-affordable {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23a12b2b' d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z'/%3E%3C/svg%3E");
}

.ab-affordable {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%239dc121' d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z'/%3E%3C/svg%3E");
}

.ab-borderline {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23000000' d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM320 384C302.3 384 288 398.3 288 416C288 433.7 302.3 448 320 448C337.7 448 352 433.7 352 416C352 398.3 337.7 384 320 384zM320 192C301.8 192 287.3 207.5 288.6 225.7L296 329.7C296.9 342.3 307.4 352 319.9 352C332.5 352 342.9 342.3 343.8 329.7L351.2 225.7C352.5 207.5 338.1 192 319.8 192z'/%3E%3C/svg%3E");
}

.ab-equipment-calc__result #verdictLabel,
.ab-equipment-calc__result #verdictDesc {
	text-align: center;
}

.ab-results-table {
	width: 100%;
	margin: 0;
	padding: 0;
}

.ab-results-table td {
	padding: 8px;
	vertical-align: top;
	border: none !important;
}

.ab-results-table td:first-child {
	text-align: left;
	color: #000;
	font-weight: 500;
	width: 65%;
}

.ab-results-table td:last-child {
	text-align: right;
	color: #142751;
	font-weight: 700;
}

.ab-results-table strong {
	color: inherit;
}

.ab-results-table .ab-divider td {
	padding: 8px 0;
}

.ab-equipment-calc__disclaimer {
	margin-top: 20px;
}

@media (max-width: 1024px) {
	.ab-equipment-calc__content {
		margin-top: 30px;
	}
	
	.ab-equipment-calc__content {
		flex-direction: column;
		gap: 30px;
	}
	
	.ab-equipment-calc__group,
	.ab-equipment-calc__snapshot,
	.ab-equipment-calc__result {
		padding: 30px 20px;
	}
	
	.ab-equipment-calc__group label,
	.ab-equipment-calc__inputs,
	.ab-equipment-calc__results {
		width: 100%;
	}
	
	.ab-equipment-calc__group .inputs {
		grid-template-columns: 1fr;
	}
}