/**
 * Strona360 — Footer Brand widget (Kolumna 1)
 * Plik: assets/css/strona360-footer-brand.css
 */

.s360-footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  max-width: 26ch;
}

.s360-footer-brand__logo,
.s360-footer-brand .strona360logo {
  display: inline-flex;
  align-items: baseline;
  margin: 0 0 1.35rem;
  font-family: var(--font-display, "Plus Jakarta Sans", system-ui, sans-serif);
  font-weight: 800;
  font-size: 1.3rem;
  letter-spacing: -0.05em;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  background: none !important;
  background-image: none !important;
  -webkit-text-fill-color: #fff;
  background-clip: border-box;
  -webkit-background-clip: border-box;
}

.s360-footer-brand__logo .text360,
.s360-footer-brand .text360 {
  color: var(--accent-color, #f25c2a) !important;
  font-weight: 800;
  background: none !important;
  background-image: none !important;
  -webkit-text-fill-color: var(--accent-color, #f25c2a) !important;
  animation: s360-footer-360-breathe 3.2s var(--ease-in-out, ease-in-out) infinite;
}

@keyframes s360-footer-360-breathe {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.78;
    transform: scale(1.04);
  }
}

@media (prefers-reduced-motion: reduce) {
  .s360-footer-brand__logo .text360,
  .s360-footer-brand .text360 {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

.s360-footer-brand__tagline {
  margin: 0;
  max-width: 26ch;
  font-size: var(--fs-sm, 0.95rem);
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.72);
}

.s360-footer-brand__social {
  display: flex;
  gap: 0.75rem;
  margin-top: 1.75rem;
}

.s360-footer-brand__social-link {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: grid;
  place-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-transform: lowercase;
  color: rgba(255, 255, 255, 0.72);
  transition:
    background 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.s360-footer-brand__social-link:hover,
.s360-footer-brand__social-link:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
  outline: none;
}