jQuery(document).ready(function($) {
    // Funkcija za ustvarjanje div elementa z besedilom in dodatnim razmikom
    function createDivWithTextAndMargin(text) {
        // Ustvarimo div element z dodatnim razmikom
        var divElement = $('<div style="margin-top: 10px;"></div>');

        // Ustvarimo span za besedilo znotraj div elementa in ga obarvamo sivo
        var textElement = $('<span style="font-weight:normal; font-size: 14px; font-style: normal; color: #777;">' + text + '</span>');

        // Dodamo besedilo v div element
        divElement.append(textElement);

        return divElement;
    }

    // Dodajanje div elementov z besedilom in dodatnim razmikom
    var text1 = window.wp.i18n.__('Specify the web address through which users will access your site. Enter only the subdomain.' , 'custom-signup-style' );
    var text2 = window.wp.i18n.__('Specify the name of your site. Example: Academic and Research Network of Slovenia (ARNES).' , 'custom-signup-style' );
    var text3 = window.wp.i18n.__('Allow search engines to index your site and display it in search results.' , 'custom-signup-style' );

    var divContainer1 = createDivWithTextAndMargin(text1);
    var divContainer2 = createDivWithTextAndMargin(text2);
    var divContainer3 = createDivWithTextAndMargin(text3);

    // Dodajanje div elementov z besedilom in razmikom ob label-ih
    $('label[for="blogname"]').append(divContainer1);
    $('#blog_title').prev('label').append(divContainer2);
    $('.label-heading').append(divContainer3);

});

document.addEventListener("DOMContentLoaded", function() {
    var privacyDiv = document.getElementById("privacy");
    var privacyLegend = privacyDiv.querySelector("legend");
    var privacySpanContent = privacyLegend.querySelector('span');
    if(privacySpanContent) {
        privacyLegend.innerHTML = `<span class="label-heading">${privacySpanContent.innerText}</span>`;
    }
});