// Menu
function legacy_medical_appointment_openNav() {
  jQuery(".sidenav").addClass('show');
}
function legacy_medical_appointment_closeNav() {
  jQuery(".sidenav").removeClass('show');
}

( function( window, document ) {
  function legacy_medical_appointment_keepFocusInMenu() {
    document.addEventListener( 'keydown', function( e ) {
      const legacy_medical_appointment_nav = document.querySelector( '.sidenav' );

      if ( ! legacy_medical_appointment_nav || ! legacy_medical_appointment_nav.classList.contains( 'show' ) ) {
        return;
      }
      const elements = [...legacy_medical_appointment_nav.querySelectorAll( 'input, a, button' )],
        legacy_medical_appointment_lastEl = elements[ elements.length - 1 ],
        legacy_medical_appointment_firstEl = elements[0],
        legacy_medical_appointment_activeEl = document.activeElement,
        tabKey = e.keyCode === 9,
        shiftKey = e.shiftKey;

      if ( ! shiftKey && tabKey && legacy_medical_appointment_lastEl === legacy_medical_appointment_activeEl ) {
        e.preventDefault();
        legacy_medical_appointment_firstEl.focus();
      }

      if ( shiftKey && tabKey && legacy_medical_appointment_firstEl === legacy_medical_appointment_activeEl ) {
        e.preventDefault();
        legacy_medical_appointment_lastEl.focus();
      }
    } );
  }
  legacy_medical_appointment_keepFocusInMenu();
} )( window, document );

(function ($) {

    $(window).load(function () {
        $("#pre-loader").delay(500).fadeOut();
        $(".loader-wrapper").delay(1000).fadeOut("slow");

    });

    $(document).ready(function () {

       // $(".toggle-button").click(function () {
       //      $(this).parent().toggleClass("menu-collapsed");
       //  });

        /*--- adding dropdown class to menu -----*/
        $("ul.sub-menu,ul.children").parent().addClass("dropdown");
        $("ul.sub-menu,ul.children").addClass("dropdown-menu");
        $("ul#menuid li.dropdown a,ul.children li.dropdown a").addClass("dropdown-toggle");
        $("ul.sub-menu li a,ul.children li a").removeClass("dropdown-toggle");
        $('nav li.dropdown > a, .page_item_has_children a').append('<span class="caret"></span>');
        $('a.dropdown-toggle').attr('data-toggle', 'dropdown');

        /*-- Mobile menu --*/
        if ($('#site-navigation').length) {
            $('#site-navigation .menu li.dropdown,li.page_item_has_children').append(function () {
                return '<i class="bi bi-caret-down-fill" aria-hd="true"></i>';
            });
            $('#site-navigation .menu li.dropdown .bi,li.page_item_has_children .bi').on('click', function () {
                $(this).parent('li').children('ul').slideToggle();
            });
        }

        /*-- tooltip --*/
        $('[data-toggle="tooltip"]').tooltip();

        /*-- scroll Up --*/
        jQuery(document).ready(function ($) {
            $(document).on('click', '.btntoTop', function (e) {
                e.preventDefault();
                $('html, body').stop().animate({ scrollTop: 0 }, 700);
            });

            $(window).on('scroll', function () {
                if ($(this).scrollTop() > 200) {
                    $('.btntoTop').addClass('active');
                } else {
                    $('.btntoTop').removeClass('active');
                }
            });
        });


        /*-- Reload page when width is between 320 and 768px and only from desktop */
        var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false;
        $(window).on('resize', function () {
            var win = $(this); //this = window
            if (win.width() > 320 && win.width() < 991 && isMobile == false && !$("body").hasClass("elementor-editor-active")) {
                location.reload();
            }
        });
    });

})(this.jQuery);

 // offer font
    document.addEventListener('DOMContentLoaded', function() {
        // Get the heading element
        var headingElement = document.getElementById('offer-heading');
        
        // Ensure the element exists before proceeding
        if (headingElement) {
            // Get the full text of the heading
            var fullText = headingElement.innerHTML.trim();

            // Split the text into words
            var words = fullText.split(' ');

            // Get the last word
            var lastWord = words.pop();

            // Join the remaining words
            var mainText = words.join(' ');

            // Update the heading with the main text and the styled last word
            headingElement.innerHTML = mainText + ' <span style="font-size: 20px;">' + lastWord + '</span>';
        }
    });

// product section
jQuery('document').ready(function(){
    var owl = jQuery('.lat-news-box .owl-carousel');
        owl.owlCarousel({
        loop:true,
        margin:35,
        autoplay :true,
        lazyLoad: true,
        autoplayTimeout: 9000,
        loop: true,
        dots:false,
        navText : ['<i class="bi bi-chevron-left"></i>', '<i class="bi bi-chevron-right"></i>'],
        nav:true,
        items:1,       
        responsive:{
      0: {
        items: 1
      },
      576: {
        items: 1
      },
      768: {
        items: 2
      },
      1000: {
        items: 3
      },
    }
    });
});

// custom-header-text
(function( $ ) {
    // Update site title and description color in real-time
    wp.customize( 'header_textcolor', function( value ) {
        value.bind( function( newval ) {
            if ( 'blank' === newval ) {
                $( '.site-title a, .site-description' ).css({
                    'clip': 'rect(1px, 1px, 1px, 1px)',
                    'position': 'absolute'
                });
            } else {
                $( '.site-title a, .site-description' ).css({
                    'clip': 'auto',
                    'position': 'relative',
                    'color': newval
                });
            }
        });
    });
})( jQuery );

// custom-logo
( function( $ ) {
    wp.customize( 'legacy_medical_appointment_logo_width', function( value ) {
        value.bind( function( newVal ) {
            $( '.logo .custom-logo' ).css( 'max-width', newVal + 'px' );
        } );
    } );
} )( jQuery );
