<?php /* NOTE: GENERATED BY GULP !!! */ ?><?php
$flo_header__dropdown_menu_background_color = flo_data($data, "flo-lovely2-header__dropdown-menu-background-color","#090909");
$flo_header__dropdown_menu_color = flo_data($data, "flo-lovely2-header__dropdown-menu-items-color","#fff");
$flo_header__menu_use_another = flo_data($data, "flo-lovely2-header__use-another-menu");
$flo_header__menu_to_use = flo_data($data, "flo-lovely2-header__menu-to-use");
$flo_header__logo_max_width_c = rem_calc(flo_data($data, "flo-lovely2-header__logo-max-width", 176) );
$flo_header__logo_max_width_tablet_c = rem_calc(flo_data($data, "flo-lovely2-header__logo-max-width--tablet", 176) );
$menu_items_font = flo_font_data($data, "flo-lovely2-header__menu-items-font");
$dropdown_items_font = flo_font_data($data, "flo-lovely2-header__dropdown-menu-items-font");
$display_search = flo_data($data, "flo-lovely2-header__display-search");
if(isset($dropdown_items_font["active"])) {
  $dropdown_active_item_font = $dropdown_items_font["active"];
}else{
  $dropdown_active_item_font = '';
}
//width: calc((100% - 10rem) / 2);
?>
<?php echo $__env->make('core.style', [
  "breakpoint__general" => "

    /* START: MENU */
      ".
      flo_render_typography_styles(
      $b__uniq_for_css." ".$b__for_css."__menu > div > ul > li > a",
      $menu_items_font
      )
      ."

      ".
      flo_render_typography_styles(
      $b__uniq_for_css." ".$b__for_css."__menu .sub-menu a",
      $dropdown_items_font
      )
      ."

      ".
      flo_render_typography_styles(
      $b__uniq_for_css." ".$b__for_css."__search-form-input",
      $menu_items_font
      )."


      ".$b__uniq_for_css." ".$b__for_css."__menu .sub-menu li.current-menu-item a,
      ".$b__uniq_for_css." ".$b__for_css."__menu .sub-menu li.current-menu-parent a
      {
        ".$dropdown_active_item_font."
      }
    /* END: MENU */

    /* START: DROPDOWNS */
      ".$b__uniq_for_css." ".$b__for_css."__menu ul ul {
        background-color: ".$flo_header__dropdown_menu_background_color.";
      }
      ".$b__uniq_for_css." ".$b__for_css."__menu ul ul:after {
        border-color: transparent transparent ".$flo_header__dropdown_menu_background_color." transparent!important;
      }

      ".$b__uniq_for_css." ".$b__for_css."__menu ul ul a {
        color: ".$flo_header__dropdown_menu_color."!important;
      }

      ".$b__uniq_for_css." ".$b__for_css."__menu li ul li > a:before {
        background-color: ".$flo_header__dropdown_menu_color.";
      }

    /* END: DROPDOWNS */

  ",
  "breakpoint__medium_up" => "
    ".$b__uniq_for_css." ".$b__for_css."__menu{
      width: calc(50% - " . $flo_header__logo_max_width_c . " / 2 );
    }
  "
], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<div class="<?php echo $b; ?> <?php echo $b__uniq; ?> <?php echo $b; ?>--type-c">
  <div class="<?php echo $b; ?>__menu-donor">
    <?php if($flo_header__menu_use_another): ?>
      <?php
        global $dif_mob_menu, $dif_mob_menu_id;
        // global variables for usage in mobile header popup
        $dif_mob_menu = true;
        $dif_mob_menu_id = $flo_header__menu_to_use;
        
        $menu = wp_get_nav_menu_object($flo_header__menu_to_use);
        $menu_slug = $menu->slug;
      ?>
      <?php echo wp_nav_menu(
          array(
            "container_class" => $b . "__menu-wrap",
            "menu_class" => $b . "__menu-items",
            "menu_id" => $flo_header__menu_to_use,
            "menu" => $menu_slug
          )
        );; ?>

    <?php else: ?>
      <?php echo wp_nav_menu(
          array(
            "container_class" => $b . "__menu-wrap",
            "menu_class" => $b . "__menu-items",
            'theme_location' => 'primary'
          )
        );; ?>

    <?php endif; ?>
    <?php if($display_search): ?>
      <div class="<?php echo $b; ?>__search-wrap">
        <div class="<?php echo $b; ?>__search-trigger">
          <div class="<?php echo $b; ?>__search-trigger-icon <?php echo $b; ?>__search-trigger-icon--open">
            <i class="flo-icon-search"></i>
          </div>
          <div class="<?php echo $b; ?>__search-trigger-icon <?php echo $b; ?>__search-trigger-icon--close">
            <i class="flo-icon-close-icon"></i>
          </div>
        </div>

        <form class="<?php echo $b; ?>__search-form" action="<?php echo home_url("/"); ?>" method="get">
          <input class="<?php echo $b; ?>__search-form-input flo-no-styling" name="s" placeholder="<?php echo __("SEARCH") ?>" type="text" value="">
          <button class="<?php echo $b; ?>__search-form-submit" type="submit" >
            <i class="<?php echo $b; ?>__search-icon flo-icon-search"></i>
          </button>
        </form>
      </div>
    <?php endif; ?>
  </div>

  <div class="<?php echo $b; ?>__menu <?php echo $b; ?>__menu--left">
    <div class="<?php echo $b; ?>__menu-wrap">
      <ul class="<?php echo $b; ?>__menu-items">

      </ul>
    </div>
  </div>

  <?php echo $__env->make('components.flo-header__logo', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

  <div class="<?php echo $b; ?>__menu <?php echo $b; ?>__menu--right">
    <div class="<?php echo $b; ?>__menu-wrap">
      <ul class="<?php echo $b; ?>__menu-items">

      </ul>
    </div>
  </div>
</div>
