<data:view.title.escaped/>

Read Review

<footer class='site-footer'>
        <div class='container footer-content'>
            <div class='social-links'>
                
                <a href='#' target='_blank' title='Facebook'><i class="fab fa-facebook-f"></i></a>
                <a href='#' target='_blank' title='Twitter'><i class="fab fa-twitter"></i></a>
                <a href='#' target='_blank' title='Instagram'><i class="fab fa-instagram"></i></a>
                <a href='#' target='_blank' title='YouTube'><i class="fab fa-youtube"></i></a>
            </div>
            <p class='copyright'>© <script>document.write(new Date().getFullYear())</script> <data:blog.title/>. All Rights Reserved.</p>
        </div>
    </footer>

// Mobile Menu Toggle
      const menuToggle = document.getElementById('mobile-menu-toggle');
      const mainNav = document.getElementById('main-nav');
      if(menuToggle && mainNav) {
        menuToggle.addEventListener('click', function() {
          mainNav.classList.toggle('show');
        });
      }

// Star Rating Logic
      function renderStarRating(ratingElement) {
        const ratingValue = ratingElement.getAttribute('data-rating');
        const starsInner = ratingElement.querySelector('.stars-inner');
        if (starsInner && ratingValue) {
          const starPercentage = (ratingValue / 5) * 100;
          const starPercentageRounded = `${Math.round(starPercentage / 10) * 10}%`;
          starsInner.style.width = starPercentageRounded;
        }
      }

// For Single Post Page
      const postBody = document.getElementById('post-body');
      if (postBody) {
        const metaRatingDiv = postBody.querySelector('.meta-rating');
        const postRatingElement = document.querySelector('.post-full-meta .star-rating');
        if (metaRatingDiv && postRatingElement) {
          const ratingValue = metaRatingDiv.getAttribute('data-rating');
          postRatingElement.setAttribute('data-rating', ratingValue);
          renderStarRating(postRatingElement);
        }
      }

// For Homepage Grid
      const metaRatingDataElements = document.querySelectorAll('.meta-rating-data');
      metaRatingDataElements.forEach(function(dataEl) {
          const postId = dataEl.getAttribute('data-post-id');
          const tempDiv = document.createElement('div');
          tempDiv.innerHTML = dataEl.innerHTML;
          const metaRatingDiv = tempDiv.querySelector('.meta-rating');
          
          if(metaRatingDiv) {
              const ratingValue = metaRatingDiv.getAttribute('data-rating');
              const cardRatingElement = document.querySelector(`.star-rating[data-rating="${postId}"]`);
              if(cardRatingElement) {
                  cardRatingElement.setAttribute('data-rating', ratingValue);
                  renderStarRating(cardRatingElement);
              }
          }
      });
    });
    // ]]>
    </script>
</body>
</html>