//ADD CLASS FOR CUSTOM 'ACTIVE' STATE OF MENU
const navItems = Array.from(document.querySelectorAll('#navTopLevel > li'));
navItems.forEach(item => {
    let anchor = item.querySelector('a');
    if ( anchor.classList.contains('selected') ) {
        item.classList.add('active');
    } else item.classList.remove('active');
});

//INJECT CONTENT AFTER LOGO TO MAKE 3-COL STRUCTURE
const headerContent = document.querySelector('.headerContent');
const contactContent = document.querySelector('.blockWrap_d51f96fa6b1748c7bfe862ad81ee861d');
const socialContent = document.querySelector('.blockWrap_e0280d295b8c4998aef6078c7b3440b1');

const injectedContent = [contactContent, socialContent];

injectedContent.forEach(item => headerContent.appendChild(item));


//MOVE COPYRIGHT & CREDIT TO OWN ROWS
const footerContainer = document.querySelector('.footerContainer');
const footerCopyright = document.querySelector('.blockWrap_f9fcd93386224b608d1e517b4ab8068d');
const footerCredit = document.querySelector('.scCredit');

footerContainer.after(footerCopyright);
footerCopyright.after(footerCredit);

//INJECT SITE WIDE BANNER
const bannerConfig = {
    paddingBlock: '10px',
    backgroundColor: 'var(--red-400)',
    color: 'white',
    fontSize: '16px',
};

const headerElement = document.querySelector('.headerAndNavContainer');
const bannerElement = document.querySelector('.blockWrap_a5fd7fd4d5db4fc4a0fe19043ad5dcbd');
const bannerText = bannerElement.querySelector('.blockInnerContent');

bannerElement.style.backgroundColor = bannerConfig.backgroundColor;
bannerElement.style.paddingBlock = bannerConfig.paddingBlock;
bannerElement.style.textAlign = 'center';
bannerText.style.color = bannerConfig.color;
bannerText.style.fontSize = bannerConfig.fontSize;

headerElement.after(bannerElement);