<?php /* NOTE: GENERATED BY GULP !!! */ ?><?php
  global $header_type_h, $display_featured_link, $featured_link_label, $featured_link_font, $featured_link_url;

  $b = "flo-mobile-menu";
  $b__for_css = ".".$b;

  $use_custom_popup_logo = flo_get_option("flo-lovely2-header-mobile-popup__use-custom-logo", false);
  $mobile_logo_width = flo_get_option("flo-lovely2-header-mobile-header__logo-max-width", 160);

  if ($use_custom_popup_logo) {
    /* START: USE CUSTOM MOBILE LOGO */
      $custom_popup_logo_type = flo_get_option("flo-lovely2-header-mobile-popup__logo-type", false);
      $custom_popup_logo_text = flo_get_option("flo-lovely2-header-mobile-popup__logo-text", false);
      $custom_popup_logo_image = flo_get_option("flo-lovely2-header-mobile-popup__logo-image", false);
      $optimize_mobile_popup_logo = flo_get_option("optimize_mobile_logo_image", false);

      $popup_logo_type = $custom_popup_logo_type;
      $popup_logo_text = $custom_popup_logo_text;
      if ($popup_logo_type == 'image') {
        if ($optimize_mobile_popup_logo) {
          $popup_logo_image = resize_logo($custom_popup_logo_image, $mobile_logo_width);
        } else {
          $popup_logo_image = $custom_popup_logo_image;
        }
      }
    /* END: USE CUSTOM MOBILE LOGO */
  }

  $flo_mobile_header__use_another = flo_get_option("flo-lovely2-header-mobile-popup__use-another-menu", false);
  $flo_mobile_header__another_menu = flo_get_option("flo-lovely2-header-mobile-popup__menu-to-use");

  $bgc = flo_get_option("flo-lovely2-header-mobile-popup__background-color", false);
  $elements_color = flo_get_option("flo-lovely2-header-mobile-popup__elements-color", false);
  $close_button_label = flo_get_option("flo-lovely2-header-mobile-popup__close-button-label", false);
  $display_social_links = flo_get_option("flo-lovely2-header-mobile-popup__display-social-links");

  $mobile_popup_layout = flo_get_option("flo-fiji2-header-mobile-popup__type", "type-a");
  if ($mobile_popup_layout == "type-a") {
    $mobile_popup_class = $b ."__popup-type-a";
  } else {
    $mobile_popup_class = $b ."__popup-type-b";
  }

?>
<?php echo $__env->make('core.style', [
  "breakpoint__small_only" => "
    ".$b__for_css." {
      background-color: ".$bgc.";
      color: ".$elements_color.";
    }

    /* START: DROPDOWN ITEMS */
      ".$b__for_css."__menu > li
      {
        border-bottom-color: ".hex2rgba($elements_color, 0.15)."!important;
      }

      ".$b__for_css."__menu-dropdown-toggle
      {
        color: ".hex2rgba($elements_color, 0.15)."!important;
      }
    /* END: DROPDOWN ITEMS */

  "
], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php if($header_type_h): ?>
  <?php echo $__env->make('core.style', [
    "breakpoint__small_only" => "

      ".
      flo_render_typography_styles(
      $b__for_css."__featured-link",
      $featured_link_font
      )
      ."
    "
  ], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php endif; ?>
<div class="<?php echo $b; ?> <?php echo $mobile_popup_class; ?>" data-onready="flo_mobile_menu">
  <div class="<?php echo $b; ?>__top-area">
    <?php if(!$use_custom_popup_logo): ?>
      <?php echo $__env->make('components.flo-header-mobile__logo', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php else: ?>
      <a href="<?php echo get_home_url(); ?>" class="flo-header-mobile__logo">
        <?php if($popup_logo_type == "image"): ?>
          <img class="flo-header-mobile__logo-image flo-header-mobile__logo-image--default" src="<?php echo $popup_logo_image; ?>" alt="<?php echo get_bloginfo( 'name' ); ?>"/>
        <?php elseif($popup_logo_type == "text"): ?>
          <?php echo $popup_logo_text; ?>

        <?php elseif($popup_logo_type == "site-title" || !$popup_logo_type): ?>
          <?php echo get_bloginfo( 'name' );; ?>

        <?php endif; ?>
      </a>
    <?php endif; ?>
    <div class="<?php echo $b; ?>__close">
      <?php echo $close_button_label; ?>

    </div>
  </div>

  <?php echo $__env->make('components.flo-header-mobile-menu__menu', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
  <?php if($header_type_h): ?>
    <?php if($display_featured_link): ?>
      <a class="<?php echo $b; ?>__featured-link" href="<?php echo $featured_link_url; ?>">
        <?php echo $featured_link_label; ?>

      </a>
    <?php endif; ?>
  <?php endif; ?>

  <div class="<?php echo $b; ?>__bottom-area">
    <?php if($display_social_links): ?>
      <div class="<?php echo $b; ?>__social-links">
        <?php echo $__env->make('components.social-links', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
      </div>
    <?php endif; ?>
    <?php echo $__env->make('components.flo-header-mobile-menu__copyright-area', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
  </div>
</div>

<?php /* <script type="text/javascript">
  // DEV -> Trigger mobile menu on page load
  jQuery(function($){
    setTimeout(function () {
      $(".flo-header-mobile__menu-trigger").click();
    }, 10);
  });
</script> */ ?>
