/**
 * AskFalguni Theme — Hover State Handler
 * Reads data-hover="prop:val;prop2:val2" and applies on mouseenter.
 * This powers all hover states from the design (buttons, cards, links, nav).
 */
(function () {
  'use strict';

  function applyHover(root) {
    (root || document).querySelectorAll('[data-hover]').forEach(function (el) {
      if (el._afHoverInit) return;
      el._afHoverInit = true;
      var hoverStyles = {}, origStyles = {};
      (el.getAttribute('data-hover') || '').split(';').forEach(function (rule) {
        var i = rule.indexOf(':');
        if (i > 0) {
          var prop = rule.slice(0, i).trim();
          var val  = rule.slice(i + 1).trim();
          if (prop && val) hoverStyles[prop] = val;
        }
      });
      el.addEventListener('mouseenter', function () {
        Object.keys(hoverStyles).forEach(function (prop) {
          origStyles[prop] = el.style.getPropertyValue(prop);
          el.style.setProperty(prop, hoverStyles[prop]);
        });
      });
      el.addEventListener('mouseleave', function () {
        Object.keys(hoverStyles).forEach(function (prop) {
          el.style.setProperty(prop, origStyles[prop] || '');
        });
      });
    });
  }

  // Initial run
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function () { applyHover(document); });
  } else {
    applyHover(document);
  }

  // Re-run on full load (catches late-rendered Elementor widgets)
  window.addEventListener('load', function () { applyHover(document); });

  // Elementor frontend hook (Elementor Pro dynamic rendering)
  window.addEventListener('load', function () {
    if (window.elementorFrontend && window.elementorFrontend.hooks) {
      window.elementorFrontend.hooks.addAction('frontend/element_ready/html.default', function ($scope) {
        applyHover($scope && $scope[0] ? $scope[0] : document);
      });
    }
  });
})();