.breaking-news-bar {
        width: 100%;
        min-height: 42px;
        display: flex;
        align-items: center;
        overflow: hidden;

        background: #1f2937;
        color: #ffffff;

        border-radius: 6px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }

    /* --------------------------------
       Label
    -------------------------------- */

    .breaking-news-label {
        flex: 0 0 auto;

        display: flex;
        align-items: center;
        gap: 8px;

        height: 42px;
        padding: 0 16px;

        background: #dc2626;

        font-family: "Segoe UI", Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .4px;

        z-index: 2;
    }

    .breaking-news-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        font-size: 13px;
    }

    .breaking-news-title {
        white-space: nowrap;
    }


    /* --------------------------------
       Scrolling content
    -------------------------------- */

    .breaking-news-content {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;

        position: relative;
    }

    .breaking-news-track {
        display: inline-flex;
        align-items: center;

        min-width: max-content;

        animation: breakingNewsScroll 30s linear infinite;
    }

    .breaking-news-item {
        display: inline-flex;
        align-items: center;
        gap: 12px;

        padding: 0 35px;

        white-space: nowrap;

        font-family: "Segoe UI", Arial, sans-serif;
        font-size: 13px;
    }

    .breaking-news-subject {
        color: #f9fafb;
        font-weight: 500;
    }

    .breaking-news-link {
        display: inline-flex;
        align-items: center;
        gap: 5px;

        color: #fca5a5;
        text-decoration: none;

        font-size: 12px;
        font-weight: 700;
        font-style: italic;

        transition: color .2s ease;
    }

    .breaking-news-link:hover {
        color: #ffffff;
        text-decoration: underline;
    }


    /* --------------------------------
       Apply button
    -------------------------------- */

    .breaking-news-action {
        flex: 0 0 auto;

        height: 42px;

        display: flex;
        align-items: center;

        padding: 0 10px;

        background: #1f2937;

        z-index: 2;
    }

    .breaking-apply-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;

        padding: 7px 13px;

        background: #ffffff;
        color: #1f2937;

        border-radius: 4px;

        font-family: "Segoe UI", Arial, sans-serif;
        font-size: 11px;
        font-weight: 700;

        text-decoration: none;

        transition:
            background-color .2s ease,
            color .2s ease,
            transform .2s ease;
    }

    .breaking-apply-btn:hover {
        background: #dc2626;
        color: #ffffff;

        transform: translateY(-1px);
    }


    /* --------------------------------
       Animation
    -------------------------------- */

    @keyframes breakingNewsScroll {

        0% {
            transform: translateX(100%);
        }

        100% {
            transform: translateX(-100%);
        }

    }


    /* --------------------------------
       Pause animation when hovered
    -------------------------------- */

    .breaking-news-bar:hover .breaking-news-track {
        animation-play-state: paused;
    }


    /* --------------------------------
       Accessibility
    -------------------------------- */

    @media (prefers-reduced-motion: reduce) {

        .breaking-news-track {
            animation: none;
            transform: none;
        }

    }


    /* --------------------------------
       Tablet / Mobile
    -------------------------------- */

    @media (max-width: 768px) {

        .breaking-news-label {
            padding: 0 10px;
        }

        .breaking-news-title {
            display: none;
        }

        .breaking-news-item {
            padding: 0 20px;
            font-size: 12px;
        }

        .breaking-news-action {
            padding: 0 6px;
        }

        .breaking-apply-btn {
            padding: 7px 9px;
        }

        .breaking-apply-btn span {
            display: none;
        }

    }


    @media (max-width: 480px) {

        .breaking-news-bar {
            min-height: 38px;
            border-radius: 4px;
        }

        .breaking-news-label {
            height: 38px;
        }

        .breaking-news-action {
            height: 38px;
        }

        .breaking-news-item {
            padding: 0 15px;
        }

    }