/**
* Toolbar classes
*
* @author splitfire - http://splitfire.fr
* @version 1.0
*
*/


/* Toolbar action (list, create etc...)
-----------------------------------------*/
.toolbar_action
{
	position: fixed;
	width: 100%;
	height: $toolbarActionHeight; 
	line-height: $toolbarActionHeight;
	overflow: hidden;
	background-color: $toolbarActionColor;
	top: $headerHeight;
	left: 0;
	z-index: 10;
	
}
.toolbar_action--menu
{
	@include after();	
	padding-left: $menuOpen + 5px;
	
	// Traitement du padding lorsque le menu est fermé
	.menu-close &
	{
		padding-left: $menuClose + 5px;
	}
	
	// Traitement du padding lorsque le Menu est ouvert/fermé en rwd
	// On ne fait aucune disctinction, car le menu passe au-dessus du content	
	@include mq(false, tablet){padding-left: $menuClose + 5px;}	
}

.toolbar_action--menu_container
{
	// Représente un li du menu
	& .toolbar_action--menu_item
	{
		float: left;
		margin-right:8px;
		/* El présent dans les li.toolbar_action--menu_item
		---------------------------------------------------*/
		& .toolbar_action--menu_link
		{
			display: block;
			outline: none;
			padding-right: 8px;
			text-decoration: none;
			color: white;
			
			&:hover, 
			&.active
			{
				background-color:rgba(255,255,255, 0.25);

			}
			&.active
			{
				background-color:rgba(255,255,255, 0.25);
			}
		}
		// Margin appliqué lorsque qu'il y a plus d'un element cote à cote
		& + .toolbar_action--menu_item
		{
			margin-left:8px;
			& .toolbar_action--menu_link
			{
				padding-left: 8px;
			}
		}
		// Support des boutons
		& .btn
		{
			margin-top: 2px;
		}		
	}
	
	// Placement de liens sur la droite
	&.toolbar_action--menu_right
	{
		float: right;
	}
}

/* Toolbar filter (select, radio etc...)
------------------------------------------*/
.toolbar_filter
{
	position: fixed;
	width: 100%;
	height: 40px; // hauteur du champs de recherche
	@include mq(phone){height: 85px;}
	line-height: 40px;
	padding: 4px 0;
	background-color: #fff;
	top: $headerHeight + $toolbarActionHeight;
	left: 0;
	z-index: 10;
	&:after
	{
		content: "";
		display: block;
		margin-top: 5px;
		width: 100%;
		height: 20px;
		box-shadow: 0 -1px 0 #f1f1f1;
		@include background(linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)));
	}
}
.toolbar_filter--menu
{
	@include after();	
	padding-left: $menuOpen + 5px;
	@include mq(false, tablet){padding-left: $menuClose + 5px; }
		
	.menu-close &
	{
		padding-left: $menuClose + 5px;
	}	
	& .toolbar_filter--menu_item
	{
		float: left;
		position: relative;
		min-height: 40px;
		padding-right: 18px;
		&.toolbar_filter--separator:after
		{
			display: block;
			position: absolute;
			top:0;
			right: 0;
			content: "";
			width: 1px;
			height: 100%;
			border-left: 1px solid #f1f1f1;
			@include mq(phone){display: none;}

		}
		// Lorsque plusieurs filtre sont l'un à coté de l'autre.
		&.toolbar_filter--separator + *
		{
			margin-left:10px;
			@include mq(phone){margin-left:0;}
		}
	}
	& .toolbar_filter--menu_item_right
	{
		float: right;
	}
}


/* Toolbar form (input, cancel)
----------------------------------*/
.toolbar_result
{
	position: fixed;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 4px 0;
	background-color: $toolbarResultColor;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.toolbar_result--menu
{

	@include after();	
	padding-left: $menuOpen + 5px;

	// Traitement du padding lorsque le Menu est fermé
	.menu-close &
	{
		padding-left: $menuClose + 5px;
	}
	// Traitement du padding lorsque le Menu est ouvert/fermé en rwd
	// On ne fait aucune disctinction, car le menu passe au-dessus du content
	@include mq(false, tablet){padding-left: $menuClose + 5px;}	
}