/* ==========================================================================
   06 — Footer
   ========================================================================== */

.site-footer { position: relative; margin-top: var(--sec); color: rgba(237, 231, 214, .78); font-size: var(--fs-sm); }
.site-footer__wave { color: var(--green-deep); height: 40px; margin-bottom: -1px; }
.site-footer__wave svg { width: 100%; height: 100%; }
.site-footer__main { background: var(--green-deep) url("../img/pattern.svg") 0 0/140px; padding: 36px 0 28px; }

.foot-grid { display: grid; gap: 30px 24px; grid-template-columns: 1fr 1fr; }
.foot-brand { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 16px; max-width: 420px; }
.foot-brand__logo { display: flex; align-items: center; gap: 12px; }
.foot-brand__logo .brand__logo { width: 72px; height: 72px; background: var(--cream); border-radius: 22px; padding: 4px; }
.foot-brand__logo strong { display: block; font-size: 1.4rem; font-weight: 900; color: #fff; }
.foot-brand__logo small { color: var(--gold-light); }
.foot-brand .social { color: var(--gold-light); }

.foot-col__title { font-weight: 800; color: #fff; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.foot-col__title::before { content: ""; width: 7px; height: 11px; border-radius: 50%; background: var(--gold); transform: rotate(25deg); }
.foot-col ul { display: flex; flex-direction: column; gap: 8px; }
.foot-col a { transition: color var(--t); }
.foot-col a:hover { color: var(--gold-light); }
.foot-contact { grid-column: 1 / -1; }
.foot-contact li { display: flex; align-items: flex-start; gap: 10px; }
.foot-contact .ico { width: 20px; height: 20px; color: var(--gold); margin-top: 3px; }
.foot-trust { margin-top: 16px; display: inline-flex; padding: 8px; border-radius: var(--r); background: #fff; }

.site-footer__bar { background: #04301A; padding: 16px 0; font-size: var(--fs-xs); color: rgba(237, 231, 214, .55); }
.site-footer__bar .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.to-top { display: inline-flex; align-items: center; gap: 6px; color: var(--gold-light); font-weight: 700; }
.to-top .ico { width: 16px; height: 16px; transform: rotate(180deg); }

@media (min-width: 768px) {
	.foot-grid { grid-template-columns: repeat(3, 1fr); }
	.foot-contact { grid-column: auto; }
}
@media (min-width: 1024px) {
	.site-footer__main { padding: 56px 0 44px; }
	.foot-grid { grid-template-columns: 1.6fr 1fr 1fr 1fr 1.3fr; }
	.foot-brand { grid-column: auto; }
}