/* ==========================================================================
   The Movers - Custom Animations & Overrides
   ========================================================================== */

/* Ẩn thanh cuộn nhưng vẫn cuộn được */
::-webkit-scrollbar {
  display: none;
}

html, body {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overscroll-behavior-y: none;
  background-color: #06080C;
  color: #e1e2ec;
}

/* Kinetic Marquee Ticker Animation */
@keyframes ticker-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.animate-marquee {
  display: flex !important;
  width: max-content !important;
  animation: ticker-scroll 28s linear infinite !important;
  will-change: transform;
}

.animate-marquee:hover {
  animation-play-state: paused;
}

/* Material Symbols */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}

/* WordPress Admin Bar Fixes */
.admin-bar header.fixed {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  .admin-bar header.fixed {
    top: 46px !important;
  }
}

/* WordPress Block & Content alignment */
.alignwide {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  max-width: 100vw;
  width: 100%;
}

/* Smooth transitions for interactive elements */
a, button {
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}