/* Scoped promotion strip. Existing navigation and status layout are untouched. */
.woi-header .woi-donation-boost-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
    padding: 13px 18px;
    border-bottom: 1px solid rgba(244, 190, 76, .45);
    border-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: linear-gradient(105deg, rgba(32, 78, 56, .87), rgba(47, 30, 20, .97) 55%, rgba(80, 24, 27, .92));
    color: #fff3d3;
}
.woi-header .woi-donation-boost-banner[hidden] { display: none !important; }
.woi-donation-boost-banner .woi-dbb-icon {
    display: inline-flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 40px;
    border: 1px solid rgba(255, 213, 111, .42);
    border-radius: 8px;
    background: rgba(5, 12, 9, .45);
    color: #ffd36d;
    font-size: 23px;
}
.woi-donation-boost-banner .woi-dbb-copy { flex: 1 1 auto; min-width: 0; }
.woi-donation-boost-banner .woi-dbb-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffdc88;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: .065em;
    text-transform: uppercase;
}
.woi-donation-boost-banner .woi-dbb-live-dot { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #7bffb5; box-shadow: 0 0 9px rgba(94, 240, 158, .45); }
.woi-donation-boost-banner .woi-dbb-bonuses { display: block; margin-top: 3px; color: #f0e4cc; font-size: 14px; line-height: 1.4; }
.woi-donation-boost-banner .woi-dbb-bonuses b { color: #fff6dc; font-weight: 800; }
.woi-donation-boost-banner .woi-dbb-bonuses > span { margin: 0 5px; color: #d2ac62; }
.woi-donation-boost-banner .woi-dbb-countdown { flex: 0 0 auto; padding: 7px 10px; border: 1px solid rgba(255, 211, 109, .23); border-radius: 6px; background: rgba(7, 7, 11, .4); color: #f9d68c; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.woi-donation-boost-banner .woi-dbb-countdown > i { margin-right: 4px; }
.woi-donation-boost-banner .woi-dbb-cta { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 15px; border: 1px solid #f6c263; border-radius: 6px; background: linear-gradient(115deg, #951724, #c95217); color: #fff6df !important; font: inherit; font-size: 13px; font-weight: 900; line-height: 1.25; letter-spacing: .035em; text-transform: uppercase; text-decoration: none !important; cursor: pointer; }
.woi-donation-boost-banner .woi-dbb-cta:hover { background: linear-gradient(115deg, #b02131, #e57025); }
.woi-donation-boost-banner .woi-dbb-cta:focus-visible { outline: 3px solid #fff1bd; outline-offset: 3px; }
@media (max-width: 850px) {
    .woi-header .woi-donation-boost-banner { flex-wrap: wrap; gap: 10px 12px; padding: 12px 14px; }
    .woi-donation-boost-banner .woi-dbb-copy { flex-basis: calc(100% - 50px); }
    .woi-donation-boost-banner .woi-dbb-countdown { flex: 1 1 auto; text-align: center; }
    .woi-donation-boost-banner .woi-dbb-cta { flex: 1 1 auto; }
}
@media (max-width: 420px) {
    .woi-header .woi-donation-boost-banner { gap: 9px; padding: 11px 12px; }
    .woi-donation-boost-banner .woi-dbb-title { font-size: 15px; letter-spacing: .025em; }
    .woi-donation-boost-banner .woi-dbb-bonuses { font-size: 13px; }
    .woi-donation-boost-banner .woi-dbb-countdown { font-size: 12px; padding: 7px 8px; }
    .woi-donation-boost-banner .woi-dbb-cta { font-size: 12px; padding: 8px 10px; }
}