<?php

if ( ! function_exists( 'calla_elated_mobile_header_general_styles' ) ) {
	/**
	 * Generates general custom styles for mobile header
	 */
	function calla_elated_mobile_header_general_styles() {
		$item_styles      = array();
		$height           = calla_elated_options()->getOptionValue( 'mobile_header_height' );
		$background_color = calla_elated_options()->getOptionValue( 'mobile_header_background_color' );
		$border_color     = calla_elated_options()->getOptionValue( 'mobile_header_border_bottom_color' );
		
		if ( ! empty( $height ) ) {
			$item_styles['height'] = calla_elated_filter_px( $height ) . 'px';
		}
		
		if ( ! empty( $background_color ) ) {
			$item_styles['background-color'] = $background_color;
		}
		
		if ( ! empty( $border_color ) ) {
			$item_styles['border-color'] = $border_color;
		}
		
		echo calla_elated_dynamic_css( '.eltdf-mobile-header .eltdf-mobile-header-inner', $item_styles );
	}
	
	add_action( 'calla_elated_style_dynamic', 'calla_elated_mobile_header_general_styles' );
}

if ( ! function_exists( 'calla_elated_mobile_navigation_styles' ) ) {
	/**
	 * Generates styles for mobile navigation
	 */
	function calla_elated_mobile_navigation_styles() {
		$mobile_nav_styles = array();
		$background_color  = calla_elated_options()->getOptionValue( 'mobile_menu_background_color' );
		$border_color      = calla_elated_options()->getOptionValue( 'mobile_menu_border_bottom_color' );
		
		if ( ! empty( $background_color ) ) {
			$mobile_nav_styles['background-color'] = $background_color;
		}
		
		if ( ! empty( $border_color ) ) {
			$mobile_nav_styles['border-color'] = $border_color;
		}
		
		echo calla_elated_dynamic_css( '.eltdf-mobile-header .eltdf-mobile-nav', $mobile_nav_styles );
		
		$nav_item_styles          = array();
		$nav_border_color         = calla_elated_options()->getOptionValue( 'mobile_menu_separator_color' );
		$mobile_nav_item_selector = array(
			'.eltdf-mobile-header .eltdf-mobile-nav ul li a',
			'.eltdf-mobile-header .eltdf-mobile-nav ul li h6'
		);
		
		if ( ! empty( $nav_border_color ) ) {
			$nav_item_styles['border-bottom-color'] = $nav_border_color;
		}
		
		echo calla_elated_dynamic_css( $mobile_nav_item_selector, $nav_item_styles );
		
		
		// mobile dropdown 1st level menu style
		
		$mobile_menu_style = calla_elated_get_typography_styles( 'mobile_text' );
		
		$mobile_menu_selector = array(
			'.eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid > ul > li > a',
			'.eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid > ul > li > h6'
		);
		
		echo calla_elated_dynamic_css( $mobile_menu_selector, $mobile_menu_style );
		
		
		$mobile_nav_item_hover_styles = array();
		$mobile_text_hover_color      = calla_elated_options()->getOptionValue( 'mobile_text_hover_color' );
		
		if ( ! empty( $mobile_text_hover_color ) ) {
			$mobile_nav_item_hover_styles['color'] = $mobile_text_hover_color;
		}
		
		$mobile_nav_item_selector_hover = array(
			'.eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid > ul > li.eltdf-active-item > a',
			'.eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid > ul > li.eltdf-active-item > h6',
			'.eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid > ul > li > a:hover',
			'.eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid > ul > li > h6:hover'
		);
		
		echo calla_elated_dynamic_css( $mobile_nav_item_selector_hover, $mobile_nav_item_hover_styles );
		
		// mobile dropdown deeper levels menu style
		
		$mobile_dropdown_style = calla_elated_get_typography_styles( 'mobile_dropdown_text' );
		
		$mobile_dropdown_selector = array(
			'.eltdf-mobile-header .eltdf-mobile-nav ul ul li a',
			'.eltdf-mobile-header .eltdf-mobile-nav ul ul li h6'
		);
		
		echo calla_elated_dynamic_css( $mobile_dropdown_selector, $mobile_dropdown_style );
		
		
		$mobile_nav_dropdown_item_hover_styles = array();
		$mobile_nav_dropdown_hover_color       = calla_elated_options()->getOptionValue( 'mobile_dropdown_text_hover_color' );
		
		if ( ! empty( $mobile_nav_dropdown_hover_color ) ) {
			$mobile_nav_dropdown_item_hover_styles['color'] = $mobile_nav_dropdown_hover_color;
		}
		
		$mobile_nav_dropdown_item_selector_hover = array(
			'.eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-ancestor > a',
			'.eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-item > a',
			'.eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-ancestor > h6',
			'.eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-item > h6',
			'.eltdf-mobile-header .eltdf-mobile-nav ul ul li a:hover',
			'.eltdf-mobile-header .eltdf-mobile-nav ul ul li h6:hover'
		);
		
		echo calla_elated_dynamic_css( $mobile_nav_dropdown_item_selector_hover, $mobile_nav_dropdown_item_hover_styles );
	}
	
	add_action( 'calla_elated_style_dynamic', 'calla_elated_mobile_navigation_styles' );
}

if ( ! function_exists( 'calla_elated_mobile_logo_styles' ) ) {
	/**
	 * Generates styles for mobile logo
	 */
	function calla_elated_mobile_logo_styles() {
		$logo_height          = calla_elated_options()->getOptionValue( 'mobile_logo_height' );
		$mobile_logo_height   = calla_elated_options()->getOptionValue( 'mobile_logo_height_phones' );
		$mobile_header_height = calla_elated_options()->getOptionValue( 'mobile_header_height' );
		
		if ( ! empty( $logo_height ) ) { ?>
			@media only screen and (max-width: 1024px) {
			<?php echo calla_elated_dynamic_css(
				'.eltdf-mobile-header .eltdf-mobile-logo-wrapper a',
				array( 'height' => calla_elated_filter_px( $logo_height ) . 'px !important' )
			); ?>
			}
		<?php }
		
		if ( ! empty( $mobile_logo_height ) ) { ?>
			@media only screen and (max-width: 480px) {
			<?php echo calla_elated_dynamic_css(
				'.eltdf-mobile-header .eltdf-mobile-logo-wrapper a',
				array( 'height' => calla_elated_filter_px( $mobile_logo_height ) . 'px !important' )
			); ?>
			}
		<?php }
		
		if ( ! empty( $mobile_header_height ) ) {
			echo calla_elated_dynamic_css( '.eltdf-mobile-header .eltdf-mobile-logo-wrapper a', array( 'max-height' => calla_elated_filter_px( $mobile_header_height ) . 'px' ) );
		}
	}
	
	add_action( 'calla_elated_style_dynamic', 'calla_elated_mobile_logo_styles' );
}

if ( ! function_exists( 'calla_elated_mobile_icon_styles' ) ) {
	/**
	 * Generates styles for mobile icon opener
	 */
	function calla_elated_mobile_icon_styles() {
		$icon_color       = calla_elated_options()->getOptionValue( 'mobile_icon_color' );
		$icon_hover_color = calla_elated_options()->getOptionValue( 'mobile_icon_hover_color' );
		
		if ( ! empty( $icon_color ) ) {
			echo calla_elated_dynamic_css( '.eltdf-mobile-header .eltdf-mobile-menu-opener a', array( 'color' => $icon_color ) );
		}
		
		if ( ! empty( $icon_hover_color ) ) {
			echo calla_elated_dynamic_css( '.eltdf-mobile-header .eltdf-mobile-menu-opener a:hover, .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opened a', array( 'color' => $icon_hover_color ) );
		}
	}
	
	add_action( 'calla_elated_style_dynamic', 'calla_elated_mobile_icon_styles' );
}