/*
 * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
 * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
 */

%zebra-summary-hover {
	background-color: #fafaff;
}

// Layout cell styling often at the junction of two header group or two summary group.
.wb-cell-layout {
	background-color: transparent;
}

%zebra-font-style-italic {
	font-style: italic;
}

// Styling of special kind of cell defined in a header group
.wb-cell-key {
	@extend %zebra-font-style-italic;
}

.wb-cell-desc {
	@extend %zebra-font-style-italic;
}

// Separate multiple colgroup instances
.wb-zebra {
	> {
		colgroup {
			+ {
				colgroup {
					border-left: 2px solid #ddd;
				}
			}
		}
	}
}

// Style summary group
.wb-group-summary {
	background-color: #f0f2f4;
}

// Column hover effect
.wb-zebra-col-hover {
	col {
		&.table-hover {
			background-color: #f0f0f0;
		}
	}

	.wb-group-summary {
		col {
			&.table-hover {
				@extend %zebra-summary-hover;
			}
		}
	}
}

.table-hover {
	.wb-group-summary {
		tr {
			&:hover {
				td,
				th {
					@extend %zebra-summary-hover;
				}
			}
		}
	}
}