/* =========================================================
   Header compact au scroll
   ---------------------------------------------------------
   Le JS de all.min.js retire la classe "active" de .top-bar
   et ajoute "t-[0]" sur .header quand on scrolle (> 30px).
   On se sert de ces deux etats comme declencheurs, au lieu
   de faire disparaitre la barre du haut : elle reste visible
   mais tout le header passe en version reduite.

   Hauteurs :
     - repos   : top-bar 38px + header 100px = 138px
     - scrolle : top-bar 26px + header  70px =  96px
   ========================================================= */

/* --- Barre du haut : reduite au lieu de repliee --- */
.top-bar:not(.active) {
	height: 26px;
}

.top-bar:not(.active) .customer-reviews,
.top-bar:not(.active) .group-button a {
	font-size: 11px;
	line-height: 14px;
}

.top-bar:not(.active) .group-button {
	padding-left: 15px;
}

.top-bar:not(.active) .group-button a {
	padding: 2px 10px;
}

/* L'iframe des avis a une taille fixe imposee par le service
   externe : on ne peut que la mettre a l'echelle. */
.top-bar:not(.active) iframe {
	transform: scale(0.82);
	transform-origin: center center;
}

/* --- Header : se recale sous la barre reduite --- */
.header.t-\[0\] {
	top: 26px;
}

/* --- Version compacte du header (desktop uniquement) --- */
@media (min-width: 1251px) {

	.header.t-\[0\] #inner-header {
		height: 70px;
	}

	.header.t-\[0\] #inner-header .top-header-logo {
		max-width: 120px;
		margin-right: 70px;
		transition: 0.3s all ease-in-out;
	}

	.header.t-\[0\] #inner-header .top-header-logo img {
		width: 120px;
		height: auto;
	}

	/* Les sous-menus sont positionnes en absolu par rapport au
	   header : il faut remonter leur point d'ancrage. */
	.header.t-\[0\] #inner-header .top-header-right .menu-item .sub-menu {
		top: 70px;
	}
}

/* --- Transitions --- */
/* .top-bar et .header portent deja la classe "transition"
   (0.3s all ease-in-out) ; on ajoute seulement ce qui ne
   l'a pas. */
#inner-header,
#inner-header .top-header-logo img {
	transition: 0.3s all ease-in-out;
}