/* ======================================================================
  Room Guests
======================================================================== */
%room-guests {
	width: 55px;
	height: 30px;
	display: block;
}

.v2-room-guests {
	@extend %room-guests;
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: right;
	z-index: 9;
	font-size: font("m");
}

.v2-no-variation-group .v2-room-guests {
	top: 0;
	right: 0;
}

.v2-pg-guest {
	@extend %room-guests;
	font-size: font("s");
	color: $grey;
}

/* ==================================
  Guests icons set
===================================== */
span[class*=" icon-guest-"]:after {
	float: left;
	margin: 4px 3px 0 0;
	font-size: font("xs");
}

.icon-guest-onePlusChild:before {
	content: $icon-guest-one-plus;
}

.icon-guest-doublePlusOne:before,
.icon-guest-doublePlusOneAdult:before { 
	content: $icon-guest-double-plus; 
}

.icon-guest-threePlus:before { 
	content: $icon-guest-three-plus; 
} 

.icon-guest-four:before {
	content: $icon-guest-four;
}

.icon-guest-fourPlusChild:before,
.icon-guest-fourPlus:before { 
	content: $icon-guest-four-plus;
}

/* Icons > 4 */
.icon-guest-five:before,
.icon-guest-six:before,
.icon-guest-seven:before,
.icon-guest-eight:before,
.icon-guest-nine:before,
.icon-guest-ten:before,
.icon-guest-eleven:before,
.icon-guest-twelve:before,
.icon-guest-fourteen:before,
.icon-guest-sixteen:before,
.icon-guest-seventeen:before,
.icon-guest-eighteen:before,
.icon-guest-nineteen:before,
.icon-guest-twenty:before {
	content: $icon-guest-one;
}

.icon-guest-fivePlus:before,
.icon-guest-fivePlusChild:before,
.icon-guest-sixPlus:before,
.icon-guest-sixPlusOne:before,
.icon-guest-twentyPlus:before {
	content: $icon-guest-one-plus;
}

/* Numbers > 4 */

.icon-guest-five:after,
.icon-guest-fivePlus:after,
.icon-guest-fivePlusChild:after {
	content: '5';
}

.icon-guest-six:after,
.icon-guest-sixPlus:after,
.icon-guest-sixPlusOne:after {
	content: '6';
}

.icon-guest-seven:after {
	content: '7';
}

.icon-guest-eight:after {
	content: '8';
}

.icon-guest-nine:after {
	content: '9';
}

.icon-guest-ten:after {
	content: '10';
}

.icon-guest-eleven:after {
	content: '11';
}

.icon-guest-twelve:after {
	content: '12';
}

.icon-guest-fourteen:after {
	content: '14';
}

.icon-guest-sixteen:after {
	content: '16';
}

.icon-guest-seventeen:after {
	content: '17';
}

.icon-guest-eighteen:after {
	content: '18';
}

.icon-guest-nineteen:after {
	content: '19';
}

.icon-guest-twenty:after,
.icon-guest-twentyPlus:after {
	content: '20';
}