/* footer.css – Portfolio-Fotograf */
.footer { background: #080808; padding-block: var(--space-12); border-top: 1px solid var(--color-border); }
.footer__inner { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-10); flex-wrap: wrap; }
.footer__logo { display: block; font-family: var(--font-display); font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--color-text); margin-bottom: var(--space-2); }
.footer__logo em { font-style: italic; color: var(--color-gold); }
.footer__tagline { font-size: var(--font-size-sm); font-style: italic; color: var(--color-text-dim); margin-bottom: var(--space-4); font-family: var(--font-display); }
.footer__copy { font-size: var(--font-size-xs); color: rgba(245,245,245,0.3); }
.footer__copy a { color: var(--color-gold-light); }
.footer__nav ul { display: flex; flex-direction: column; gap: var(--space-2); }
.footer__link { font-size: var(--font-size-sm); color: var(--color-text-dim); transition: color var(--transition-fast); }
.footer__link:hover, .footer__link:focus-visible { color: var(--color-gold); }
.footer__link:focus-visible { outline: 2px solid var(--color-gold); outline-offset: 3px; border-radius: 2px; }
.footer__social-label { font-size: var(--font-size-xs); font-weight: var(--font-weight-semi); letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-gold); margin-bottom: var(--space-3); }
.footer__social { display: flex; flex-direction: column; gap: var(--space-2); }
.footer__social-link { font-size: var(--font-size-sm); color: var(--color-text-dim); transition: color var(--transition-fast); }
.footer__social-link:hover, .footer__social-link:focus-visible { color: var(--color-gold); }
.footer__social-link:focus-visible { outline: 2px solid var(--color-gold); outline-offset: 3px; border-radius: 2px; }
@media (max-width: 640px) { .footer__inner { flex-direction: column; } }