/* =================================================================================== 
 * File : products_list.css
 * Description : Products list page styles
 * Authors : Hamza Iqbal - hiqbal[at]actualys.com
/* =================================================================================== */

/* ============================================================= */
/* STRUCTURE */
/* ============================================================= */

/* ============================================================= */
/* FILTERS */
/* ============================================================= */

/* Desktop / Tablet */
.petit #products-filters,
.moyen #products-filters 
{ 
	display: block !important; 
}

/* Mobile */
.mobile #products-filters 
{
	display: none;
}

.mobile #products-filters-groups
{
	border-top: 0; 
}

/**
 * Selection
 ******************************************/
.mobile #products-filters-selection { display: none; }

/**
 * Mobile Button
 ******************************************/
#products-filters-btn
{
	border: solid #ccc;
	border-width: 1px 0;
	display: none; 
	text-align: center;
}

#products-filters-btn button
{
	background: 0;
	border: solid #ccc;
	border-width: 0 1px;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 30px;
	margin: 0;
	padding: 0 20px;
	text-transform: uppercase;
}

#products-filters-btn button.active
{
	background: #efefef;
}

#products-filters-btn button:after
{
	background: url(../img/pi_filters_open.png) 0 0 no-repeat;
	content: '';
	display: inline-block;
	line-height: 3px;
	height: 5px;
	width: 9px;
	margin: -3px 0 0 10px;
	vertical-align: middle;
}

#products-filters-btn button.active:after
{
	background-image: url(../img/pi_filters_close.png);
}

.mobile #products-filters-btn
{
	display: block;
}

/**
 * Filters selection
 ******************************************/
#products-filters-selection li
{
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	font-weight: 300;
	margin: 0 30px 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#products-filters-selection li.first { margin-left: 0; }

#products-filters-selection li a
{
	background: url('../img/pi_remove_filter.png') no-repeat;
	display: inline-block;
	margin: 0 0 0 5px;
	overflow: hidden;
	height: 8px;
	text-indent: 100%;
	width: 8px;
	white-space: nowrap;
}


/**
 * Groups list
 ******************************************/
#products-filters-groups
{
	background: #fff;
	border: solid #ccc;
	border-width: 1px 0;
	color: #000;
	list-style: none;
	font-size: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 0;
	text-align: center;
	text-transform: uppercase;
	z-index: 200;
}

#products-filters-groups a { color: #000; }

#products-filters-groups > li
{
	border: 1px solid;
	border-color: #ccc transparent;
	display: inline-block;
	font-size: 12px;
	margin: -1px 0;
}

#products-filters-groups > li > a
{
	display: block;
	line-height: 30px;
	letter-spacing: 1px;
	padding: 0 15px;
	position: relative;
}

#products-filters-groups > li + li > a:before,
#products-filters-groups > li > a:after
{
	display: inline-block;  
}

#products-filters-groups > li + li > a:before
{
	content: '|';
	color: #eaeaea;
	position: absolute;
	left: 0;
}

#products-filters-groups > li.active
{
	background: #efefef;
	border-color: #ccc #ccc transparent;
}

#products-filters-groups > li.active > a:before,
#products-filters-groups > li.active + li > a:before { display: none; }

#products-filters-groups > li > a:after
{
	background: url(../img/pi_filters_open.png) 0 0 no-repeat;
	content: '';
	line-height: 3px;
	height: 5px;
	width: 9px;
	margin: -3px 0 0 10px;
	vertical-align: middle;
}

#products-filters-groups > li.active > a:after
{
	background-image: url(../img/pi_filters_close.png);
}


/* Sticky mode */
.sticky #products-filters-groups { position: fixed; }
.mobile .sticky #products-filters-groups { position: relative; }

.moyen .sticky #products-filters-groups { width: 940px; }
.petit .sticky #products-filters-groups { width: 620px; }
.mobile .sticky #products-filters-groups { width: auto; }


/* Desktop */
.moyen #products-filters-groups > li { min-width: 140px; }

/* Tablet */
.petit #products-filters-groups > li > a { padding: 0 10px; }
.petit #products-filters-groups > li > a:after { margin-left: 10px; } 

/* Mobile */
.mobile #products-filters-groups 
{
	border-bottom: 0; 
	text-align: left; 
}

.mobile #products-filters-groups > li
{
	display: block;
	border: 0;
	margin: 0;
}

.mobile #products-filters-groups > li.active > a { background: url('../img/fleche_retour.png') 10px 50% no-repeat; }

.mobile #products-filters-groups > li + li { border-top: 1px solid #ccc; }

.mobile #products-filters-groups > li > a 
{ 
	background: #efefef;
	line-height: 35px;
	padding: 0 15px; 
	text-align: center;
}

.mobile #products-filters-groups > li > a:after { display: none; }

.mobile #products-filters-groups > li + li > a:before { display: none; }

.mobile #products-filters-groups > li > a:after
{
	line-height: 1;
	margin: 0;
	position: absolute;
	top: 50%;
	right: 15px;
}

/**
 * Placeholder
 ******************************************/
#products-filters-groups-placeholder
{
	display: none;
	min-height: 32px;
}

.sticky #products-filters-groups-placeholder { display: block; }
.mobile .sticky #products-filters-groups-placeholder { display: none; }


/**
 * Group section
 ******************************************/
#products-filters-groups .products-filters-group
{
	overflow: hidden;
	text-align: left;
}

#products-filters-groups .products-filters-group
{
	background: #efefef;
	display: none;
	position: absolute;
	top: 31px;
	left: 0;
	right: 0;
	/* fix chrome bug */
	-webkit-transform: scale3d(1,1,1);
}

#products-filters-groups .products-filters-group .loader
{
	background: url('../img/bg_20.png');
	display: none;
	position: absolute;
	top: 0;
	bottom: 33px;
	left: 0;
	right: 0;
}

#products-filters-groups .products-filters-group .loader:after
{
	background: transparent url('../img/ajax-loader.gif?t=1411573743') 50% 50% no-repeat;
	border-radius: 5px;
	height: 40px;
	width: 40px;
	margin: -20px auto 0;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 50%;
}

.mobile #products-filters-groups .products-filters-group
{
	position: static;
	top: auto;
	left: auto;
	right: auto;
}

#products-filters-groups .products-filters-group .content
{
	color: #646464;
	padding: 20px 35px;
}

#products-filters-groups .products-filters-group .content .row:first-child { margin-bottom: 20px; }

.mobile #products-filters-groups .products-filters-group .content .row { margin: 0; }

.mobile #products-filters-groups .products-filters-group .content .row:first-child { border-bottom: 1px solid #e0e0e0; }

/* Actions */
#products-filters .actions
{
	background: #f7f7f7;
	clear: both;
	overflow: hidden; 
	padding: 5px 35px;
}

#products-filters .actions a { color: #000; }

#products-filters .actions a:hover { text-decoration: underline; }

#products-filters .actions a:before
{
	display: inline-block;
	font-family: arial, sans-serif;
	margin-right: 5px;
	text-transform: none;
}

#products-filters .actions .more
{
	font-family: 'original_garamonditalic';
	float: left;
	font-size: 16px;
	text-transform: none;
    display: none;
}

#products-filters .actions .more:before
{
	content: '';
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #000;
	height: 0;
	width: 0;
	/*vertical-align: middle;*/
}

#products-filters .actions .close
{
	float: right;
	font-family: 'Oswald', sans-serif;
	font-size: 11px;	
	letter-spacing: 1px;
	text-transform: uppercase;
}

#products-filters .actions .close:before
{
	content: 'x';
	font-size: 17px;
}

#products-filters > .actions { display: none; }

.mobile #products-filters > .actions 
{ 
	display: block;
	padding-right: 0;
}

.moyen #products-filters-groups .facetapi-facet-taxonomy-parents-all .facetapi-berluti-checkbox
{
	display: flex;
	flex-wrap: wrap;
	-webkit-display: flex;
	-webkit-flex-wrap: wrap;
	-ms-display: flex;
	-ms-flex-wrap: wrap;
}

.mobile .products-filters-group .form-col .form-row + .form-row .facet-wrapper-checkboxes > .item-list,
.mobile .products-filters-group .facetapi-berluti-checkbox .item-list,
.mobile .products-filters-group .facetapi-berluti-boolean .item-list { display: none; }

.page-search-product-shoes .mobile .products-filters-group .form-col .form-row + .form-row .facet-wrapper-checkboxes > .item-list { display: block; }

.page-search-product-accessories .form-col-triple {width: 455px;}
.page-search-product-accessories .form-col-triple .facetapi-facet-field-sap-function-acc-rtwparents-all > li.last {margin-right: 0;}

#products-filters-groups .facetapi-facet-taxonomy-parents-all .facetapi-berluti-checkbox > li 
{
	border-right: 1px solid #e0e0e0;
	margin-right: 18px; 
}

#products-filters-groups .form-row > .form-item label,
#products-filters-groups .facetapi-facet-taxonomy-parents-all .facetapi-berluti-checkbox > li > .form-item label { color: #000; }

#products-filters-groups .facetapi-facet-field-sap-subline-rtwparents-all li,
#products-filters-groups .facetapi-facet-field-sap-function-leatherparents-all li,
#products-filters-groups .facetapi-facet-field-sap-function-acc-rtwparents-all li { vertical-align: top; }

#products-filters-groups .facetapi-facet-field-sap-subline-rtwparents-all .item-list ul li,
#products-filters-groups .facetapi-facet-field-sap-function-leatherparents-all .item-list ul li,
#products-filters-groups .facetapi-facet-field-sap-function-acc-rtwparents-all .item-list ul li { display: block; }

/* Tablet */
.petit #products-filters-groups .products-filters-group .content .row { margin: 0; }

.petit #products-filters-groups .facetapi-facet-taxonomy-parents-all .facetapi-berluti-checkbox > li 
{ 
	display: block; 
	border-right: 0;
	border-top: 1px solid #e0e0e0;
	padding: 10px 0;
	margin: 0; 
}

.petit #products-filters-groups .facetapi-facet-taxonomy-parents-all .facetapi-berluti-checkbox > li > .form-item { width: auto; }

.petit #products-filters-groups .facetapi-facet-taxonomy-parents-all .facetapi-berluti-checkbox > li > .item-list li { display: inline-block; } 

/* Mobile */
.mobile #products-filters-groups .facetapi-facet-taxonomy-parents-all .facetapi-berluti-checkbox > li
{
	border-bottom: 1px solid #e0e0e0;
	border-right: 0;
	display: block;
	margin-right: 0;
}

.mobile #products-filters-groups .form-row > .form-item,
.mobile #products-filters-groups .facetapi-facet-taxonomy-parents-all .facetapi-berluti-checkbox > li > .form-item
{
	background: url('../img/pi_filters_open.png') 275px 50% no-repeat;
}

.mobile #products-filters-groups .form-row > .form-item.close,
.mobile #products-filters-groups .facetapi-facet-taxonomy-parents-all .facetapi-berluti-checkbox > li > .form-item.close
{
	background-image: url('../img/pi_filters_close.png');
}

.mobile #products-filters-groups .form-item-group-check { background: none !important; }

.mobile #products-filters-groups .products-filters-group .content
{
	border-top: 1px solid #ccc;
	padding: 0;
}

.mobile #products-filters-groups .products-filters-group .actions { padding: 5px 15px; }

.mobile #products-filters-groups .products-filters-group .actions .more
{
	font-size: 13px;
	margin-top: 3px; 
}

/**
 * Filters fields
 ******************************************/
#products-filters-groups .products-filters-group input[type=checkbox],
#products-filters-groups .products-filters-group input[type=radio]
{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

#products-filters-groups .products-filters-group label
{
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 0 0 0 25px;
	position: relative;
}

#products-filters-groups .products-filters-group .facetapi-facet-field-sap-material label
{
    min-height: 32px;
}

#products-filters-groups .products-filters-group label:before
{
	background: #fff 50% 50% no-repeat;
	border: 1px solid #dedede;
	content: '';
	display: inline-block;
	height: 18px;
	width: 18px;
	position: absolute;
	top: -2px;
	left: 0;
}

/* Checked */
#products-filters-groups .products-filters-group .checked { color: #000; }
#products-filters-groups .products-filters-group .checked label:before { background-image: url(../img/pi_filters_checked.png); }

/* Disabled */
#products-filters-groups .products-filters-group .disabled
{
	opacity: .3;
	filter: alpha(opacity=30);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
}

/* Items */
#products-filters-groups .products-filters-group .form-item
{
	margin: 10px 0;
}

#products-filters-groups .products-filters-group .form-item-pic
{
	margin-bottom: 30px;
}

#products-filters-groups .products-filters-group .form-row
{
	font-size: 0;
}

#products-filters-groups .products-filters-group .form-row .form-item
{
	font-size: 12px;
	display: inline-block;
	padding: 0 20px 0 0;
	vertical-align: top;
	width: 160px;
}

.petit #products-filters-groups .products-filters-group .form-row .form-item,
.mobile #products-filters-groups .products-filters-group .form-row .form-item
{
	font-size: 11px;
	width: 135px;
}

.mobile #products-filters-groups .products-filters-group .form-row .form-item
{
	display: block;
	margin: 0;
	overflow: hidden; 
	padding: 15px;
	width: auto;
}

#products-filters-groups .products-filters-group .form-row .form-item-large
{
	display: block;
	width: auto !important;
}

/* Cols */
#products-filters-groups .products-filters-group .form-col
{
	border: solid #e0e0e0;
	border-width: 0 0 0 1px;
	float: left;
	padding: 0 0 0 9px;
	width: 135px;
}

#products-filters-groups .products-filters-group .row .form-col { border: 0; }

.petit #products-filters-groups .products-filters-group .form-col,
.mobile #products-filters-groups .products-filters-group .form-col
{
	border-width: 1px 0 0;
	margin: 10px 0 0;
	padding: 10px 0 0;
	float: none;
	width: auto;
}

.mobile #products-filters-groups .products-filters-group .form-col 
{ 
	margin: 0; 
	padding: 0;
}

#products-filters-groups .products-filters-group .form-col-first
{
	border-left: 0;
	padding-left: 0;
}

.petit #products-filters-groups .products-filters-group .form-col-first,
.mobile #products-filters-groups .products-filters-group .form-col-first
{
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

#products-filters-groups .products-filters-group .form-col-double { width: 300px; }
#products-filters-groups .products-filters-group .form-col-triple { width: 435px; }

#products-filters-groups .products-filters-group .row .form-col-double { width: 346px; }
#products-filters-groups .products-filters-group .row .form-col-double { width: 310px; }

.petit #products-filters-groups .products-filters-group .form-col,
.petit #products-filters-groups .products-filters-group .form-col-double,
.petit #products-filters-groups .products-filters-group .form-col-triple 
{
	margin: 0;
	padding: 0; 
	width: auto; 
}

#products-filters-groups .products-filters-group .form-col .form-row .form-item { width: 135px; }

.mobile #products-filters-groups .products-filters-group .form-col .form-row .form-item { width: auto; }

.page-search-product-rtw #products-filters-groups .row .form-col-first { width: 349px; }
.page-search-product-rtw #products-filters-groups .form-row .form-item { width: 175px; }

.page-search-product-leather #products-filters-groups .form-row .form-item { width: 175px; }
.page-search-product-leather .form-row .facetapi-berluti-checkbox li.last ul
{
	/*-webkit-column-count: 2;*/
	/*-moz-column-count: 2;*/
	/*-o-column-count: 2;*/
	/*column-count: 2;*/
    width: 360px;
}

.page-search-product-leather .form-row .facetapi-berluti-checkbox li.last ul li
{
    display: inline-block;
}

.page-search-product-accessories #products-filters-groups .form-col { padding: 0; }
.page-search-product-accessories #products-filters-groups .form-col .form-row .form-item { width: 266px; }
.page-search-product-accessories #products-filters-groups .form-col-triple { width: 570px; }

/* Pics */
#products-filters-groups .products-filters-group .form-item-pic { position: relative; }
#products-filters-groups .products-filters-group .form-row .form-item-pic { width: 20%; }

.petit #products-filters-groups .products-filters-group .form-row .form-item-pic { width: 180px; }

.mobile #products-filters-groups .products-filters-group .form-row .form-item-pic
{
	display: block;
	margin: 15px 0;
	padding: 0 0 0 35px;
	width: auto;
}

#products-filters-groups .products-filters-group .form-item img
{
	display: block;
	margin: 8px 0 0;
}

.mobile #products-filters-groups .products-filters-group .form-item img
{
	margin: 0;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 24px;
}

/* Desc */
#products-filters-groups .products-filters-group .form-item .desc
{
	display: block;
	font-family: 'OriginalGaramondW01-Roman';
	font-size: 16px;
	line-height: 1.2;
	margin: 8px 0 0;
	text-transform: none;
}

.petit #products-filters-groups .products-filters-group .form-item .desc,
.mobile #products-filters-groups .products-filters-group .form-item .desc { font-size: 14px; }

/* Extra fields */
#products-filters-groups .products-filters-group .extra
{
	border-top: 1px solid #e0e0e0;
	color: #000;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 35px 0 0px;
}

#products-filters-groups .products-filters-group .extra span
{
	background: #efefef;
	display: inline-block;
	position: relative;
	top: -10px;
	padding: 0 5px 0 0;
}


/* ============================================================= */
/* PRODUCTS LIST VIEWS SWITCHER */
/* ============================================================= */
#products-list-views
{ 
	font-size: 0;
	margin: 40px 0;
	text-align: right;
}

.mobile #products-list-views { text-align: center; }

#products-list-views a
{ 
	display: inline-block;
	font-size: 12px;
	margin: 0 0 0 2px;
}

#products-list-views a img
{ 
	border: 1px solid #c3c3c3;
	display: block;
}

#products-list-views a.active { cursor: default; }
#products-list-views a.active img { border-color: #888; }
 


/* ============================================================= */
/* PRODUCTS LIST RESULTS */
/* ============================================================= */
#products-list-results.loading
{
	margin-bottom: 50px;
}

/**
 * Loader
 ******************************************/
#products-list-results  #views_infinite_scroll-ajax-loader
{
	position: absolute;
	bottom: -50px;
}


#products-list-results #views_infinite_scroll-ajax-loader {
	top: auto;
}

/**
 * Item
 ******************************************/
#products-list-results .product-item
{
	background: 0;
	border: 0;
	float: left;
	width: 300px;
}

/* Images */
#products-list-results .product-item .product-img,
#products-list-results .product-item .commerce-product-field.field-field-images.commerce-product-field-empty
{
	height: 300px;
	width: 300px;
}

#products-list-results .product-item .product-img,
#products-list-results .product-item .commerce-product-field.field-field-images.commerce-product-field-empty
{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

#products-list-results .product-item .product-img img
{
	display: none;
	position: static;
	transition: none;
	-webkit-transition: none;
}

.no-js #products-list-results .product-item .product-img img,
#products-list-results .product-item[data-view="1"] .product-img .img-1,
#products-list-results .product-item[data-view="2"] .product-img .img-2,
#products-list-results .product-item[data-view="3"] .product-img .img-3,
#products-list-results .product-item[data-view="4"] .product-img .img-4,
#products-list-results .product-item[data-view="5"] .product-img .img-5 { display: block; }

#products-list-results .product-item:hover .product-img img
{
	opacity: 1;
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}

#products-list-results .product-item:hover .product-img .img-default { display: none; }
#products-list-results .product-item:hover .product-img .img-rollover { display: block!important; }

/* Description */
#products-list-results .product-item .product-desc
{
	color: #000;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 310px 0 0; 
	position: relative;
	text-align: center;
	text-transform: uppercase;
	z-index: 5;
}

#products-list-results .product-item .product-desc span { display: block; }

#products-list-results .product-item .product-desc .type
{
	color: #595959;
	font-size: 12px;
}

#products-list-results .product-item .product-desc .title,
#products-list-results .product-item .product-desc .title h2
{
	font-family: 'OriginalGaramondW01-Roman';
	font-size: 20px;
	font-weight: normal;
}

#products-list-results .product-item .product-desc .title header { padding: 0; }

#products-list-results .product-item .product-desc .title { padding: 0; }

#products-list-results .product-item .product-desc .title h2 { margin: 0; }

#products-list-results .product-item .product-desc .infos,
#products-list-results .product-item .product-desc .price { font-size: 10px; }

#products-list-results .product-item .product-desc .price { height: 14px; }

.facetapi-berluti-checkbox li {display: inline-block; }

.mobile #products-filters .facetapi-berluti-checkbox li { display: block; }

#products-filters .form-type-checkbox .description {
	margin-left: 0;
}

.petit #products-list-results .product-item .product-desc { line-height: 1.8; }

.mobile #products-filters .form-row .facetapi-facet-field-sap-material .form-item,
.mobile #products-filters .form-row .facetapi-facet-field-productfield-color-descfield-color-groups .form-item { padding-left: 45px; }

#products-list-results .product-item span.collection,
.item .textbloc-container .collection
{
	background: #ececec;
	display: inline-block;
	font-size: 12px;
	font-family: 'original_garamonditalic';
	margin: 10px 0 0; 
	padding: 3px 10px;
	text-transform: none;
}