function addAsapiAttribution(id, caption) {
    const ul = document.getElementById(id);
    if (!ul) {
        console.warn(`Element s ID "${id}" nebyl nalezen.`);
        return;
    }

    // Zajistíme, že ul má relativní pozici
    ul.style.position = 'relative';

    // Absolutní kontejner pro zarovnání vpravo dole
    const powered = document.createElement('div');
    powered.style.position = 'absolute';
    powered.style.bottom = '3px';
    powered.style.right = '3px';
    powered.style.display = 'flex';
    powered.style.justifyContent = 'flex-end';
    powered.style.alignItems = 'center';
    powered.style.pointerEvents = 'auto'; // pro jistotu

    // Vnitřní obal s rámečkem a pozadím — jen kolem obsahu
    const badge = document.createElement('div');
    badge.style.display = 'flex';
    badge.style.alignItems = 'center';
    badge.style.fontFamily = '"Helvetica Neue", Arial, Helvetica, sans-serif';
    badge.style.fontSize = '11px';
    badge.style.background = 'rgba(255, 255, 255, 0.95)';
    badge.style.border = '1px solid rgba(0, 0, 0, 0.1)';
    badge.style.borderRadius = '4px';
    badge.style.padding = '1px 4px';
    badge.style.boxShadow = '0 1px 2px rgba(0, 0, 0, 0.1)';

    // Odkaz
    const link = document.createElement('a');
    link.href = 'https://www.asapi.eu';
    link.target = '_blank';
    link.style.display = 'flex';
    link.style.alignItems = 'center';
    link.style.textDecoration = 'none';
    link.style.color = '#0078A8';
    link.style.cursor = 'pointer';

    link.addEventListener('mouseover', () => {
        link.style.textDecoration = 'underline';
    });
    link.addEventListener('mouseout', () => {
        link.style.textDecoration = 'none';
    });

    // Text
    const text = document.createElement('span');
    text.textContent = caption ?? 'Search by';

    // Logo
    const logo = document.createElement('img');
    logo.src = 'https://www.asapi.eu/img/asapi.svg';
    logo.alt = 'https://www.asapi.eu';
    logo.style.height = '16px';
    logo.style.minHeight = '14px';
    logo.style.marginLeft = '4px';

    // Složení
    link.appendChild(text);
    link.appendChild(logo);
    badge.appendChild(link);
    powered.appendChild(badge);
    ul.appendChild(powered);
  }

// musíme mít na stránce definován html element <ul>,
// do kterého generujeme výsledky hledání asapi jako jednotlivé elementy <li>,
// např. <ul id="results"></ul>

addAsapiAttribution('results', 'Hledá');