/* =============================================================================
   MR. TED SHOP — footer.css
   ============================================================================= */

.mrted-footer {
    background-color: var(--mt-navy);
    border-top:       1px solid var(--mt-border);
    margin-top:       var(--mt-gap-xl);
}

.mrted-footer__inner {
    display:               grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap:                   var(--mt-gap-lg);
    max-width:             var(--mt-container);
    margin-inline:         auto;
    padding:               var(--mt-gap-xl) var(--mt-gap);
    align-items:           start;
}

.mrted-footer__brand {
    display:        flex;
    flex-direction: column;
    gap:            1rem;
}

.mrted-footer__logo { display: inline-block; transition: opacity var(--mt-transition-fast); }
.mrted-footer__logo:hover { opacity: 0.8; }
.mrted-footer__logo img { height: 48px; width: auto; max-width: 160px; object-fit: contain; }

.mrted-footer__tagline {
    font-family:    var(--mt-font-ui);
    font-size:      1rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color:          var(--mt-text-muted);
    max-width:      280px;
    line-height:    1.7;
}

.mrted-footer__social { display: flex; gap: 0.75rem; margin-top: 0.5rem; }

.mrted-footer__social-link {
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 40px;
    color: var(--mt-text-muted);
    border-radius: var(--mt-radius-sm);
    transition: color var(--mt-transition-fast), background-color var(--mt-transition-fast);
}
.mrted-footer__social-link:hover { color: var(--mt-mint); background-color: var(--mt-surface-card); }

.mrted-footer__links { display: flex; flex-direction: column; gap: var(--mt-gap); }
.mrted-footer__links-group { display: flex; flex-direction: column; gap: 1rem; }

.mrted-footer__links-title {
    font-family:    var(--mt-font-display);
    font-size:      1.5rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color:          var(--mt-text);
    margin-bottom:  0.5rem;
}

.mrted-footer__nav { display: flex; flex-direction: column; gap: 0.75rem; list-style: none; padding: 0; margin: 0; }

.mrted-footer__nav li a,
.mrted-footer__nav a {
    font-family:     var(--mt-font-ui);
    font-size:       1rem;
    letter-spacing:  0.05em;
    text-transform:  uppercase;
    color:           var(--mt-text-muted);
    text-decoration: none;
    transition:      color var(--mt-transition-fast);
}
.mrted-footer__nav li a:hover, .mrted-footer__nav a:hover { color: var(--mt-mint); }

.mrted-footer__info { display: flex; flex-direction: column; gap: 0.75rem; }

.mrted-footer__address {
    font-family: var(--mt-font-ui);
    font-size:   1rem;
    font-style:  normal;
    color:       var(--mt-text-muted);
    line-height: 1.8;
}

.mrted-footer__bottom {
    display: flex; align-items: center; justify-content: space-between;
    gap: var(--mt-gap);
    max-width: var(--mt-container); margin-inline: auto;
    padding: 1.25rem var(--mt-gap);
    border-top: 1px solid var(--mt-border);
}

.mrted-footer__copyright,
.mrted-footer__credit {
    font-family: var(--mt-font-ui);
    font-size:   0.875rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--mt-text-dim);
    margin: 0;
}

.mrted-footer__credit a { color: var(--mt-violet); transition: color var(--mt-transition-fast); }
.mrted-footer__credit a:hover { color: var(--mt-mint); }

@media (max-width: 1023px) {
    .mrted-footer__inner { grid-template-columns: 1fr 1fr; }
    .mrted-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 599px) {
    .mrted-footer__inner { grid-template-columns: 1fr; }
    .mrted-footer__bottom { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
}

.mrted-footer__credit a {
    color:      var(--mt-mint);
    transition: color var(--mt-transition-fast);
}

.mrted-footer__credit a:hover {
    color: #fff;
}