/* ==========================================================================
   WCA Text Marquee Banner Widget — Prefixed Custom CSS
   Prefix: .wca-tmq
   ========================================================================== */

.wca-tmq {
    position: relative;
    border-bottom: 1px solid rgba(253, 246, 227, 0.1);
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
}

.wca-tmq *,
.wca-tmq *::before,
.wca-tmq *::after {
    box-sizing: border-box;
}

/* ------------------------------------------------
   Track & Animation
   ------------------------------------------------ */
.wca-tmq__track {
    display: flex;
    align-items: center;
    width: max-content;
    padding: 0.75rem 0;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(253, 246, 227, 0.45);
    animation: wca-text-marquee 20s linear infinite;
    font-family: inherit;
}

.wca-tmq.wca-tmq--pause-hover:hover .wca-tmq__track {
    animation-play-state: paused;
}

/* ------------------------------------------------
   Items & Awards
   ------------------------------------------------ */
.wca-tmq__block {
    display: flex;
    align-items: center;
    gap: 3rem;
    padding-right: 3rem;
    flex-shrink: 0;
}

.wca-tmq__item {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.wca-tmq__text {
    white-space: nowrap;
}

.wca-tmq__award {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.wca-tmq__award-source {
    font-family: 'Playfair Display', Georgia, serif;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    font-size: 1.2em; /* 12px relative to 10px track base */
}

.wca-tmq__award-title {
    font-style: italic;
    color: #DAA520; /* Gold default, can be overridden by track color */
    font-size: 1.2em;
    letter-spacing: 0.05em;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.wca-tmq__award-dot {
    height: 0.35em;
    width: 0.35em;
    transform: rotate(45deg);
    background-color: rgba(218, 165, 32, 0.6);
    flex-shrink: 0;
    margin: 0 0.5rem;
}

.wca-tmq__sep {
    color: #DAA520;
}

/* ------------------------------------------------
   Keyframes
   ------------------------------------------------ */
@keyframes wca-text-marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-5%); /* Shifts exactly 1 out of 20 blocks */
    }
}