/* --- CALENDRIERS
*/

#calendars .outerContainer {
	display: flex;
	justify-content: center;
	margin-bottom: 5px;
	font: .7rem/1.15 var(--calendars-font);
}
/* #calendars .cell { font: .7rem/1.15 var(--calendars-font); }   */
.index #calendars .outerContainer[data-horaires="none"] {
	display: none;
}
#calendars .outerContainer,
#calendars .container,
#calendars .container .row {
	height: 70px;
}
#calendars .title-day {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px; height: 100%;
	font: bold 1rem/1 var(--title-font);
	writing-mode: vertical-rl;
	letter-spacing: -10px;
	text-orientation: upright;
	color: black;
	/* border-right: 1px solid gray; */
	border-radius: 8px 0 0 8px;
}

/* ------- */
#calendars .lundi .title-day { background: rgb(var(--lundi-color)); }
#calendars .lundi .cell {
	background-image : 	linear-gradient(to right, rgba(var(--lundi-color), .1), rgba(var(--lundi-color), .1)), /* gradient 1 */
						linear-gradient(to right, rgb(255,255,255), rgb(255,255,255)); /* gradient 2 => solid colors */
}
/* #calendars .lundi[data-horaires="none"] .row {
	width: 100% !important;
	background: linear-gradient(90deg, rgba(var(--lundi-color), 0.2) 0%, rgba(0, 0, 0, 0) 100%);
} */
/* ------- */
#calendars .mardi .title-day { background: rgb(var(--mardi-color)); }
#calendars .mardi .cell {
	background-image : 	linear-gradient(to right, rgba(var(--mardi-color), .1), rgba(var(--mardi-color), .1)), /* gradient 1 */
						linear-gradient(to right, rgb(255,255,255), rgb(255,255,255)); /* gradient 2 => solid colors */
}
/* #calendars .mardi[data-horaires="none"] .row {
	width: 100% !important;
	background: linear-gradient(90deg, rgba(var(--mardi-color), 0.2) 0%, rgba(0, 0, 0, 0) 100%);
} */
/* ------- */
#calendars .mercredi .title-day { background: rgb(var(--mercredi-color)); }
#calendars .mercredi .cell {
	background-image : 	linear-gradient(to right, rgba(var(--mercredi-color), .1), rgba(var(--mercredi-color), .1)), /* gradient 1 */
						linear-gradient(to right, rgb(255,255,255), rgb(255,255,255)); /* gradient 2 => solid colors */
}
/* #calendars .mercredi[data-horaires="none"] .row {
	width: 100% !important;
	background: linear-gradient(90deg, rgba(var(--mercredi-color), 0.2) 0%, rgba(0, 0, 0, 0) 100%);
} */
/* ------- */
#calendars .jeudi .title-day { background: rgb(var(--jeudi-color)); }
#calendars .jeudi .cell {
	background-image : 	linear-gradient(to right, rgba(var(--jeudi-color), .1), rgba(var(--jeudi-color), .1)), /* gradient 1 */
						linear-gradient(to right, rgb(255,255,255), rgb(255,255,255)); /* gradient 2 => solid colors */
}
/* #calendars .jeudi[data-horaires="none"] .row {
	width: 100% !important;
	background: linear-gradient(90deg, rgba(var(--jeudi-color), 0.2) 0%, rgba(0, 0, 0, 0) 100%);
} */
/* ------- */
#calendars .vendredi .title-day { background: rgb(var(--vendredi-color)); }
#calendars .vendredi .cell {
	background-image : 	linear-gradient(to right, rgba(var(--vendredi-color), .1), rgba(var(--vendredi-color), .1)), /* gradient 1 */
						linear-gradient(to right, rgb(255,255,255), rgb(255,255,255)); /* gradient 2 => solid colors */
}
/* #calendars .vendredi[data-horaires="none"] .row {
	width: 100% !important;
	background: linear-gradient(90deg, rgba(var(--vendredi-color), 0.2) 0%, rgba(0, 0, 0, 0) 100%);
} */
/* ------- */
#calendars .samedi .title-day { background: rgb(var(--samedi-color)); }
#calendars .samedi .cell {
	background-image : 	linear-gradient(to right, rgba(var(--samedi-color), .1), rgba(var(--samedi-color), .1)), /* gradient 1 */
						linear-gradient(to right, rgb(255,255,255), rgb(255,255,255)); /* gradient 2 => solid colors */
}
#calendars #samedis .title-day {
	width: 60px;
	writing-mode: horizontal-tb;
	letter-spacing: normal;
	text-align: center;
	background: rgb(135, 206, 250);  /* => lightskyblue */
}
#calendars #samedis .container .row > .cell {
	background: rgba(135, 206, 250, .1);
}
#calendars #samedis .outerContainer:nth-child(even) .container .row > .cell {
 	/* background: rgba(154, 135, 250, .1); */
 	background: rgba(0, 191, 255, .1);
}

/* ------- */

.index #calendars .container {
	position: relative;
	min-width: 200px;
	background-color: rgba(0,0,0,.025);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-right: 1px solid #ccc;
	touch-action: none;
}
.index #calendars .container {
	touch-action: pan-y;
}
#calendars .container .row {
	position: absolute;
	left: 0; top: 0;
	display: flex;
	flex-wrap: nowrap;
	min-width: 100px;
	/* background-color: rgb(245, 230, 99); */
	user-select: none;
	transition: transform 100ms ease-out;
}
#calendars .container .row:not(.no-cursor) { cursor: grab; }
#calendars .container .row:active {
	/* background-color: rgba(168, 218, 220, 1.00); */
}
#calendars .container .row > .cell {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* width: 100px; */
	box-sizing: border-box;
	padding: 4px;
	text-align: center;
	border: 1px solid #ccc;
	/* pointer-events: none; */
}

#calendars .container .row > .cell b + br {
	display: none;
}

.cell.accueil {
	/* Classe .accueil attribuée en JS dans 'g-dragItem.js' */
	background: rgba(251, 216, 5, .75) !important; /* => var(--main-yellow) rgb */
}