/* Start custom CSS for html, class: .elementor-element-75c0b5e *//* --- CONFIGURATION --- */
:root {
  --tk-bg: #1a1a1a;          /* Dark Background */
  --tk-text: #ffffff;        /* Text Color */
  --tk-accent: #3b82f6;      /* Blue Label Background */
  --tk-height: 48px;         /* Ticker Height */
  --tk-speed: 40s;           /* Animation Speed (Slower is easier to read) */
}

/* --- CONTAINER --- */
.modern-ticker-wrap {
  display: flex;
  align-items: center; /* Vertically Centers Everything */
  width: 100%;
  height: var(--tk-height);
  background: var(--tk-bg);
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,0.05); /* Subtle border */
  box-sizing: border-box;
}

/* --- STATIC LABEL (LEFT) --- */
.ticker-heading {
  background: var(--tk-accent);
  color: #ffffff;
  height: 100%;
  padding: 0 20px;
  font-weight: 700;
  font-family: sans-serif;
  font-size: 14px;
  display: flex;
  align-items: center; /* Centers text inside the label */
  justify-content: center;
  z-index: 10;
  box-shadow: 2px 0 10px rgba(0,0,0,0.3);
  flex-shrink: 0;
}

/* --- MASK (Fills remaining space) --- */
.ticker-mask {
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center; /* Ensures track stays vertically centered */
}

/* --- THE MOVING TRACK --- */
.ticker-track {
  display: flex;
  align-items: center; /* Centers items vertically inside track */
  height: 100%;
  white-space: nowrap;
  will-change: transform;
  
  /* The Animation */
  animation: scroll-loop var(--tk-speed) linear infinite;
}

/* --- INTERACTIVITY (Pause Logic) --- */
/* Pause on Hover, Click (Active), or Keyboard Focus */
.ticker-track:hover,
.ticker-track:active,
.ticker-track:focus-within {
  animation-play-state: paused;
}

/* --- ITEMS --- */
.ticker-item {
  color: var(--tk-text) !important; /* Forces white even if theme overrides */
  padding: 0 40px; /* Generous spacing between sentences */
  text-decoration: none;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1; /* Helps with precise vertical centering */
  display: inline-flex;
  align-items: center;
  height: 100%;
  transition: color 0.2s ease;
}

/* Prevent visited links from turning blue/purple */
.ticker-item:visited {
  color: var(--tk-text);
}

/* Hover State for Links */
.ticker-item:hover {
  color: var(--tk-accent) !important;
  text-decoration: underline;
  cursor: pointer;
}

/* --- KEYFRAMES --- */
@keyframes scroll-loop {
  0% {
    transform: translateX(0);
  }
  100% {
    /* Moves exactly 50% because the HTML has 2 sets. 
       When Set 1 moves off screen, Set 2 is in position 0. */
    transform: translateX(-50%);
  }
}

/* --- MOBILE ADJUSTMENTS --- */
@media (max-width: 768px) {
  :root {
    --tk-height: 40px; 
  }
  .ticker-heading {
    padding: 0 10px;
    font-size: 11px;
  }
  .ticker-item {
    font-size: 13px;
    padding: 0 20px;
  }
}/* End custom CSS */