/**
 * DELTITECH site footer (v1.0.229) — markup in inc/dt-footer.php.
 *
 * Dark liquid-glass footer in the home-new language (deep navy, ice-blue
 * glows, glass chips). Mobile link columns use the help-center disclosure
 * (grid row 0fr → 1fr).
 */

/* ---------------------------------------------------------------------
 * Shell: neutralise the theme's footer wrapper
 * ------------------------------------------------------------------- */
html body.dt-has-footer #site-footer.site-footer {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.dt-footer {
	--f-bg: #05070b;
	--f-ink: #fff;
	--f-text: rgba(255, 255, 255, 0.68);
	--f-muted: rgba(255, 255, 255, 0.46);
	--f-line: rgba(255, 255, 255, 0.09);
	/* Accent = the store's theme green #4cd964. */
	--f-ice: #4cd964;
	--f-ice-2: #c9f5d3;
	--f-ice-3: #34c759;
	--f-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--f-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
	position: relative;
	isolation: isolate;
	overflow: hidden;
	margin-top: clamp(64px, 8vw, 120px);
	border-radius: 40px 40px 0 0;
	background: var(--f-bg);
	color: var(--f-text);
	font-size: 15px;
	line-height: 1.6;
}

.dt-footer *,
.dt-footer *::before,
.dt-footer *::after {
	box-sizing: border-box;
}

.dt-footer a {
	color: inherit;
	text-decoration: none;
}

.dt-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dt-footer h2,
.dt-footer h3,
.dt-footer p {
	margin: 0;
}

.dt-footer__icon {
	display: block;
	width: 20px;
	height: 20px;
	flex: none;
}

/* Glows */
.dt-footer__orb {
	position: absolute;
	z-index: -1;
	border-radius: 50%;
	pointer-events: none;
	filter: blur(30px);
}

.dt-footer__orb--a {
	width: 720px;
	height: 720px;
	top: -380px;
	left: -220px;
	background: radial-gradient(circle, rgba(76, 217, 100, 0.36), transparent 68%);
	animation: dt-footer-drift-a 24s ease-in-out infinite;
}

.dt-footer__orb--b {
	width: 560px;
	height: 560px;
	right: -200px;
	bottom: -260px;
	background: radial-gradient(circle, rgba(76, 217, 100, 0.22), transparent 68%);
	animation: dt-footer-drift-b 28s ease-in-out infinite;
}

@keyframes dt-footer-drift-a {
	50% { transform: translate(8%, 6%) scale(1.06); }
}

@keyframes dt-footer-drift-b {
	50% { transform: translate(-6%, -8%) scale(0.94); }
}

.dt-footer__inner {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: clamp(48px, 6vw, 88px) clamp(16px, 4vw, 56px) 28px;
}

/* ---------------------------------------------------------------------
 * 1. Members band
 * ------------------------------------------------------------------- */
.dt-footer__members {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	align-items: end;
	gap: 28px clamp(32px, 5vw, 96px);
	padding-bottom: clamp(40px, 5vw, 64px);
	border-bottom: 1px solid var(--f-line);
}

.dt-footer__kicker,
.dt-footer__label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--f-ice);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.18em;
	line-height: 1.2;
	text-transform: uppercase;
}

.dt-footer__kicker::before,
.dt-footer__label::before {
	content: "";
	width: 18px;
	height: 1px;
	background: currentColor;
	opacity: 0.7;
}

.dt-footer .dt-footer__h2 {
	margin: 14px 0 14px;
	color: #fff;
	font-size: clamp(32px, 4.2vw, 56px);
	font-weight: 700;
	line-height: 1.02;
	letter-spacing: -0.035em;
	text-transform: none;
}

.dt-footer__grad {
	background-image: linear-gradient(100deg, #fff 0%, var(--f-ice-2) 35%, var(--f-ice) 65%, #fff 100%);
	background-size: 200% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	animation: dt-footer-shine 8s linear infinite;
}

@keyframes dt-footer-shine {
	to { background-position: -200% 0; }
}

.dt-footer__members-text p {
	max-width: 520px;
	color: var(--f-text);
	font-size: 15.5px;
}

/* Mailchimp for WP form */
.dt-footer__form .mc4wp-form {
	margin: 0;
}

.dt-footer__form .mc4wp-form-fields {
	position: relative;
	display: flex;
	align-items: stretch;
	gap: 8px;
	padding: 6px;
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03) 55%, rgba(76, 217, 100, 0.07));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.09), 0 24px 60px -24px rgba(0, 0, 0, 0.7);
	-webkit-backdrop-filter: blur(20px) saturate(170%);
	backdrop-filter: blur(20px) saturate(170%);
}

.dt-footer__form .mc4wp-form-row {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
}

.dt-footer__form .mc4wp-form-row label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.dt-footer__form input[type="email"],
.dt-footer__form .mc4wp-form-control {
	width: 100%;
	height: 54px !important;
	margin: 0 !important;
	padding: 0 22px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #fff !important;
	font: inherit;
	font-size: 15.5px !important;
	outline: none;
}

.dt-footer__form input[type="email"]::placeholder {
	color: rgba(255, 255, 255, 0.45);
	opacity: 1;
}

.dt-footer__form input[type="submit"],
.dt-footer__form button[type="submit"] {
	flex: none;
	height: 54px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 28px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(180deg, #ecfff0 0%, var(--f-ice) 100%) !important;
	box-shadow: inset 0 1px 0 #fff, inset 0 -2px 6px rgba(76, 217, 100, 0.35), 0 10px 30px -8px rgba(76, 217, 100, 0.55) !important;
	color: #05210e !important;
	-webkit-text-fill-color: #05210e !important;
	font: inherit;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	cursor: pointer;
	transition: transform 0.5s var(--f-spring), box-shadow 0.4s var(--f-ease) !important;
}

.dt-footer__form input[type="submit"]:hover,
.dt-footer__form button[type="submit"]:hover {
	transform: translateY(-1px);
	box-shadow: inset 0 1px 0 #fff, inset 0 -2px 6px rgba(76, 217, 100, 0.35), 0 16px 44px -8px rgba(76, 217, 100, 0.8) !important;
}

.dt-footer__form .mc4wp-response {
	margin-top: 12px;
	font-size: 14px;
}

.dt-footer__form .mc4wp-response p {
	margin: 0;
}

.dt-footer__form .mc4wp-success {
	color: #86efac;
}

.dt-footer__form .mc4wp-error,
.dt-footer__form .mc4wp-notice {
	color: #fca5a5;
}

.dt-footer__form-note {
	margin-top: 12px !important;
	color: var(--f-muted);
	font-size: 12.5px;
}

.dt-footer__form-note a {
	color: var(--f-text);
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

/* ---------------------------------------------------------------------
 * 2. Brand + columns
 * ------------------------------------------------------------------- */
.dt-footer__main {
	display: grid;
	grid-template-columns: minmax(280px, 1.15fr) minmax(0, 2.2fr);
	gap: 40px clamp(40px, 6vw, 120px);
	padding: clamp(40px, 5vw, 64px) 0;
}

.dt-footer__logo {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.dt-footer__logo img {
	display: block;
	width: auto;
	height: 34px;
	max-width: 220px;
	object-fit: contain;
}

.dt-footer__wordmark {
	color: #fff;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1;
}

.dt-footer__pitch {
	max-width: 400px;
	margin-top: 18px !important;
	color: var(--f-text);
	font-size: 15px;
}

.dt-footer__support {
	display: grid;
	gap: 14px;
	margin-top: 28px;
}

.dt-footer__support-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dt-footer__chip {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	height: 44px;
	padding: 0 16px 0 14px;
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
	color: #fff !important;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	transition: transform 0.5s var(--f-spring), background 0.3s var(--f-ease), box-shadow 0.3s var(--f-ease);
}

.dt-footer__chip .dt-footer__icon {
	width: 18px;
	height: 18px;
	color: var(--f-ice);
}

.dt-footer__chip--wa .dt-footer__icon {
	color: #4ade80;
}

.dt-footer__chip:hover {
	transform: translateY(-2px);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(76, 217, 100, 0.3), 0 12px 30px -14px rgba(76, 217, 100, 0.6);
}

.dt-footer__hours {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--f-muted);
	font-size: 13px;
}

.dt-footer__hours .dt-footer__icon {
	width: 16px;
	height: 16px;
}

.dt-footer__socials {
	display: flex;
	gap: 8px;
	margin-top: 24px !important;
}

.dt-footer__socials a {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.06);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
	color: #fff !important;
	transition: transform 0.5s var(--f-spring), background 0.3s var(--f-ease), color 0.3s var(--f-ease);
}

.dt-footer__socials a:hover {
	transform: translateY(-2px);
	background: rgba(76, 217, 100, 0.16);
	color: var(--f-ice-2) !important;
}

/* Columns */
.dt-footer__cols {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 32px;
}

.dt-footer .dt-footer__col-h {
	margin: 0;
	font: inherit;
}

.dt-footer__col-btn {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #fff !important;
	font: inherit;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.16em !important;
	line-height: 1.2 !important;
	text-align: left;
	text-transform: uppercase !important;
	pointer-events: none;
	cursor: default;
}

.dt-footer__plus {
	display: none;
	position: relative;
	flex: none;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.07);
	color: #fff;
	transition: background 0.4s var(--f-ease), color 0.4s var(--f-ease), transform 0.6s var(--f-ease);
}

.dt-footer__plus i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	margin: -1px 0 0 -6px;
	border-radius: 2px;
	background: currentColor;
	transition: transform 0.5s var(--f-ease);
}

.dt-footer__plus i:last-child {
	transform: rotate(90deg);
}

.dt-footer__col-body {
	display: grid;
	grid-template-rows: 1fr;
}

.dt-footer__col-body > div {
	min-height: 0;
	overflow: hidden;
}

.dt-footer__links {
	display: grid;
	gap: 12px;
}

.dt-footer__links li {
	margin: 0;
}

.dt-footer__links a {
	position: relative;
	display: inline-block;
	color: var(--f-text) !important;
	font-size: 15px;
	transition: color 0.3s var(--f-ease), transform 0.4s var(--f-ease);
}

.dt-footer__links a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.4s var(--f-ease);
}

.dt-footer__links a:hover {
	color: #fff !important;
}

.dt-footer__links a:hover::after {
	transform: scaleX(1);
}

/* ---------------------------------------------------------------------
 * 3. Perks
 * ------------------------------------------------------------------- */
.dt-footer__perks {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	padding: 0 0 clamp(32px, 4vw, 48px) !important;
}

.dt-footer__perks li {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	border-radius: 22px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02) 60%, rgba(76, 217, 100, 0.05));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
	color: var(--f-muted);
	font-size: 13px;
	line-height: 1.35;
}

.dt-footer__perks strong {
	display: block;
	margin-bottom: 2px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.dt-footer__perk-icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 42px;
	height: 42px;
	border-radius: 13px;
	background: linear-gradient(180deg, rgba(76, 217, 100, 0.32), rgba(76, 217, 100, 0.08));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
	color: var(--f-ice-2);
}

/* ---------------------------------------------------------------------
 * 4. Bottom bar
 * ------------------------------------------------------------------- */
.dt-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px 28px;
	padding-top: 24px;
	border-top: 1px solid var(--f-line);
	color: var(--f-muted);
	font-size: 13px;
}

.dt-footer__legal {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 22px;
}

.dt-footer__legal a {
	color: var(--f-muted) !important;
	transition: color 0.3s var(--f-ease);
}

.dt-footer__legal a:hover {
	color: #fff !important;
}

.dt-footer__badge {
	display: block;
	width: 100%;
	max-width: 380px;
	height: auto;
	opacity: 0.94;
}

/* ---------------------------------------------------------------------
 * Tablet + mobile
 * ------------------------------------------------------------------- */
@media (max-width: 1100px) {
	.dt-footer__main {
		grid-template-columns: 1fr;
	}

	.dt-footer__perks {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.dt-footer__members {
		grid-template-columns: 1fr;
		align-items: start;
	}
}

@media (max-width: 767px) {
	.dt-footer {
		border-radius: 30px 30px 0 0;
		font-size: 14.5px;
	}

	.dt-footer__inner {
		padding: 44px 16px 24px;
	}

	/* Clear the fixed mobile navigation bar. */
	body.mobile-has-navigation-bar .dt-footer__inner {
		padding-bottom: calc(var(--gz-navigation-bar-height, 66px) + 24px);
	}

	.dt-footer .dt-footer__h2 {
		font-size: 34px;
	}

	.dt-footer__form .mc4wp-form-fields {
		border-radius: 28px;
	}

	.dt-footer__form input[type="email"],
	.dt-footer__form .mc4wp-form-control,
	.dt-footer__form input[type="submit"],
	.dt-footer__form button[type="submit"] {
		height: 50px !important;
	}

	.dt-footer__form input[type="submit"],
	.dt-footer__form button[type="submit"] {
		padding: 0 20px !important;
		font-size: 14px !important;
	}

	.dt-footer__main {
		gap: 32px;
		padding: 36px 0 28px;
	}

	/* Link columns become help-center style disclosures. */
	.dt-footer__cols {
		grid-template-columns: 1fr;
		gap: 0;
		border-top: 1px solid var(--f-line);
	}

	.dt-footer__col {
		border-bottom: 1px solid var(--f-line);
	}

	.dt-footer__col-btn {
		min-height: 60px !important;
		margin: 0 !important;
		font-size: 13px !important;
		pointer-events: auto;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	.dt-footer__plus {
		display: block;
	}

	.dt-footer__col.is-open .dt-footer__plus {
		background: #fff;
		color: var(--f-bg);
		transform: rotate(180deg);
	}

	.dt-footer__col.is-open .dt-footer__plus i:last-child {
		transform: rotate(0deg);
	}

	.dt-footer__col-body {
		grid-template-rows: 0fr;
		transition: grid-template-rows 0.55s var(--f-ease);
	}

	.dt-footer__col.is-open .dt-footer__col-body {
		grid-template-rows: 1fr;
	}

	.dt-footer__links {
		padding: 0 0 20px;
		opacity: 0;
		transform: translateY(-6px);
		transition: opacity 0.4s var(--f-ease), transform 0.5s var(--f-ease);
	}

	.dt-footer__col.is-open .dt-footer__links {
		opacity: 1;
		transform: none;
		transition-delay: 0.08s;
	}

	.dt-footer__perks {
		gap: 8px;
	}

	.dt-footer__perks li {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		padding: 14px;
		border-radius: 18px;
		font-size: 12px;
	}

	.dt-footer__perks strong {
		font-size: 13px;
	}

	.dt-footer__perk-icon {
		width: 36px;
		height: 36px;
		border-radius: 11px;
	}

	.dt-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
	}

	.dt-footer__badge {
		max-width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dt-footer__orb,
	.dt-footer__grad {
		animation: none !important;
	}

	.dt-footer *,
	.dt-footer *::before,
	.dt-footer *::after {
		transition-duration: 0.01ms !important;
	}
}