/* ===== Footer (light) ===== */
.footer--light { background:#fff; color:#000; }
#site-footer { display:block; }

/* ===== MARQUEE ===== */
.footer-marquee{
  background:#fff; color:#000;
  border-top:2px solid #000;
  border-bottom:2px solid #000;
  overflow:hidden;
}

.marquee-viewport{
  position:relative;
  width:100%;
  overflow:hidden;
  padding-block: clamp(20px, 3.8vw, 40px);
}

.marquee-runner{
  display:flex; align-items:center; gap:0;
  width:max-content;
  animation: footer-marquee var(--marq-speed, 24s) linear infinite;
  will-change: transform;
}

@keyframes footer-marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.marquee-block{
  display:inline-flex; align-items:center; white-space:nowrap;
  gap: clamp(40px, 6vw, 96px);
  padding-inline: clamp(24px, 4vw, 48px);
}

.item{ display:inline-flex; align-items:center; gap:.45em; }
.item .s{
  font-family:"Inter", system-ui, sans-serif;
  font-weight:900; letter-spacing:.02em;
  font-size: clamp(28px, 6.8vw, 96px); line-height:1;
}
.item .r{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:800; letter-spacing:-.01em;
  font-size: clamp(30px, 7.3vw, 104px); line-height:1;
}
.item .dot{
  display:inline-block; width: clamp(10px, 1.2vw, 14px); height: clamp(10px, 1.2vw, 14px);
  border-radius:50%; background: currentColor; margin-left: clamp(16px, 2.6vw, 28px);
}

/* ===== BOTTOM (vertical, centrat) ===== */
.footer-bottom{
  width:min(1600px, 94vw);
  margin: 0 auto;
  padding: clamp(28px, 6vw, 64px) 0 clamp(40px, 7vw, 80px); /* spațiu mai mare jos */
  display: grid;
  place-items: center;
}

.footer-center{
  display:flex; flex-direction:column; align-items:center; gap: clamp(18px, 3vw, 24px);
}

/* © și „All rights reserved” — mai mare și bine spațiat */
.copyright{
  text-align:center;
  font-family:"Inter", system-ui, sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.copyright .line:first-child{
  font-weight:900;
  font-size: clamp(14px, 1.2vw, 16px);
}
.copyright .line:last-child{
  font-weight:700;
  font-size: clamp(12px, 1vw, 14px);
  opacity:.9;
  margin-top: 4px;
}

/* Icon buttons — unul sub altul, centrat */
.footer-icons{
  display:flex;
  flex-direction:row;
  justify-content: center;
  align-items:center;
  gap: clamp(18px, 3vw, 28px);
}

.icon-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width: 48px; height: 48px;
  border: 2px solid #000; border-radius: 50%;
  background:#fff;
  transition: transform .2s ease, background .3s ease;
}
.icon-btn:hover{ transform: translateY(-2px); background:#f4f4f4; }
.icon-btn svg{ display:block; }

/* MOBILE */
@media (max-width: 768px){
  .item .s{ font-size: clamp(22px, 9vw, 40px); }
  .item .r{ font-size: clamp(24px, 9.8vw, 44px); }
  .marquee-block{ gap: clamp(24px, 7vw, 40px); }
  .footer-bottom{ padding-bottom: clamp(56px, 12vw, 96px); } /* încă puțin spațiu jos pe mobil */
}