/**
 * Deccan Trendz — footer.
 */

.dt-footer {
	background: var(--dt-black-900);
	border-top: 1px solid var(--dt-line);
	padding-top: var(--dt-space-2xl);
	color: var(--dt-text);
}

.dt-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: var(--dt-space-xl);
	padding-bottom: var(--dt-space-2xl);
}

.dt-footer__brand { max-width: 38ch; }
.dt-logo--footer { margin-bottom: var(--dt-space-md); }
.dt-footer__tagline { color: var(--dt-text-muted); margin-bottom: var(--dt-space-lg); }

.dt-footer__heading {
	font-family: var(--dt-font-body);
	font-size: var(--dt-fs-eyebrow);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: var(--dt-tracking-eyebrow);
	color: var(--dt-accent);
	margin-bottom: var(--dt-space-md);
}

.dt-footer__menu { flex-direction: column; gap: var(--dt-space-2xs); }
.dt-footer__menu a, .dt-footer__contact a { color: var(--dt-text-muted); transition: color var(--dt-dur-fast) var(--dt-ease); }
.dt-footer__menu a:hover, .dt-footer__contact a:hover { color: var(--dt-text); }

.dt-footer__contact { display: flex; flex-direction: column; gap: var(--dt-space-sm); }
.dt-footer__contact li { display: flex; flex-direction: column; }
.dt-footer__contact-label { font-size: 0.72rem; text-transform: uppercase; letter-spacing: var(--dt-tracking-wide); color: var(--dt-text-muted); }
.dt-footer__contact a { font-family: var(--dt-font-display); font-size: 1.25rem; color: var(--dt-text); }

.dt-footer__bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--dt-space-sm);
	padding-block: var(--dt-space-lg);
	border-top: 1px solid var(--dt-line);
	font-size: 0.78rem;
	color: var(--dt-text-muted);
}

@media (max-width: 900px) {
	.dt-footer__grid { grid-template-columns: 1fr 1fr; gap: var(--dt-space-lg); }
	.dt-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
	.dt-footer__grid { grid-template-columns: 1fr; }
}

/* --- Brand emblem --------------------------------------------- */
.dt-footer__emblem { display: inline-block; margin-bottom: var(--dt-space-md); }
.dt-footer__emblem-img,
.dt-footer__emblem .dt-picture,
.dt-footer__emblem .dt-picture img {
	width: clamp(84px, 10vw, 116px);
	height: auto;
	display: block;
	border-radius: 50%;
}