/* ==========================================================================
   Footer: 15px gold gradient divider, black background, white text
   ========================================================================== */

.dc-footer { margin-top: 64px; background: var(--black); color: var(--white); }

/* Gold divider: logo gradient (Canva linear 180°: #e7aa51, #ffe499, #8d5a1b, #e7aa51, #ac7031). */
.dc-footer__gold { height: 15px; background: var(--gold); }

.dc-footer__grid {
	display: grid; gap: 36px;
	padding-top: 48px; padding-bottom: 40px;
	grid-template-columns: 1fr;
}
@media (min-width: 700px) {
	.dc-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1100px) {
	.dc-footer__grid { grid-template-columns: 1.6fr 1fr 1fr 1.3fr; gap: 48px; }
}

.dc-footer__logo { display: inline-block; line-height: 0; }
.dc-footer__logo img { height: 34px; width: auto; }
.dc-footer__about { margin-top: 16px; max-width: 46ch; color: #cfcfcf; font-size: 14px; line-height: 1.65; }
.dc-footer__trust { margin-top: 18px; display: grid; gap: 10px; }
.dc-footer__trust li { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; }
.dc-footer__trust .dc-icon { width: 20px; height: 20px; color: #e7aa51; }

.dc-footer__h { margin-bottom: 14px; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--white); }
.dc-footer__list { display: grid; gap: 10px; font-size: 14px; }
.dc-footer a { color: var(--white); text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .45); }
.dc-footer a:hover { text-decoration-color: var(--white); }
.dc-footer__contact li, .dc-footer__contact a { display: flex; align-items: flex-start; gap: 10px; }
.dc-footer__contact .dc-icon { width: 18px; height: 18px; margin-top: 2px; color: #e7aa51; }
.dc-footer__hours { color: #cfcfcf; }

.dc-footer__bottom { border-top: 1px solid #262626; }
.dc-footer__bottom-in {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px;
	padding-top: 18px; padding-bottom: 22px; font-size: 13px; color: #a8a8a8;
}
.dc-footer__bottom .dc-footer__list, .dc-footer__social { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; }
.dc-footer__bottom a { color: #cfcfcf; }