/* V12 — en-têtes de sidebar façon breadcrumb Newspaper Plus */

.lvei-ranking-head,
.lvei-sidebar-feature-head {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    min-width: 155px;
    min-height: 52px;
    margin: -2px 0 18px -2px !important;
    padding: 8px 28px 8px 15px !important;
    background: #0b84d5 !important;
    border: 0 !important;
    color: #fff !important;
}

.lvei-ranking-head::after,
.lvei-sidebar-feature-head::after {
    content: "";
    position: absolute;
    top: 0;
    right: -18px;
    width: 0;
    height: 0;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 18px solid #0b84d5;
}

.lvei-ranking-head > span,
.lvei-sidebar-feature-head .lvei-sidebar-kicker {
    margin: 0 0 2px !important;
    color: #fff !important;
    font-family: 'Poppins', sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    letter-spacing: .13em;
    text-transform: uppercase;
    opacity: .82;
}

.lvei-ranking-head h2,
.lvei-sidebar-feature-head h2 {
    margin: 0 !important;
    color: #fff !important;
    font-family: 'Poppins', sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}

.lvei-ranking-head p {
    margin: 3px 0 0 !important;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    text-align: left !important;
    opacity: .82;
}

/* Le cadre reste visible derrière l'onglet/chevron */
.lvei-ranking,
.lvei-sidebar-feature {
    padding-top: 0 !important;
    border: 2px solid #0b84d5 !important;
}

/* FLOP : même bleu, pour garder une identité unique LVEI */
.lvei-ranking-flop .lvei-ranking-head {
    background: #0b84d5 !important;
}
.lvei-ranking-flop .lvei-ranking-head::after {
    border-left-color: #0b84d5 !important;
}

@media (max-width: 650px) {
    .lvei-ranking-head,
    .lvei-sidebar-feature-head {
        min-height: 48px;
        padding-right: 25px !important;
    }
    .lvei-ranking-head::after,
    .lvei-sidebar-feature-head::after {
        right: -16px;
        border-top-width: 24px;
        border-bottom-width: 24px;
        border-left-width: 16px;
    }
}