/* v38 Breaking News 6 Style System */
.ab-breaking{
    --bn-red:#ef1b2d;
    --bn-dark:#111827;
    display:flex;
    align-items:center;
    gap:14px;
    width:100%;
    min-height:54px;
    margin:12px auto;
    background:#fff;
    border:1px solid #edf0f5;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(15,23,42,.06);
}
.ab-breaking-label{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
    background:var(--bn-red);
    color:#fff;
    padding:14px 22px;
    font-weight:900;
    font-size:18px;
    white-space:nowrap;
}
.ab-breaking-icon{color:#ffd21f}
.ab-breaking-track{flex:1 1 auto;min-width:0;overflow:hidden}
.ab-breaking-scroll{
    display:flex;
    align-items:center;
    gap:34px;
    white-space:nowrap;
    animation:abBreakingMarquee 22s linear infinite;
}
.ab-breaking-scroll a{
    color:#111827;
    text-decoration:none;
    font-weight:800;
    font-size:17px;
    position:relative;
}
.ab-breaking-scroll a:before{
    content:"";
    display:inline-block;
    width:8px;
    height:8px;
    background:var(--bn-red);
    border-radius:50%;
    margin-right:18px;
}
.ab-breaking-arrow{
    flex:0 0 auto;
    color:var(--bn-red);
    font-size:38px;
    font-weight:300;
    padding:0 18px 0 4px;
}
.ab-breaking-live,.ab-breaking-now{
    flex:0 0 auto;
    background:var(--bn-red);
    color:#fff;
    border-radius:9px;
    padding:8px 12px;
    font-weight:900;
    font-size:13px;
}
.ab-breaking-more{
    flex:0 0 auto;
    margin-right:10px;
    border:1px solid rgba(239,27,45,.28);
    border-radius:12px;
    padding:10px 18px;
    color:var(--bn-red);
    text-decoration:none;
    font-weight:900;
    background:#fff;
}
@keyframes abBreakingMarquee{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}

/* Style 1 — rounded premium white */
.ab-breaking-style_1{padding:6px 0}
.ab-breaking-style_1 .ab-breaking-label{
    border-radius:999px;
    margin-left:12px;
    padding:12px 24px;
    background:linear-gradient(135deg,#ff101c,#d90012);
}

/* Style 2 — dark live bar */
.ab-breaking-style_2{
    background:linear-gradient(135deg,#111827,#020617);
    border-color:#111827;
    color:#fff;
    border-radius:12px;
}
.ab-breaking-style_2 .ab-breaking-label{
    background:linear-gradient(135deg,#ef1b2d,#b6000f);
    clip-path:polygon(0 0,92% 0,100% 100%,0 100%);
    padding-right:38px;
}
.ab-breaking-style_2 .ab-breaking-scroll a{color:#fff}
.ab-breaking-style_2 .ab-breaking-live{
    background:#ef1b2d;
    box-shadow:0 0 0 1px rgba(255,255,255,.16) inset;
}

/* Style 3 — icon + now badge */
.ab-breaking-style_3{border-radius:15px;background:#fff}
.ab-breaking-style_3 .ab-breaking-label{
    background:transparent;
    color:#111827;
    font-size:22px;
    padding:12px 16px;
}
.ab-breaking-style_3 .ab-breaking-icon{
    background:#ef1b2d;
    color:#fff;
    width:46px;
    height:46px;
    border-radius:50%;
    display:grid;
    place-items:center;
    box-shadow:0 0 0 6px rgba(239,27,45,.08);
}
.ab-breaking-style_3 .ab-breaking-now{margin-left:4px}

/* Style 4 — red label + read more */
.ab-breaking-style_4{
    background:linear-gradient(90deg,#fff,#fff3f4);
    border:1px solid rgba(239,27,45,.16);
    border-radius:12px;
}
.ab-breaking-style_4 .ab-breaking-label{
    clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);
    padding-right:35px;
    background:linear-gradient(135deg,#ff101c,#d60012);
}

/* Style 5 — border alert */
.ab-breaking-style_5{
    border:2px solid #ef1b2d;
    border-radius:14px;
    box-shadow:none;
}
.ab-breaking-style_5 .ab-breaking-label{
    background:#fff;
    color:#111827;
    border-right:1px solid #111827;
}
.ab-breaking-style_5 .ab-breaking-icon{
    background:#ef1b2d;
    color:#fff;
    border-radius:50%;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
}

/* Style 6 — English block + yellow button */
.ab-breaking-style_6{
    border:1px solid #111827;
    border-radius:14px;
    background:#fff;
}
.ab-breaking-style_6 .ab-breaking-label{
    min-width:170px;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    background:linear-gradient(135deg,#ef1b2d,#c40013);
    line-height:1;
}
.ab-breaking-style_6 .ab-breaking-label strong{font-size:20px}
.ab-breaking-style_6 .ab-breaking-label strong:before{
    content:"BREAKING";
    display:block;
    font-size:13px;
    letter-spacing:.04em;
}
.ab-breaking-style_6 .ab-breaking-icon{display:none}
.ab-breaking-style_6 .ab-breaking-more{
    background:#ffd400;
    color:#111827;
    border-color:#ffd400;
}

@media(max-width:767px){
    .ab-breaking{
        min-height:44px;
        margin:8px 0;
        gap:8px;
        border-radius:10px;
    }
    .ab-breaking-label{
        font-size:14px;
        padding:10px 12px;
        max-width:128px;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .ab-breaking-scroll{gap:22px;animation-duration:18s}
    .ab-breaking-scroll a{font-size:14px}
    .ab-breaking-scroll a:before{width:6px;height:6px;margin-right:10px}
    .ab-breaking-arrow{font-size:26px;padding-right:8px}
    .ab-breaking-style_1 .ab-breaking-label{margin-left:7px;padding:9px 13px;max-width:122px}
    .ab-breaking-style_2 .ab-breaking-label,
    .ab-breaking-style_4 .ab-breaking-label{padding-right:20px}
    .ab-breaking-style_3 .ab-breaking-label{font-size:15px;padding:8px 10px}
    .ab-breaking-style_3 .ab-breaking-icon{width:34px;height:34px;box-shadow:0 0 0 4px rgba(239,27,45,.08)}
    .ab-breaking-live,.ab-breaking-now,.ab-breaking-more{display:none}
    .ab-breaking-style_6 .ab-breaking-label{min-width:112px;max-width:112px}
    .ab-breaking-style_6 .ab-breaking-label strong{font-size:14px}
    .ab-breaking-style_6 .ab-breaking-label strong:before{font-size:9px}
}