function updatePadding(){
document.querySelectorAll('.embed-holder').forEach(function (parent){
const floatHolder=parent.querySelector('.float-holder');
const isMobile=window.matchMedia('(max-width: 767px)').matches;
if(floatHolder&&floatHolder.querySelector('script')){
parent.style.paddingBottom='0';
}else{
parent.style.paddingBottom=isMobile ? 'var(--video-ratio, 4%)':'var(--video-ratio, 1%)';
}});
}
updatePadding();
window.addEventListener('resize', updatePadding);
document.addEventListener('DOMContentLoaded', function (){
const toggleButton=document.querySelector('.toc-toggle.no-link');
const icon=document.querySelector('i.rbi.rbi-read');
const tocContent=document.querySelector('.toc-content');
if(toggleButton&&icon&&tocContent){
toggleButton.addEventListener('click', ()=> {
if(window.getComputedStyle(tocContent)['display']==='block'){
icon.style.display='none';
}else{
icon.style.display='block';
}});
}
function updateClasses(){
const relatedSecs=document.querySelectorAll('.related-sec.related-1');
const relatedSecs2=document.querySelectorAll('.sfoter-sec.single-related');
let data={};
relatedSecs.forEach(function (relatedSec){
const element=relatedSec.querySelector('.heading-layout-1');
if(element){
element.classList.remove('heading-layout-1');
element.classList.add('heading-layout-21');
data.newClassName=element.className;
}});
relatedSecs2.forEach(function (relatedSec2){
const element2=relatedSec2.querySelector('.heading-layout-10');
if(element2){
element2.classList.remove('heading-layout-10');
element2.classList.add('heading-layout-21');
data.newClassName2=element2.className;
}});
if(!Object.keys(data).length){
data.error='Elements not found';
}
console.log(data);
}
updateClasses();
const observer=new MutationObserver(function (mutations){
mutations.forEach(function (mutation){
if(mutation.addedNodes.length){
updateClasses();
}});
});
observer.observe(document.body, { childList: true, subtree: true });
});