/* === Conteneur principal === */
    .kremlimpro-tags-wrap {
        display:          flex;
        flex-direction:   column;
        gap:              10px;
        padding:          16px;
        background:       #ffffff;
        border:           1px solid #e0e0e0;
        border-radius:    4px;                  /* arrondi 25% */
        font-family:      inherit;
    }

    /* === En-tête === */
    .kremlimpro-tags-header {
        display:          flex;
        align-items:      center;
        gap:              10px;
        padding-bottom:   10px;
        border-bottom:    2px solid #e84747;
    }

    .kremlimpro-tags-icon {
        width:            28px;
        height:           28px;
        object-fit:       contain;
        flex-shrink:      0;
    }

    .kremlimpro-tags-title {
        font-weight:      700;
        text-transform:   uppercase;
        letter-spacing:   0.05em;
        font-size:        0.95em;
        color:            #333333;
    }

    /* === Liste === */
    .kremlimpro-tags-list {
        list-style:       none;
        margin:           0;
        padding:          0;
        display:          flex;
        flex-wrap:        wrap;
        gap:              8px;
    }

    /* === Item étiquette === */
    .kremlimpro-tag-item {
        display:          inline-flex;
    }

    .kremlimpro-tag-link {
        display:          inline-flex;
        align-items:      center;
        gap:              6px;
        padding:          5px 12px;
        background:       #ededef;
        border:           1px solid #cccccc;
        border-radius:    4px;               /* arrondi 25% */
        text-decoration:  none;
        color:            #333333;
        font-size:        0.88em;
        font-weight:      600;
        transition:       background 0.2s ease,
                          border-color 0.2s ease,
                          color 0.2s ease,
                          transform 0.15s ease;
    }

    .kremlimpro-tag-link:hover {
        background:       #e84747;
        border-color:     #e84747;
        color:            #ffffff;
        transform:        translateY(-1px);
    }

    .kremlimpro-tag-item-icon {
        width:            16px;
        height:           16px;
        object-fit:       contain;
        flex-shrink:      0;
        /* Filtre pour passer en blanc au hover */
        transition:       filter 0.2s ease;
    }

    .kremlimpro-tag-link:hover .kremlimpro-tag-item-icon {
        filter: brightness(0) invert(1);
    }

    .kremlimpro-tag-name {
        line-height:      1;
    }

    /* Compteur d'événements */
    .kremlimpro-tag-count {
        display:          inline-flex;
        align-items:      center;
        justify-content:  center;
        min-width:        20px;
        height:           18px;
        padding:          0 5px;
        background:       rgba(0,0,0,0.12);
        border-radius:    2px;
        font-size:        0.78em;
        font-weight:      700;
        line-height:      1;
        transition:       background 0.2s ease;
    }

    .kremlimpro-tag-link:hover .kremlimpro-tag-count {
        background:       rgba(255,255,255,0.25);
        color:            #ffffff;
    }

    /* Message vide / erreur */
    .kremlimpro-tags-empty,
    .kremlimpro-tags-error {
        padding:          12px 16px;
        background:       #fff8f0;
        border-left:      4px solid #e84747;
        border-radius:    0 4px 4px 0;
        color:            #555555;
        font-size:        0.9em;
    }

    /* === Responsive === */
    @media (max-width: 480px) {
        .kremlimpro-tags-list {
            gap: 6px;
        }
        .kremlimpro-tag-link {
            padding:    4px 9px;
            font-size:  0.82em;
        }
    }