/* --- 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: 90px;
}
#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 {
	box-sizing: border-box;
	width: 60px;
	padding: 0 4px;
	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); */
	background: #f3fafe;
}
#calendars #samedis .outerContainer:nth-child(even) .container .row > .cell {
 	/* background: rgba(154, 135, 250, .1); */
 	/* background: rgba(0, 191, 255, .1); */
 	background: #e5f8ff;
}

/* ------- */

.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;
	/* MOTIF */
	background-color: #ffffff !important;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ddd' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 1.4%;
}
.index #calendars .container {
	touch-action: pan-y;
}
#calendars .container .row {
	position: absolute;
	left: 0; top: 0;
	display: flex;
	flex-wrap: nowrap;
	min-width: 100px;
	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;
}

/* Classes attribuée en JS => 'g-dragItem.js' */
.cell.accueil {background: rgba(251, 216, 5, .75) !important; } /* => var(--main-yellow) rgb */
.cell.cinema  {
	background-color: #f3fafd;
	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 108.1 122.88" style="enable-background:new 0 0 108.1 122.88;fill:SteelBlue" xml:space="preserve"><g><path class="st0" d="M17.61,47.71h52.57c4.88,0,8.86,3.99,8.86,8.86v38.52c0,4.87-3.99,8.86-8.86,8.86H53.94l11.79,18.92H54.75 l-12.86-17.29l-12.99,17.29H17.76l11.72-18.92H17.61c-4.87,0-8.86-3.99-8.86-8.86V56.57C8.75,51.7,12.73,47.71,17.61,47.71 L17.61,47.71z M17.83,9.22c4.92,0,9.38,2,12.61,5.22c3.23,3.23,5.22,7.69,5.22,12.61c0,4.92-2,9.38-5.22,12.61 c-3.23,3.23-7.69,5.22-12.61,5.22s-9.38-2-12.61-5.22C2,36.44,0,31.98,0,27.06c0-4.92,2-9.38,5.22-12.61S12.91,9.22,17.83,9.22 L17.83,9.22z M24.93,19.96c-1.82-1.82-4.33-2.94-7.1-2.94c-2.77,0-5.28,1.12-7.1,2.94c-1.82,1.82-2.94,4.33-2.94,7.1 c0,2.77,1.12,5.28,2.94,7.1s4.33,2.94,7.1,2.94c2.77,0,5.28-1.12,7.1-2.94s2.94-4.33,2.94-7.1C27.88,24.29,26.75,21.77,24.93,19.96 L24.93,19.96z M60.62,0c6.2,0,11.81,2.51,15.87,6.57c4.06,4.06,6.57,9.67,6.57,15.87c0,6.2-2.51,11.81-6.57,15.87 c-4.06,4.06-9.67,6.57-15.87,6.57s-11.81-2.51-15.87-6.57c-4.06-4.06-6.57-9.67-6.57-15.87c0-6.2,2.51-11.81,6.57-15.87 S54.42,0,60.62,0L60.62,0z M70.88,12.19c-2.62-2.62-6.25-4.25-10.26-4.25s-7.63,1.62-10.26,4.25c-2.62,2.62-4.25,6.25-4.25,10.26 s1.62,7.63,4.25,10.26c2.62,2.62,6.25,4.25,10.26,4.25s7.63-1.62,10.26-4.25s4.25-6.25,4.25-10.26 C75.13,18.44,73.5,14.81,70.88,12.19L70.88,12.19z M84.07,89.97V61.52l24.02-14.16v57.15L84.07,89.97L84.07,89.97z"/></g></svg> ') !important;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 8px 65%;
}

.oblique-lines {
	background-color: #ffffff !important;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ddd' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 1.4%;
}