/* Simpleweb 1.8.1 announcement marquee and footer social channels. */

.sw-marquee {
  position: relative;
  z-index: 102;
  overflow: hidden;
  color: #fff;
  background: #c95700;
  border-bottom: 1px solid rgba(84,31,0,.24);
  box-shadow: inset 0 -1px rgba(255,255,255,.12);
}

.sw-marquee__track {
  display: flex;
  width: max-content;
  min-width: 100%;
  animation: sw-marquee-scroll 48s linear infinite;
  will-change: transform;
}

.sw-marquee__group {
  display: flex;
  flex: none;
  align-items: center;
  min-width: max-content;
}

.sw-marquee__item {
  display: inline-flex;
  flex: none;
  align-items: center;
  min-height: 42px;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .025em;
  white-space: nowrap;
}

.sw-marquee__item > span { padding: 0 24px; }

.sw-marquee__item i {
  color: #fff7dd;
  font-size: .76rem;
  font-style: normal;
  opacity: .95;
  text-shadow: 0 1px rgba(80,27,0,.25);
}

.sw-marquee:hover .sw-marquee__track,
.sw-marquee:focus-within .sw-marquee__track { animation-play-state: paused; }

@keyframes sw-marquee-scroll {
  to { transform: translate3d(-50%,0,0); }
}

.sw-footer__social {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 18px;
}

.sw-social {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 9px 20px rgba(2,18,9,.2), inset 0 1px rgba(255,255,255,.22);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.sw-social svg { width: 23px; height: 23px; fill: currentColor; }
.sw-social--facebook { background: #1877f2; }
.sw-social--instagram { background: linear-gradient(135deg,#833ab4 4%,#e1306c 48%,#f77737 78%,#fcaf45); }
.sw-social--instagram svg { fill: none; stroke: currentColor; stroke-width: 1.8; }
.sw-social--instagram .sw-social__dot { fill: currentColor; stroke: none; }
.sw-social--youtube { background: #ff0033; }
.sw-social--youtube .sw-social__play { fill: #ff0033; }

.sw-social:hover { color: #fff; filter: saturate(1.08) brightness(1.06); transform: translateY(-3px); box-shadow: 0 13px 26px rgba(2,18,9,.3), inset 0 1px rgba(255,255,255,.28); }
.sw-social:focus-visible { outline: 3px solid #ffbd3d; outline-offset: 3px; }

@media (max-width:700px) {
  .sw-marquee__item { min-height: 38px; font-size: .75rem; }
  .sw-marquee__item > span { padding: 0 18px; }
  .sw-marquee__track { animation-duration: 42s; }
  .sw-footer__social { margin-top: 16px; }
}

@media (prefers-reduced-motion:reduce) {
  .sw-marquee { overflow-x: auto; scrollbar-width: thin; }
  .sw-marquee__track { animation: none; }
  .sw-marquee__group[aria-hidden="true"] { display: none; }
  .sw-social { transition: none; }
}
