/* Gîte — Disponibilités iCal */

.gld{
	--gld-libre:#eef6ee;
	--gld-occupe:#e4867f;
	--gld-texte:#2f3437;
	--gld-gris:#8a9199;
	color:var(--gld-texte);
	font-size:15px;
}

.gld__legende{
	display:flex;flex-wrap:wrap;gap:1.2em;
	margin-bottom:1.2em;font-size:.9em;
}
.gld__legende .gld-p{
	display:inline-block;width:14px;height:14px;border-radius:3px;
	vertical-align:-2px;margin-right:.4em;border:1px solid rgba(0,0,0,.12);
}
.gld-p--libre{background:var(--gld-libre)}
.gld-p--occupe{background:var(--gld-occupe)}
.gld-p--transit{background:linear-gradient(135deg,var(--gld-libre) 50%,var(--gld-occupe) 50%)}

.gld__mois{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
	gap:1.5em;
}

.gld-cal{width:100%;border-collapse:collapse;table-layout:fixed;margin:0}
.gld-cal caption{
	font-weight:600;text-align:left;padding-bottom:.5em;font-size:1.05em;
	caption-side:top;
}
.gld-cal th{
	font-weight:500;font-size:.75em;text-transform:uppercase;
	color:var(--gld-gris);padding:.3em 0;border:0;background:none;
}
.gld-cal td{
	height:38px;text-align:center;vertical-align:middle;
	border:1px solid #fff;background:var(--gld-libre);
	font-size:.85em;padding:0;
}
.gld-cal td span{position:relative;z-index:1}
.gld-cal td.gld-vide{background:transparent;border-color:transparent}
.gld-cal td.gld-occupe{background:var(--gld-occupe);color:#fff}
.gld-cal td.gld-arrivee{background:linear-gradient(135deg,var(--gld-libre) 50%,var(--gld-occupe) 50%)}
.gld-cal td.gld-depart{background:linear-gradient(135deg,var(--gld-occupe) 50%,var(--gld-libre) 50%)}
.gld-cal td.gld-passe{opacity:.35}
.gld-cal td.gld-aujourdhui{outline:2px solid var(--gld-texte);outline-offset:-2px;font-weight:700}

.gld__liste{margin-top:1.8em}
.gld__liste h3{margin:0 0 .6em;font-size:1.1em}
.gld__liste ul{list-style:none;margin:0;padding:0}
.gld__liste li{padding:.5em 0;border-bottom:1px solid #ececec}
.gld-nuits{
	display:inline-block;margin-left:.5em;padding:.1em .55em;
	border-radius:999px;background:#eef1f3;font-size:.8em;
}

.gld__maj{margin-top:1.2em;font-size:.8em;color:var(--gld-gris)}

@media (max-width:480px){
	.gld-cal td{height:34px}
}