/* =====================================================================
   ANNOUNCEMENT TICKER
   UI ported from the reference design (.academy-ticker / .ticker-label /
   .ticker-dot / .ticker-copy / .ticker-controls). Same 34px bar, same
   green gradient label with the arrow notch, same colours.
   The marquee scroll is kept — the reference bar is static.
   ===================================================================== */
.hia-ticker-wrap {
    height: 34px;
    display: flex;
    align-items: stretch;
    background: #0B4A37;
    color: #EAF7FF;
    font-size: 12px;
    overflow: hidden;
}

/* --- label block (reference .ticker-label) --- */
.hia-ticker-label {
    position: relative;
    min-width: 176px;
    padding: 0 25px 0 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    color: #fff;
    background: linear-gradient(135deg, #1F8A63, #157553);
    letter-spacing: .12em;
}
.hia-ticker-label-text {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
}

/* the notch (reference .ticker-label:after) */
.hia-ticker-arrow {
    position: relative;
    width: 0;
    height: 0;
    flex-shrink: 0;
    margin-left: -22px;
    border-top: 17px solid #157553;
    border-bottom: 17px solid transparent;
    border-right: 22px solid transparent;
}

.hia-ticker-stage {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
}

.hia-ticker-fade {
    position: absolute;
    top: 0; bottom: 0;
    width: 26px;
    z-index: 1;
    pointer-events: none;
}
.hia-ticker-fade--left  { left: 0;  background: linear-gradient(90deg, #0B4A37, transparent); }
.hia-ticker-fade--right { right: 0; background: linear-gradient(-90deg, #0B4A37, transparent); }

.hia-ticker-track {
    display: inline-flex;
    align-items: center;
    animation: hiaTickerScroll 45s linear infinite;
    white-space: nowrap;
}
.hia-ticker-track:hover { animation-play-state: paused; }

.hia-ticker-item {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 14px;
    text-decoration: none;
}

/* reference .ticker-dot */
.hia-ticker-dot {
    width: 5px;
    height: 5px;
    background: #1F8A63;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-block;
    margin-left: 20px;
}

.hia-ticker-title   { font-size: 12px; font-weight: 700; color: #fff; }        /* .ticker-track strong */
.hia-ticker-excerpt { font-size: 12px; color: #C7DFF1; }                        /* .ticker-copy        */
.hia-ticker-item:hover .hia-ticker-title { color: #8CE39F; }

/* reference .ticker-controls */
.hia-ticker-controls {
    display: flex;
    width: 112px;
    flex-shrink: 0;
    background: #07301F;
    border-left: 1px solid rgba(255, 255, 255, .12);
}
.hia-ticker-controls button {
    flex: 1;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, .1);
    background: transparent;
    color: #a8cfca;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background .2s ease, color .2s ease;
}
.hia-ticker-controls button:last-child { border-right: 0; }
.hia-ticker-controls button:hover { background: rgba(255, 255, 255, .08); color: #fff; }

@keyframes hiaTickerScroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Mobile */
@media (max-width: 640px) {
    .hia-ticker-excerpt    { display: none !important; }
    .hia-ticker-label-text { display: none !important; }
    .hia-ticker-label      { min-width: 0; padding: 0 14px 0 12px; }
    .hia-ticker-arrow      { display: none; }
    .hia-ticker-controls   { display: none; }
    .hia-ticker-track      { animation-duration: 28s; }
    .hia-ticker-title      { font-size: 12px; }
    .hia-ticker-dot        { margin-left: 10px; }
}

/* Tablet */
@media (min-width: 641px) and (max-width: 900px) {
    .hia-ticker-excerpt { display: none !important; }
    .hia-ticker-label   { min-width: 140px; }
    .hia-ticker-track   { animation-duration: 36s; }
}