/*
 * 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
 */
%wb-cal-event-show-event {
	background-color: $clrWhite;
	border: 1px solid #333;
	clip: rect(auto, auto, auto, auto);
	color: #000;
	height: inherit;
	list-style-type: none;
	margin: 0;
	margin-top: -.5em;
	overflow: inherit;
	padding: 0;
	position: absolute;
	width: 10em;
	z-index: 5;

	a {
		&:hover,
		&:focus {
			color: $clrWhite;
		}
	}
}

.wb-calevt-cal {

	//TODO: Remove this and make fluid the default
	width: 19em;

	.cal-days {
		.cal-evt {
			background: #176ca7;
			color: $clrWhite;
		}

		td {
			ul {
				@extend %accessible-invisible;

				&.ev-details {
					@extend %wb-cal-event-show-event;
				}
			}

			&:hover {
				ul {
					@extend %wb-cal-event-show-event;
				}
			}
		}
	}

	.cal-evt-lnk {
		display: block;
		padding: .5em;
	}

	//TODO: Remove this and make fluid the default
	&.cal-cnt-fluid {
		width: 100%;
	}
}