/* ============================================================
   FastBalloons Footer — Complete Elementor Override ashraf
   Works on BOTH live (.elementor-16796) and staging
   (.turbo-footer-template) footer wrappers.
   ============================================================ */


/* ============================================================
   1. OUTER WRAPPER — Dark background
   ============================================================ */

.elementor-16796,
.turbo-footer-template .elementor-16796 {
	background-color: #1c1c1c !important;
}


/* ============================================================
   2. TOP SECTION CONTAINER
   ============================================================ */

.elementor-16796 .elementor-element-782c2199 {
	background-color: #1c1c1c !important;
	padding: 50px 0 40px !important;
	width: 100% !important;
}

.elementor-16796 .elementor-element-782c2199 > .e-con-inner {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 40px !important;
	max-width: 1200px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 30px !important;
	box-sizing: border-box !important;
}

/* All 4 columns — equal flex width */
.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con {
	flex: 1 1 0 !important;
	width: 0 !important;
	min-width: 0 !important;
	max-width: none !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	text-align: left !important;
	align-items: flex-start !important;
}


/* ============================================================
   3. COLUMN 1 — Logo + Description
   ============================================================ */

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(1) {
	flex: 1.4 1 0 !important;
}

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(1) img {
	width: 220px !important;
	height: auto !important;
	display: block !important;
	margin-bottom: 16px !important;
}

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(1) p,
.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(1) .textwidget,
.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(1) .elementor-widget-container,
.elementor-16796 .elementor-element-172a616 p,
.elementor-16796 .elementor-element-172a616 .elementor-widget-container {
	color: #999999 !important;
	font-size: 13px !important;
	line-height: 1.7 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	max-width: 280px !important;
}


/* ============================================================
   4. COLUMN 2 — Contact Us
   ============================================================ */

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(2) {
	flex: 1.2 1 0 !important;
}

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(2) h2,
.elementor-16796 .elementor-element-790e0411 h2 {
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	margin: 0 0 14px 0 !important;
	padding: 0 !important;
	line-height: 1.3 !important;
	text-align: left !important;
}

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(2) ul,
.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(2) .wd-list,
.elementor-16796 .elementor-element-38b33a64 ul,
.elementor-16796 .elementor-element-38b33a64 .wd-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(2) li,
.elementor-16796 .elementor-element-38b33a64 li {
	display: flex !important;
	align-items: flex-start !important;
	gap: 7px !important;
	color: #999999 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	text-align: left !important;
}

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(2) li a,
.elementor-16796 .elementor-element-38b33a64 li a {
	color: #999999 !important;
	text-decoration: none !important;
}

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(2) li a:hover,
.elementor-16796 .elementor-element-38b33a64 li a:hover {
	color: #ffffff !important;
}


/* ============================================================
   5. COLUMN 3 — Main Categories
   Renames "About us" heading to "Main Categories" via CSS
   ============================================================ */

/* Hide original heading text, inject "Main Categories" */
.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(3) h2,
.elementor-16796 .elementor-element-525ef2cf h2 {
	font-size: 0 !important;
	margin: 17px 0 14px 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
	display: block !important;
	text-transform: none !important;
}

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(3) h2::before,
.elementor-16796 .elementor-element-525ef2cf h2::before {
	content: "Main Categories" !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	line-height: 1.3 !important;
	display: block !important;
	text-align: left !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

/* Top-level category links */
.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(3) ul,
.elementor-16796 .elementor-element-499802d6 ul,
.elementor-16796 .footer-categories {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(3) ul > li > a,
.elementor-16796 .elementor-element-499802d6 ul > li > a,
.elementor-16796 .footer-categories > li > a {
	color: #cccccc !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	display: block !important;
	padding: 3px 0 !important;
	text-align: left !important;
}

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(3) ul > li > a:hover,
.elementor-16796 .elementor-element-499802d6 ul > li > a:hover,
.elementor-16796 .footer-categories > li > a:hover {
	color: #ffffff !important;
}

/* Sub-category lists — hidden by default */
.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(3) ul ul,
.elementor-16796 .elementor-element-499802d6 ul ul,
.elementor-16796 .footer-categories ul {
	display: none !important;
}


/* ============================================================
   6. COLUMN 4 — SUPPORT
   ============================================================ */

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(4) h2,
.elementor-16796 .elementor-element-16fe5efc h2 {
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	margin: 0 0 14px 0 !important;
	padding: 0 !important;
	line-height: 1.3 !important;
	text-align: left !important;
}

/* 2-column grid for support links */
.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(4) ul,
.elementor-16796 .elementor-element-6cf353a1 ul,
.elementor-16796 .footer-support {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 5px 12px !important;
}

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(4) ul li a,
.elementor-16796 .elementor-element-6cf353a1 ul li a,
.elementor-16796 .footer-support li a {
	color: #999999 !important;
	font-size: 13px !important;
	text-decoration: none !important;
	display: block !important;
	padding: 2px 0 !important;
	text-align: left !important;
}

.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(4) ul li a:hover,
.elementor-16796 .elementor-element-6cf353a1 ul li a:hover,
.elementor-16796 .footer-support li a:hover {
	color: #ffffff !important;
}


/* ============================================================
   7. BOTTOM BAR — Blue copyright strip
   Targets both nth-child(2) selector AND explicit element ID
   ============================================================ */

.elementor-16796 .e-con.e-parent:nth-child(2),
.elementor-16796 .elementor-element-387e38de {
	background-color: #1255a1 !important;
	background: #1255a1 !important;
	padding: 12px 0 !important;
	width: 100% !important;
	display: block !important;
}

.elementor-16796 .e-con.e-parent:nth-child(2) > .e-con-inner,
.elementor-16796 .elementor-element-387e38de > .e-con-inner {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	max-width: 1200px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 40px !important;
	box-sizing: border-box !important;
}

/* Copyright text — white */
.elementor-16796 .e-con.e-parent:nth-child(2) p,
.elementor-16796 .e-con.e-parent:nth-child(2) a,
.elementor-16796 .e-con.e-parent:nth-child(2) strong,
.elementor-16796 .elementor-element-387e38de p,
.elementor-16796 .elementor-element-387e38de a,
.elementor-16796 .elementor-element-387e38de strong,
.elementor-16796 .elementor-element-64034646 p,
.elementor-16796 .elementor-element-64034646 a,
.elementor-16796 .elementor-element-64034646 strong {
	color: #ffffff !important;
	font-size: 13px !important;
	text-decoration: none !important;
	margin: 0 !important;
}

/* Payment icons */
.elementor-16796 .e-con.e-parent:nth-child(2) img,
.elementor-16796 .elementor-element-387e38de img,
.elementor-16796 .elementor-element-5216cae5 img {
	height: 32px !important;
	width: auto !important;
	display: inline-block !important;
	margin: 0 4px !important;
}

/* Right column — payment icons right-aligned */
.elementor-16796 .e-con.e-parent:nth-child(2) .e-con:last-child,
.elementor-16796 .elementor-element-387e38de .e-con:last-child,
.elementor-16796 .elementor-element-25541440 {
	text-align: right !important;
	justify-content: flex-end !important;
	margin-left: auto !important;
}

/* Left column — copyright left-aligned */
.elementor-16796 .e-con.e-parent:nth-child(2) .e-con:first-child,
.elementor-16796 .elementor-element-387e38de .e-con:first-child,
.elementor-16796 .elementor-element-61215a32 {
	text-align: left !important;
}


/* ============================================================
   8. STAGING-SPECIFIC OVERRIDES
   Extra selectors needed because staging uses
   .turbo-footer-template wrapper and may have slightly
   different Elementor structure than live.
   ============================================================ */

/* Force all footer text left-aligned on staging */
.turbo-footer-template .elementor-widget-container {
	text-align: left !important;
}

.turbo-footer-template .elementor-widget-text-editor,
.turbo-footer-template .elementor-widget-text-editor p,
.turbo-footer-template .elementor-element-172a616 p {
	text-align: left !important;
	color: #999999 !important;
	font-size: 13px !important;
	line-height: 1.7 !important;
	max-width: 280px !important;
}

/* All headings in staging footer */
.turbo-footer-template h2.elementor-heading-title {
	text-align: left !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

/* SUPPORT heading on staging — keep uppercase to match live */
.turbo-footer-template .elementor-element-16fe5efc h2,
.turbo-footer-template .elementor-element-16fe5efc h2.elementor-heading-title {
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	font-weight: 700 !important;
}

/* Staging bottom bar fallback */
.turbo-footer-template .elementor-element-387e38de,
.turbo-footer-template .e-con.e-parent:nth-child(2) {
	background-color: #1255a1 !important;
	background: #1255a1 !important;
	padding: 12px 0 !important;
}

.turbo-footer-template .elementor-element-387e38de > .e-con-inner,
.turbo-footer-template .e-con.e-parent:nth-child(2) > .e-con-inner {
	padding: 0 40px !important;
}

.turbo-footer-template .elementor-element-387e38de p,
.turbo-footer-template .elementor-element-387e38de a,
.turbo-footer-template .elementor-element-387e38de strong,
.turbo-footer-template .e-con.e-parent:nth-child(2) p,
.turbo-footer-template .e-con.e-parent:nth-child(2) a,
.turbo-footer-template .e-con.e-parent:nth-child(2) strong {
	color: #ffffff !important;
	font-size: 13px !important;
	text-decoration: none !important;
	margin: 0 !important;
}

/* Staging payment icons */
.turbo-footer-template .elementor-element-387e38de img,
.turbo-footer-template .e-con.e-parent:nth-child(2) img {
	height: 32px !important;
	width: auto !important;
	display: inline-block !important;
	margin: 0 4px !important;
}


/* ============================================================
   9. RESPONSIVE — Tablet (≤ 1024px)
   ============================================================ */

@media (max-width: 1024px) {
	.elementor-16796 .elementor-element-782c2199 > .e-con-inner {
		flex-wrap: wrap !important;
	}
	.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con {
		flex: 0 0 calc(50% - 20px) !important;
		width: calc(50% - 20px) !important;
	}
	.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(1) {
		flex: 0 0 calc(50% - 20px) !important;
		width: calc(50% - 20px) !important;
	}
}


/* ============================================================
   10. RESPONSIVE — Mobile (≤ 600px)
   ============================================================ */

@media (max-width: 600px) {
	.elementor-16796 .elementor-element-782c2199 > .e-con-inner {
		flex-direction: column !important;
		padding: 0 20px !important;
	}
	.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con,
	.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(1) {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(1) p,
	.turbo-footer-template .elementor-widget-text-editor p {
		max-width: 100% !important;
	}
	.elementor-16796 .e-con.e-parent:nth-child(2) > .e-con-inner,
	.elementor-16796 .elementor-element-387e38de > .e-con-inner,
	.turbo-footer-template .elementor-element-387e38de > .e-con-inner,
	.turbo-footer-template .e-con.e-parent:nth-child(2) > .e-con-inner {
		flex-direction: column !important;
		gap: 10px !important;
		text-align: center !important;
		padding: 0 20px !important;
	}
	.elementor-16796 .elementor-element-782c2199 > .e-con-inner > .e-con:nth-child(4) ul,
	.elementor-16796 .footer-support {
		grid-template-columns: 1fr !important;
	}
	.elementor-16796 .e-con.e-parent:nth-child(2) .e-con:last-child,
	.elementor-16796 .elementor-element-387e38de .e-con:last-child {
		text-align: center !important;
		margin-left: 0 !important;
	}
}