/* =========================================================
   BORSERINI - PRODUCT CATEGORY MENU
   ========================================================= */

.borserini-pcm {
	--pcm-blue: #24397a;
	--pcm-text: #666666;
	--pcm-bg: #e9e9e9;
	--pcm-bg-current: #cccccc;
	--pcm-gap: 3px;
	--pcm-indent: 40px;

	width: 100%;
}

/* ---------------------------------------------------------
   RESET
   --------------------------------------------------------- */

.borserini-pcm ul,
.borserini-pcm li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------
   ROOT: PRODUCTS / PRODOTTI
   --------------------------------------------------------- */

.borserini-pcm__root {
	margin: 0 0 var(--pcm-gap);
}

.borserini-pcm__root-link {
	display: block;
	padding: 7px 10px;

	background: var(--pcm-bg);
	color: var(--pcm-text) !important;

	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
}

.borserini-pcm__root-link:hover, .borserini-pcm__root-link:focus {
	background: var(--pcm-blue);
	color: #fff !important;
	text-decoration: none;
}

/* ---------------------------------------------------------
   OGNI CATEGORIA = TASTO AUTONOMO
   --------------------------------------------------------- */

.borserini-pcm__item {
	margin: 0;
}

.borserini-pcm__row {
	display: flex;
	align-items: stretch;
	width: 100%;

	margin-bottom: var(--pcm-gap);
	background: var(--pcm-bg);

	transition:
		background-color .15s ease,
		color .15s ease;
}

.borserini-pcm .borserini-pcm__link {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;

	padding: 7px 10px;

	color: var(--pcm-text) !important;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2;

	text-decoration: none;
}

/* ---------------------------------------------------------
   HOVER: FONDO BLU + TESTO BIANCO
   --------------------------------------------------------- */

.borserini-pcm__row:hover {
	background: var(--pcm-blue);
}

.borserini-pcm__row:hover > .borserini-pcm__link {
	color: #fff !important;
	text-decoration: none;
}

.borserini-pcm__row:hover > .borserini-pcm__toggle {
	color: #fff;
}

/* ---------------------------------------------------------
   MACRO-CATEGORIE
   primo livello sotto Products
   --------------------------------------------------------- */

.borserini-pcm > .borserini-pcm__list
	> .borserini-pcm__item
	> .borserini-pcm__row
	> .borserini-pcm__link {

	font-weight: 700;
	text-transform: uppercase;
}

/* ---------------------------------------------------------
   CATEGORIA CORRENTE
   --------------------------------------------------------- */

.borserini-pcm__item.is-current > .borserini-pcm__row {
	background: var(--pcm-bg-current);
}

.borserini-pcm__item.is-current > .borserini-pcm__row
	> .borserini-pcm__link {
	color: var(--pcm-text);
	font-weight: 700;
}

/* Anche la categoria corrente reagisce all'hover */
.borserini-pcm__item.is-current > .borserini-pcm__row:hover {
	background: var(--pcm-blue);
}

.borserini-pcm__item.is-current > .borserini-pcm__row:hover
	> .borserini-pcm__link {
	color: #fff !important;
}

/* ---------------------------------------------------------
   TOGGLE
   --------------------------------------------------------- */

.borserini-pcm .borserini-pcm__toggle {
	appearance: none;
	-webkit-appearance: none;

	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 28px;
	width: 28px;
	min-width: 28px;

	margin: 0;
	padding: 0;

	border: 0 !important;
	border-radius: 0 !important;
	outline: 0;
	box-shadow: none !important;

	background: transparent !important;
	color: #888;

	cursor: pointer;
}

.borserini-pcm .borserini-pcm__toggle:hover,
.borserini-pcm .borserini-pcm__toggle:focus,
.borserini-pcm .borserini-pcm__toggle:active {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* ---------------------------------------------------------
   TRIANGOLINO PIENO
   --------------------------------------------------------- */

.borserini-pcm__chevron {
	display: block;

	width: 0;
	height: 0;

	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid currentColor;

	transition: transform .15s ease;
}

/* Aperto = triangolo verso l'alto */
.borserini-pcm__item.is-open
	> .borserini-pcm__row
	.borserini-pcm__chevron {

	transform: rotate(180deg);
}

/* ---------------------------------------------------------
   APERTURA / CHIUSURA
   --------------------------------------------------------- */

.borserini-pcm__children {
	display: none;
}

.borserini-pcm__item.is-open > .borserini-pcm__children {
	display: block;
}

/* ---------------------------------------------------------
   SECONDO LIVELLO
   Rettangoli fisicamente rientrati
   --------------------------------------------------------- */

.borserini-pcm__children {
	margin-left: var(--pcm-indent) !important;
}

.borserini-pcm__children .borserini-pcm__link {
	padding: 6px 9px;

	font-size: 12px;
	font-weight: 400;
	text-transform: none;
}

/* ---------------------------------------------------------
   TERZO LIVELLO
   Il margin-left si somma automaticamente
   --------------------------------------------------------- */

.borserini-pcm__children
	.borserini-pcm__children {
	margin-left: var(--pcm-indent) !important;
}

/* Evitiamo vecchie indentazioni via padding */
.borserini-pcm__children
	.borserini-pcm__children
	.borserini-pcm__link {

	padding-left: 9px;
}

/* ---------------------------------------------------------
   QUARTO LIVELLO
   Supporto alla vecchia tassonomia
   --------------------------------------------------------- */

.borserini-pcm__children
	.borserini-pcm__children
	.borserini-pcm__children {

	margin-left: var(--pcm-indent) !important;
}


/* =========================================================
   INDUSTRY
   Le categorie figlie della root hanno l'aspetto
   delle sottocategorie del menu Products.
   ========================================================= */

.borserini-pcm--industry > .borserini-pcm__list {
	margin-left: var(--pcm-indent) !important;
}

.borserini-pcm--industry
	> .borserini-pcm__list
	> .borserini-pcm__item
	> .borserini-pcm__row
	> .borserini-pcm__link {
	padding: 6px 9px;
	font-size: 12px;
	font-weight: 400;
	text-transform: none;
}