/* Selvacrafts announcement bar.
 * Ported from selvacrafts-theme-1/assets/css/theme.css (ANNOUNCE section). */

.announce {
  background: var(--accent);
  color: #fff;
  height: 40px;
  font-size: 12.5px;
  letter-spacing: .08em;
  font-family: var(--font-body);
}

.announce > .container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
}

.announce-track {
  animation: sc-fade .5s ease;
  padding: 0 16px;
  text-align: center;
}

@keyframes sc-fade {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: none; }
}

.announce-side {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 25px;
  align-items: center;
}

.announce-side a {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: opacity .2s ease, color .2s ease;
}

.announce-side a:hover,
.announce-side a.insta:hover svg {
  opacity: 1;
  color: var(--gold);
  fill: var(--gold);
}

.announce-side .sc-lucide-icon,
.announce-side svg {
  display: block;
}