/* Tripyana footer redesign (Claude) — v3 "luxury dark"
   Shared by AR (element 630, RTL) and EN (element 21280, LTR).
   Logical properties only — no direction-specific rules needed.
   Palette: deep emerald #0c211a, gold #c9a24b, sage text #d7e4da / #a8bcae. */

.tft {
	background: #0c211a;
	border-top: 2px solid #c9a24b;
	padding: 4rem clamp(1.2rem, 4vw, 3rem) 0;
	font-size: 0.95rem;
	color: #d7e4da;
}
.tft-inner {
	max-width: var(--gb-container-width, 1200px);
	margin-inline: auto;
}
.tft-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
	gap: 2.75rem 3.25rem;
	padding-bottom: 3rem;
}

/* Brand column */
.tft-logo img {
	width: 170px;
	height: 68px;
	object-fit: contain;
	filter: brightness(0) invert(1);
	opacity: 0.95;
}
.tft-desc {
	color: #a8bcae;
	line-height: 1.9;
	margin: 1.1rem 0 1.3rem;
	max-width: 34ch;
}
.tft-social {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-bottom: 1.4rem;
}
.tft-social a {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #2e4a3c;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #cfe0d4;
	transition: all 0.25s ease;
}
.tft-social a svg {
	width: 17px;
	height: 17px;
	fill: currentColor;
}
.tft-social a:hover,
.tft-social a:focus {
	border-color: #c9a24b;
	color: #c9a24b;
	transform: translateY(-2px);
}
.tft-license {
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	background: transparent;
	border: 1px solid #2e4a3c;
	border-radius: 10px;
	padding: 0.75rem 1.05rem;
	color: #b9cbbd;
	font-size: 0.95rem;
	line-height: 1.6;
	text-decoration: none;
	max-width: 100%;
	transition: border-color 0.25s ease;
}
.tft-license svg {
	width: 26px;
	height: 26px;
	fill: #c9a24b;
	flex: none;
}
.tft-license bdi {
	color: #eef6f0;
}
.tft-license .tft-verify {
	color: #c9a24b;
	text-decoration: underline;
	text-underline-offset: 3px;
	white-space: nowrap;
}
.tft-license:hover,
.tft-license:focus {
	border-color: #c9a24b;
}

/* Link columns */
.tft-h {
	font-weight: 700;
	color: #c9a24b;
	font-size: 0.95rem;
	margin: 0 0 1.1rem;
	padding-bottom: 0.45rem;
	border-bottom: 1px solid rgba(201, 162, 75, 0.65);
	width: fit-content;
}
.tft-links {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tft-links li {
	margin: 0 0 0.7rem;
}
.tft-links + .tft-h {
	margin-top: 1.6rem;
}
.tft a {
	text-decoration: none;
}
.tft-links a,
.tft-cline a,
.tft-bottom a {
	color: #d7e4da;
	text-decoration: underline;
	text-decoration-color: rgba(215, 228, 218, 0.3);
	text-underline-offset: 4px;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.tft-links a:hover,
.tft-links a:focus,
.tft-cline a:hover,
.tft-cline a:focus,
.tft-bottom a:hover,
.tft-bottom a:focus {
	color: #c9a24b;
	text-decoration-color: #c9a24b;
}
.tft-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.tft-chips a {
	background: transparent;
	border: 1px solid #2e4a3c;
	border-radius: 999px;
	padding: 0.28rem 0.95rem;
	font-size: 0.85rem;
	color: #d7e4da;
	transition: all 0.2s ease;
}
.tft-chips a:hover,
.tft-chips a:focus {
	border-color: #c9a24b;
	color: #c9a24b;
}

/* Contact column */
.tft-wa {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	background: #c9a24b;
	color: #0c211a;
	border-radius: 999px;
	padding: 0.6rem 1.2rem;
	font-weight: 600;
	margin-bottom: 0.65rem;
	transition: background 0.2s ease;
}
.tft-wa,
.tft-wa:hover,
.tft-wa:focus {
	color: #0c211a;
}
.tft-wa:hover,
.tft-wa:focus {
	background: #d8b25e;
}
.tft-wa svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
	flex: none;
}
.tft-247 {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 0 1rem;
	color: #a8bcae;
	font-size: 0.82rem;
}
.tft-247 svg {
	width: 14px;
	height: 14px;
	fill: #c9a24b;
	flex: none;
}
.tft-cline {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	margin: 0 0 0.7rem;
	color: #d7e4da;
}
.tft-cline svg {
	width: 17px;
	height: 17px;
	fill: #c9a24b;
	flex: none;
}

/* Bottom bar */
.tft-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.6rem 2rem;
	flex-wrap: wrap;
	border-top: 1px solid #22392e;
	padding-block: 1.5rem;
	font-size: 0.85rem;
	color: #7e937f;
}
.tft-bottom p {
	margin: 0;
}

/* Tablet */
@media (max-width: 1024px) {
	.tft-grid {
		grid-template-columns: 1fr 1fr;
		gap: 2.25rem 2rem;
	}
	.tft-brand {
		grid-column: 1 / -1;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.tft-desc {
		max-width: 52ch;
	}
	.tft-social {
		justify-content: center;
	}
}

/* Mobile */
@media (max-width: 640px) {
	.tft-grid {
		grid-template-columns: 1fr;
	}
	.tft-col {
		text-align: center;
	}
	.tft-h {
		margin-inline: auto;
	}
	.tft-chips,
	.tft-cline,
	.tft-247 {
		justify-content: center;
	}
	.tft-bottom {
		flex-direction: column;
		text-align: center;
	}
}